Directus Logo
  • The Data Engine and Studio
    • Connect
      Generate REST and GraphQL APIs instantly
    • Explore
      Browse and filter data in custom layouts
    • Editor
      Create and manage data in custom forms
    • Files
      Store and transform all your digital assets
    • Auth
      Protect your data with granular access control
    • Insights
      Visualize data within custom dashboards
    • Automate
      An automation builder for your data
    • Realtime
      Keep your data in sync with WebSockets
    Extend Your Toolkit
    Directus Marketplace

    Directus Marketplace

    Customize your data experience with extensions.

  • Build powerful apps and tools
    • Headless CMS
      Manage and deliver digital experience content
    • Backend-as-a-Service
      Simplify backend operations and scale
    • Product Management (PIM)
      A single source of truth for products
    • 100+ More Things To Build
      Looking for inspiration? Look no further
    • Startups
      Build fast, scale faster
    • Enterprise
      Secure, scalable composable architecture
    • Agencies
      Enhance your productivity and agency offerings
    • Government
      Dual-use platform for government applications
    Focus on the frontend
    Directus Cloud

    Directus Cloud

    Convenience and scalability without the stress.

  • Technical resources
    • Directus Docs
      Documentation on set-up and using Directus
    • API Reference
      Dynamic REST and GraphQL API docs
    • Tutorials and Guides
      Our developer blog for specific use cases
    • Quickstart Guide
      Get up and running quickly
    • Roadmap
      See what's on our product roadmap
    • Security
      Our commitment to security and compliance
    • GitHub
      Visit our repo on GitHub
    • Docker Hub
      Visit the official Directus Docker hub
    Open Source
    Visit our GitHub

    Visit our GitHub

    We're committed to the open source community.

  • Learning Center
    • Blog
      Read our latest articles and guides
    • Success Stories
      Case studies and success stories
    • Community
      Join our 10k member Discord community.
    • Events & Meetups
      See upcoming events and in-person meetups
    • About Us
      Learn more about Directus and the team
    • The 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.

  • Pricing
Get DemoGet Started
GitHub logo25,762
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 data platform 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
©2024 Monospace Inc
  • Cloud Policies
  • License
  • Terms
  • Privacy
  • github
  • discord
  • youtube
  • docker
  • npm
  • x
  • mastodon
  • linkedin