DEV Community

Cover image for Introducing Themes for the Enhance Blog Template
Cole Peters for Begin

Posted on

Introducing Themes for the Enhance Blog Template

Today, we’re shipping a small but exciting update to our Enhance blog template, in the form of a new starter theme and the ability to quickly switch between themes via a single line of code.

We’ve been thinking about the idea of themeable Enhance apps for a while now, and this is our first step in that direction. Starting today, the Enhance blog template comes preloaded with two different themes — the original theme the template was first released with, and a new minimal theme. Both handle dark mode out of the box.

The new "minimal" blog theme, featuring sans serif typography in light and dark variants

The new minimal theme

The previous default theme, now called "elegant", featuring a mix of sans serif and serify typography in light and dark variants

The original theme

Our new minimal theme (which is active by default) uses a similar layout to our original theme, but features more neutral colors and typography. If you prefer the original theme, however, switching between themes is as easy as changing one line of code in your project’s .arc file. Under the @enhance-styles pragma, point the config option at theme-elegant.json:

config theme-elegant.json
Enter fullscreen mode Exit fullscreen mode

These two themes vary primarily in color palette and typefaces. However, we’re planning to explore affordances for much deeper theming in the future, which will allow you to tweak many different aspects of a theme with ease. We hope these themes give you a great starting point for your own customizations and styling.

Further Reading

Next Steps

  • Join the Enhance Discord to share your blog, request theming features, or to ask for help from our team and the community

Top comments (0)