aboutsummaryrefslogtreecommitdiffstats
path: root/pydis_site/static/css/base
diff options
context:
space:
mode:
authorGravatar hedy <[email protected]>2024-01-17 20:08:54 +0800
committerGravatar hedy <[email protected]>2024-01-17 20:08:54 +0800
commit9787e4a41eed2189dc6b63cbcb88cbdf3e1b2ab7 (patch)
treeaaac92649ba1e92c8c98a1ef19f8e4ac09cf0bf0 /pydis_site/static/css/base
parentDark: Use kivy logo with light background in resources (diff)
Consistent 4-spaces CSS indent
Diffstat (limited to 'pydis_site/static/css/base')
-rw-r--r--pydis_site/static/css/base/themes.css60
1 files changed, 30 insertions, 30 deletions
diff --git a/pydis_site/static/css/base/themes.css b/pydis_site/static/css/base/themes.css
index 35273d44..ab0c8b6b 100644
--- a/pydis_site/static/css/base/themes.css
+++ b/pydis_site/static/css/base/themes.css
@@ -1,67 +1,67 @@
/* Theme switch toggle */
.switch {
- position: relative;
- height: 2em;
- width: 4em;
- cursor: pointer;
+ position: relative;
+ height: 2em;
+ width: 4em;
+ cursor: pointer;
}
.switch-outer {
- position: absolute;
- height: 100%;
- width: 100%;
- border-radius: 2em;
- transition: background-color 0.3s ease-out;
+ position: absolute;
+ height: 100%;
+ width: 100%;
+ border-radius: 2em;
+ transition: background-color 0.3s ease-out;
}
.switch.dark .switch-outer {
- background-color: #22272E;
+ background-color: #22272E;
}
.switch.light .switch-outer {
- background-color: #3f61d9;
+ background-color: #3f61d9;
}
.knob {
- position: absolute;
- padding-top: 20%;
- height: 70%;
- width: 37.5%;
- border-radius: 10em;
- transition: all 0.5s ease-out;
+ position: absolute;
+ padding-top: 20%;
+ height: 70%;
+ width: 37.5%;
+ border-radius: 10em;
+ transition: all 0.5s ease-out;
}
.knob.dark {
- background-color: #586282;
- margin: 7% auto auto 8%;
+ background-color: #586282;
+ margin: 7% auto auto 8%;
}
.knob.light {
- background-color: #364c94;
- margin: 7% auto auto 56%;
+ background-color: #364c94;
+ margin: 7% auto auto 56%;
}
.theme-icon {
- position: absolute !important;
- --ggs: 0.75;
- transition: opacity 0.3s ease-out;
+ position: absolute !important;
+ --ggs: 0.75;
+ transition: opacity 0.3s ease-out;
}
.theme-icon.light {
- left: 10%;
- top: 15%
+ left: 10%;
+ top: 15%
}
.theme-icon.dark {
- right: 10%;
- top: 20%
+ right: 10%;
+ top: 20%
}
.switch.dark .theme-icon.light {
- opacity: 0;
+ opacity: 0;
}
.switch.light .theme-icon.dark {
- opacity: 0;
+ opacity: 0;
}