infrastructure/gitea-custom
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #2 from lucas-labs/1-auto-switch-between-dark-and-light-theme

Browse Source 
feat: ✨ auto switch dark-light themes
This commit is contained in:
Lucas Colombo 2024-04-12 21:46:45 -03:00 committed by GitHub
commit 146ee5e781
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
README.md
View File

@ -12,6 +12,10 @@
![light theme](figs/light.png) ![light theme](figs/light.png)
## `auto`
Switches between `dark` and `light` automatically based on the user's system preference.
## Usage ## Usage
1. Clone this repo 1. Clone this repo
@ -20,7 +24,7 @@
```ini ```ini
[ui] [ui]
THEMES=...,dark,light THEMES=...,dark,light,auto
DEFAULT_THEME=dark # optional DEFAULT_THEME=dark # optional
``` ```

1
dist/public/assets/css/theme-auto.css vendored Normal file
View File

@ -0,0 +1 @@
@import "./theme-light.css"(prefers-color-scheme:light);@import "./theme-dark.css"(prefers-color-scheme:dark);

2
src/themes/scss/auto.scss Normal file
View File

@ -0,0 +1,2 @@
@import "./theme-light.css" (prefers-color-scheme: light);
@import "./theme-dark.css" (prefers-color-scheme: dark);