Directus Logo
  • The Directus Toolkit
    • 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
    • code_blocks
      Headless CMS
      Manage and deliver digital experience content
    • speed
      Backend-as-a-Service
      Simplify backend operations and scale
    • shopping_cart_checkout
      Product Management (PIM)
      A single source of truth for products
    • lightbulb
      100+ More Things To Build
      Looking for inspiration? Look no further
    • rocket_launch
      Startups
      Build fast, scale faster
    • apartment
      Enterprise
      Secure, scalable composable architecture
    • autopay
      Agencies
      Enhance your productivity and agency offerings
    • account_balance
      Government
      Dual-use platform for government applications
    Focus on the frontend
    Directus Cloud

    Directus Cloud

    Convenience and scalability without the stress.

  • Technical resources
    • menu_book
      Directus Docs
      Documentation on set-up and using Directus
    • api
      API Reference
      Dynamic REST and GraphQL API docs
    • slideshow
      Tutorials and Guides
      Our developer blog for specific use cases
    • avg_pace
      Quickstart Guide
      Get up and running quickly
    • map
      Roadmap
      See what's on our product roadmap
    • security
      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
    • library_books
      Blog
      Read our latest articles and guides
    • magic_button
      Success Stories
      Case studies and success stories
    • video_library
      Videos
      Watch our latest videos and how-tos
    • event
      Events & Meetups
      See upcoming events and in-person meetups
    • supervised_user_circle
      About Us
      Learn more about Directus and the team
    • heart_plus
      The Wall of Love
      See what others are saying about us
    • mark_email_unread
      Contact
      Have a general inquiry or question for us?
    • support
      Support
      Reach out to Directus support
    Join our community
    Join our 10k+ Member Discord

    Join our 10k+ Member Discord

    Get community support, see what others are building, and more.

  • Pricing
Book a DemoCreate a Project
arrow_backBack
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

Follow the White Rabbit 🐇

Get insights, releases, and exciting news delivered directly to your inbox once a month.

  • Directus Logo

    A modern backend toolkit for building anything or everything.

  • 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
©2023 Monospace Inc
  • Cloud Policies
  • License
  • Terms
  • Privacy
  • github
  • discord
  • youtube
  • docker
  • npm
  • x
  • mastodon
  • linkedin