Theming
Directus AcademySeason 1Episode 7September 13 2024Explore Directus' advanced custom theming options, including light and dark themes, CSS customization, and public page styling, to create a personalized look for your company or client's project.
Speaker 0: The ability to make Directus feel like it belongs to your company or client is very important and entirely possible thanks to the advanced custom theming options available. The direct us theming engine contains a number of customizable themes including a light theme and a dark theme. If default values are changed, they will automatically be mapped to the correct elements inside of the data studio even between upgrades. Both themes can be updated for all users in the settings module or for specific users in the users module. Any valid css values will be accepted by the directors theming engine.
Custom CSS also allows custom styles or overrides in the data studio. If there are ever changes to the markup of the data studio, the directors team will ensure that all custom values set in the theming interface will continue to be applied correctly. You can also use custom CSS to add custom styles or overrides in the data studio. However, the data studio's core code and therefore the DOM selectors may change in any future release. So these updates are not considered a breaking change.
So you should try and use the theming engine where possible and validate custom CSS still works after updating your director's project. The public pages of directors are shown before a user logs in and are related to authentication. Within your project's appearance settings, you can customize a project color, logo and favicon. Or is it favicon? Who knows favicon, favicon.
You can, also pick custom images to display in the right half of the public pages. Public pages can also be further customized using custom CSS and our theming engine. And we'll talk about extensions in a future video, but themes can also be packaged up as extensions and installed in projects manually or via the directors marketplace. We want directors to be a super flexible tool that makes sense inside of your organization, and we hope that our custom theming options enable that to take place. If you have any questions, feel free to reach out, and we'll see you in the next video.