Lion Queen Theme

By Victoria Bergquist

A Lion Queen theme for the Studio

Lion Queen Studio Theme

A Lion Queen theme that overrides the default look of the Sanity Studio. Created as part of the How to Brand your Studio tutorial.

Screenshot of the Lion Queen theme

Installation

At the root of your Sanity project, run this command in the terminal.

sanity install lion-queen-theme

Example Studio

To see this theme in action, take a look at the example Studio created with sanity init and the e-commerce template:

$ cd example
$ npm install # or yarn install
$ sanity start

CSS Variables

This theme only uses a handful of the available variables that lets you give the Studio a custom look. Find the CSS variables this theme overrides in variables.css.

/* Brand colors */
--brand-primary
--brand-primary--inverted
--brand-secondary
--brand-secondary--inverted

/* Typography */
--font-family-sans-serif
--font-size-base
--text-color

/* Main Navigation */
--main-navigation-color
--main-navigation-color--inverted

See the documentation for more information about styling the Studio, or explore the full list of variables on GitHub.

Other plugins by author

Content Calendar

Official(made by Sanity team)

Schedule and view your editorial calendar, right where you store your content. Prioritize and get organized on the fly with a visual calendar in your Studio.

Go to Content Calendar

Mux input

Upload videos to Mux directly from the studio.

Go to Mux input