https://github.com/mogtofu33/olivero_sub_theme

Starting point for a minimal Drupal 10 Olivero sub theme with minimal overrides.
https://github.com/mogtofu33/olivero_sub_theme

drupal drupal10 theme-development

Last synced: 26 days ago
JSON representation

Starting point for a minimal Drupal 10 Olivero sub theme with minimal overrides.

• Host: GitHub
• URL: https://github.com/mogtofu33/olivero_sub_theme
• Owner: mogtofu33
• Created: 2021-12-16T15:24:20.000Z (almost 3 years ago)
• Default Branch: 2.x-dev
• Last Pushed: 2024-07-02T07:44:57.000Z (4 months ago)
• Last Synced: 2024-09-27T10:41:17.984Z (about 1 month ago)
• Topics: drupal, drupal10, theme-development
• Language: CSS
• Homepage: https://developpeur-drupal.com/en/article/update-create-drupal-10-olivero-sub-theme
• Size: 21.5 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Drupal 10 Olivero sub theme

__Note__: This will be obsolete with Drupal 11.x, see

[Allow starterkit theme generator tool to clone Olivero](https://www.drupal.org/project/drupal/issues/3301173)

Minimal template to create a sub theme from [Drupal Olivero theme](https://www.drupal.org/project/olivero).

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:

* 

## 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:

```bash

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](https://www.drupal.org/docs/develop/development-tools/disable-caching).

Adapt [css/theme.css](./css/theme.css) and [js/theme.js](./js/theme.js).

Build the css with postcss by running each time:

```bash

scripts/build.sh

```