Customize

Speaker 0: Welcome back to Leap Week. It's always been important to us that you can make Directus your own not just in terms of what it can do but in terms of how it looks and feels. We already have quite a few custom theming options like setting colors and logos from the very first page that users see right through the data studio. And with custom endpoint extensions, this flexibility runs right through the APIs that directors provides as well. But today, we're gonna expand on what you can do in the Data Studio.

Over to Like for more.

Speaker 1: We've always allowed admins to add custom CSS to their direct this project, but it can be a little bit hacky and might just break whenever we change the markup in new releases to improve direct this or fix other bugs. Now we're not getting rid of any of these custom styles, but we have a very exciting new way to enhance that ability to make Directus your own. In Directus 10.7, we're launching a completely new theming engine that allows you to define custom themes and customize existing ones. You can do this through a new section in the settings panel. Let me show you how that works.

In settings, there is a new theming interface with a set of themable options. Any CSS color, font weight, border ADI, etcetera will be accepted in there and you can save those changes to see them applied immediately. You can treat those new theming options as a sort of promise between the core team and developers that use Directus to make sure that we handle the mapping between the different options and the markup in the app. So that means if we ever change that markup when we implement new features, fix bugs, etcetera, we'll make sure that all of those callers and rules will still work as expected, giving you way more confidence in your custom team within upgrades between versions. This is really, really exciting because of what is happening in the background.

What that settings interface is actually doing is really just creating a new Theme file. So anything that you can do within a Theme, you can overwrite within these settings. What's also cool about that is once you're happy with your overrides, you can copy paste that output and save it as a completely new theme. These themes will also be available as custom extensions in the very new future. Today, we're just exposing that light and dark theme you've seen in Directus before, but the intention is to turn themes into its own proper extension type, which also means you can make your own and distribute them to other profits.

Gonna be adding more options for the rules in future releases, but we definitely hope you have a lot of fun making Directus feel more new.

Speaker 0: We're always working to improve on the customizability of directors so it can really feel like it belongs to your company. This work represents a positive step forward, and we expect to introduce more configuration in this section in future releases. In the meantime, we hope you have fun with it and we'll see you tomorrow.