Seventy extends Seven, the default admin theme in Backdrop. More precisely, it
doesn't do much on its own, but it provides a place which lets you extend Seven
easily. Seventy provides a good start to give the administration and editorial
interface in Backdrop a different look.
Seventy as a sub-theme
Seventy is a sub-theme of Seven, and Seven serves as base theme for Seventy.
As a sub-theme, Seventy inherits most resources of Seven. When you start to use
Seventy, your administration pages will look exactly like Seven. However,
Seventy comes with an empty
skin-seventy.css which makes it easy to override
the CSS styles of Seventy and/or to add your custom styles.
- Install and enable Seventy using the official Backdrop CMS instructions at
- Go to Administer > Site building > Themes, scroll down a bit, and choose
Seventy as Administration theme.
Open the file
css/skin-seventy.css, and add your styles.
Override a Seven style
Example: Override Seven's gray header background color with a light blue.
Add your own custom style
Example: Add some margin for a content form field.
Apart from CSS styles, Seven includes template files, images and more. To
about sub-theming: https://docs.backdropcms.org/documentation/creating-sub-themes
Alternatives to Seventy
Write your own Seven sub-theme
Writing your sub-theme from scratch can be fun, you will learn a lot, and it
gives you the most freedom. Please refer to the sub-theming documentation
Install the CSS Injector module
CSS Injector allows you to add CSS to Backdrop based on configurable rules.
It's useful for adding simple CSS tweaks without modifying the theme.
Bugs and Feature requests should be reported in the Issue Queue:
This project is GPL v2 software.
See the LICENSE.txt file in this directory for the complete text.