https://github.com/ambient-impact/drupal-olivero-dark
Dark mode support for Olivero
https://github.com/ambient-impact/drupal-olivero-dark
drupal-10-theme drupal-theme
Last synced: about 2 months ago
JSON representation
Dark mode support for Olivero
- Host: GitHub
- URL: https://github.com/ambient-impact/drupal-olivero-dark
- Owner: Ambient-Impact
- License: gpl-2.0
- Created: 2023-04-25T05:50:58.000Z (about 2 years ago)
- Default Branch: 1.x
- Last Pushed: 2024-08-24T01:10:17.000Z (9 months ago)
- Last Synced: 2025-02-21T12:36:33.588Z (3 months ago)
- Topics: drupal-10-theme, drupal-theme
- Language: CSS
- Homepage:
- Size: 27.3 KB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- License: license.md
Awesome Lists containing this project
README
Olivero sub-theme which provides dark mode colours.
Note that this does not provide any sort of UI; instead it automagically
switches to dark mode colours when the CSS [`prefers-color-scheme`
media query](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme)
matches. This means that when your browser and operating system are set to light
mode, this theme will display the light mode colours that ship with Drupal core;
when your browser and operating system are set to dark mode, the dark mode
colours will be used.
Also note that this requires Drupal core 10, and will not be installable on
previous major core versions due to [lack of CSS custom property
support](https://www.drupal.org/project/drupal/issues/3257274#comment-14567683),
nor on Drupal core 10.4.0 or later because the Olivero CSS is marked as internal
and thus not guaranteed to obey semantic versioning rules so it could change
drastically at any time. When new, stable core versions are tested and verified
to work, the version constraint will be increased to allow them.
# Installation
First step is to make Composer aware of this repository. Your root
`composer.json` should already have a `repositories` section that has the
drupal.org Composer repository like so:
```json
"repositories": [
{
"type": "composer",
"url": "https://packages.drupal.org/8"
}
],
```
You'll need to edit the section to include this theme's repository like so:
```json
"repositories": [
{
"type": "vcs",
"url": "https://github.com/Ambient-Impact/drupal-olivero-dark.git"
},
{
"type": "composer",
"url": "https://packages.drupal.org/8"
}
],
```
Save the file and then run
`composer require "drupal/olivero_dark:^1.0@dev"` which should download
the theme. Log into Drupal, find the theme in the themes list (under
`/admin/appearance`), install it, and configure the default colour scheme if
needed.