diff options
| author | metamuffin <metamuffin@disroot.org> | 2023-10-24 15:08:15 +0200 |
|---|---|---|
| committer | metamuffin <metamuffin@disroot.org> | 2023-10-24 15:08:15 +0200 |
| commit | f4f3a16bca576c202887799066bd896863612e2b (patch) | |
| tree | 8ddb9cdc47abae7bc615109f241b2cd12e141128 /web | |
| parent | c1afcdc0dc4e59cb2ce1e8c65b69c5647f2132f3 (diff) | |
| download | jellything-f4f3a16bca576c202887799066bd896863612e2b.tar jellything-f4f3a16bca576c202887799066bd896863612e2b.tar.bz2 jellything-f4f3a16bca576c202887799066bd896863612e2b.tar.zst | |
partial theme implementation
Diffstat (limited to 'web')
| -rw-r--r-- | web/style/forms.css (renamed from web/forms.css) | 0 | ||||
| -rw-r--r-- | web/style/js-player.css (renamed from web/js-player.css) | 0 | ||||
| -rw-r--r-- | web/style/js-transition.css (renamed from web/js-transition.css) | 0 | ||||
| -rw-r--r-- | web/style/layout.css (renamed from web/layout.css) | 8 | ||||
| -rw-r--r-- | web/style/nodecard.css (renamed from web/nodecard.css) | 0 | ||||
| -rw-r--r-- | web/style/nodepage.css (renamed from web/nodepage.css) | 0 | ||||
| -rw-r--r-- | web/style/player.css (renamed from web/player.css) | 0 | ||||
| -rw-r--r-- | web/style/themes.css | 20 |
8 files changed, 20 insertions, 8 deletions
diff --git a/web/forms.css b/web/style/forms.css index 259d7ef..259d7ef 100644 --- a/web/forms.css +++ b/web/style/forms.css diff --git a/web/js-player.css b/web/style/js-player.css index 6d1bd71..6d1bd71 100644 --- a/web/js-player.css +++ b/web/style/js-player.css diff --git a/web/js-transition.css b/web/style/js-transition.css index dbb80f0..dbb80f0 100644 --- a/web/js-transition.css +++ b/web/style/js-transition.css diff --git a/web/layout.css b/web/style/layout.css index 92a8929..ea7d3e6 100644 --- a/web/layout.css +++ b/web/style/layout.css @@ -15,16 +15,8 @@ --port-poster-aspect: 1.41; --land-poster-aspect: (1.41 / 2); --land-thumb-aspect: (9 / 16); - --accent-light: rgb(255, 163, 87); - --accent-dark: rgb(199, 90, 0); --backdrop-height: 24em; - --background-dark: #070707; - --background-light: #1c1c1c; - --background-very-light: #323232; --main-side-margin: 2em; - --font: rgb(218, 218, 218); - --font-dark: rgb(148, 148, 148); - --font-highlight: white; } ::selection { diff --git a/web/nodecard.css b/web/style/nodecard.css index d32d5f4..d32d5f4 100644 --- a/web/nodecard.css +++ b/web/style/nodecard.css diff --git a/web/nodepage.css b/web/style/nodepage.css index e40706e..e40706e 100644 --- a/web/nodepage.css +++ b/web/style/nodepage.css diff --git a/web/player.css b/web/style/player.css index eb1a0a0..eb1a0a0 100644 --- a/web/player.css +++ b/web/style/player.css diff --git a/web/style/themes.css b/web/style/themes.css new file mode 100644 index 0000000..e006513 --- /dev/null +++ b/web/style/themes.css @@ -0,0 +1,20 @@ +body.theme-dark { + --accent-light: rgb(255, 163, 87); + --accent-dark: rgb(199, 90, 0); + --background-dark: #070707; + --background-light: #1c1c1c; + --background-very-light: #323232; + --font: rgb(218, 218, 218); + --font-dark: rgb(148, 148, 148); + --font-highlight: white; +} +body.theme-light { + --accent-light: rgb(255, 163, 87); + --accent-dark: rgb(199, 90, 0); + --background-dark: #ffffff; + --background-light: #e2e2e2; + --background-very-light: #b9b9b9; + --font: rgb(43, 43, 43); + --font-dark: rgb(0, 0, 0); + --font-highlight: rgb(0, 0, 0); +} |