This article is written for the latest version of the Flatfile Platform.
All styles for Spaces hosted in the Dashboard and most styles for your Embedded importer can be configured using our theme configuration, and documentation for that can be found here. However the elements that exist outside the iFrame, like the close buttons, will need to be styled using CSS when embedding the importer into your application.
Common elements you may want to target could be the "Yes, cancel" and "No, stay" buttons when closing out the importer, and those can be targeted with the following styles:
/* The "yes, cancel" button you see in the close modal */
.flatfile_primary {
border: 1px solid var(--ff-primary-color);
background-color: var(--ff-primary-color);
color: #fff;
}
/* The "no, stay" button you see in the close modal */
.flatfile_secondary {
color: var(--ff-secondary-color);
}
Additional styles can be found in our Embedding documentation.