Drupal 10 Olivero sub theme

Note: This will be obsolete with Drupal 11.x, see Allow starterkit theme generator tool to clone Olivero

Minimal template to create a sub theme from Drupal Olivero theme.

This is only recommended if you want to make minor tweaks and understand that Olivero could break your modifications as it changes.

See full article:

• https://developpeur-drupal.com/en/article/update-create-drupal-10-olivero-sub-theme

Quick HowTo

Copy this theme in your Drupal theme folder web/themes/custom and rename it, ie olivero_sub_theme > _MY_THEME_NAME_.

Rename all files in this folder from olivero_sub_theme > _MY_THEME_NAME_.

Edit _MY_THEME_NAME_.info.yml with your informations.

Edit _MY_THEME_NAME_.theme to change olivero_sub_theme_css_alter > MY_THEME_NAME_css_alter and change the theme name olivero_sub_theme with your name.

Run:

scripts/build.sh

Enable the theme as usual from your Drupal.

Visit theme settings to set base colors: Administration > Appearance > Appearance settings > _MY_THEME_NAME_

Disable css, js aggregation and cache in Drupal, see the Drupal documentation.

Adapt css/theme.css and js/theme.js.

Build the css with postcss by running each time:

scripts/build.sh