#Theming

You can use UnoCSS Starter to generate a base theme to use with additional subthemes.

When you generate a theme, it copies all...

When developing a theme, changes to CSS are reloaded instantly, but twig changes trigger a page refresh.

How can we make the twig...

A hero is a large area above the fold, typically an image, video, or call to action.

Start by creating a block type called Hero.

I...

Screens come in different sizes and shapes.

The available space can be as small as a phone, or as large as a billboard, with...

Every site needs a header, typically featuring a logo and navigation.

Using SDC for the header makes it easier to swap in pre...

Recreate theme with UnoCSS built with Vite.

Create theme

Start by generating a theme from starterkit_theme with the drupal core...

A code sample contains HTML, CSS, and JS fields.

A bare code sample is defined with a theme hook and template.

code_sample.module

T...

Mantra started as a black and white theme - let's add color for the background, text, and links.

First we need to know how to set...

Themes can include config for default block placement.

Will the starter kit include this in setup?