#Theming

The Olivero theme has a responsive menu, let's see how it works.

Here is what it looks like, with a few dummy links:

Image

As the...

Drupal has a system for asset library dependencies.

Advanced theming addresses the most complex issues.

For example, participating in discussions on front end architecture, working...

Getting Started

Drupal has a few ways to customize html and css.

Set up the site in a development environment, and configure your...

UnoCSS is a tailwind-like framework. Vite is used to compile and serve assets.

This page is a guide for setting it up in lando...

A theme generated with starterkit is based on stable9 and creates templates and libraries with some enhanced defaults, similar...

CSS aggregation bundles multiple files so they can be downloaded more efficiently.

Enable it at Configuration > Development >...

Drupal 9.5+ includes a starterkit theme and script to generate your own.

The script will copy the starterkit theme and rename it...

• Render Elements
• Form Alter
• Blocks
• Field Formatter
• Views Displays
• Preprocess
• CSS Architecture
• Components
• CSS/JS Aggregation

Get started with Drupal theming.

Twig Debugging

The first thing to do when theming Drupal is enable twig debugging. This will...