Our Visual Editing feature is live! 🎉 Learn more
Directus Logo
  • Use Cases and Features
    • Headless CMS
      Manage and deliver content with ease
    • Backend-as-a-Service
      Build and ship applications faster
    • Headless Commerce
      A single source of truth for products
    • 100+ More Use Cases
      Build anything (or everything)
    • Instant APIs
      Connect a database, get REST + GraphQL APIs
    • Granular Policy-Based Auth
      Provide secure, autonomous data access
    • Visual Automation Builder
      Automate content and data workflows with ease
    • 50+ More Features
      Get everything you need out-of-the-box
    Project Showcase
    Built With Directus

    Built With Directus

    See what everyone's been building with Directus

  • Learn More
    • Blog
      Read our latest articles and guides
    • Case Studies
      Case studies and success stories
    • Community
      Join our 13k member Discord community.
    • Agency Directory
      Browse our list of agency partners
    • About Us
      Learn more about Directus and the team
    • Wall of Love
      See what others are saying about us
    • Contact
      Have a general inquiry or question for us?
    • Support
      Reach out to Directus support
    Watch Directus TV
    Directus TV
    Video

    Directus TV

    Go down the rabbit hole with hours of original video content from our team.

  • Developers
  • Enterprise
  • Pricing
Chat With UsGet Started Free
GitHub logo30,677
Back
news
Wednesday, October 25, 2023

Make Directus Your Own With The New Theming Engine

Learn about the new theming engine released in Directus 10.7, and what it means for a future extension type.
Make Directus Your Own With The New Theming Engine

A user's journey with Directus, right from the splash page to navigating through the Data Studio, should reflect a blend of our data platform and your unique brand identity. With the release of Directus 10.7, we are introducing a new theming engine with a dedicated section within the Data Studio settings. 

In the past, while we enabled admins to add custom CSS to their Directus projects, but when using it for theming there was a looming risk of these custom styles falling apart if we changed the Data Studio markup. While the option for custom styles remains intact, this new theming enhancement should make theming easier.  

This new feature isn’t just about more theming options, it’s a commitment from us. It’s a promise that our core team will handle the mapping between these theming options and the markup, ensuring a smooth transition even when markup changes occur. This initiative instills a higher degree of confidence in your custom theming endeavors and the upgrade process across different versions.  

Today, you can set a light and a dark theme, but our goal is to evolve themes into a distributable extension type. While we will likely add more theming options to the engine in the upcoming releases, our primary aim remains — to offer a platform where the Directus Data Studio aligns with your brand.

Directus 10.7 is now available on npm and Docker Hub. As always, if you have questions feel free to join our Discord community.

Posted By

Rijk van Zanten

Rijk van Zanten

CTO, Co-Founder

Share

LinkedIn LogoTwitter LogoReddit LogoDev.to Logo

Sign up for updates 🐇

Get insights, releases, and exciting news delivered directly to your inbox once a month. No spam - we promise. 🙂

  • Directus LogoDirectus Logo

    A composable backend to build your Headless CMS, BaaS, and more. 

  • Solutions
    • Headless CMS
    • Backend-as-a-Service
    • Product Information
    • 100+ Things to Build
  • Resources
    • Documentation
    • Guides
    • Community
    • Release Notes
  • Support
    • Issue Tracker
    • Feature Requests
    • Community Chat
    • Cloud Dashboard
  • Organization
    • About
    • Careers
    • Brand Assets
    • Contact
©2025 Monospace Inc
  • Cloud Policies
  • License
  • Terms
  • Privacy