92 lines
No EOL
2.8 KiB
CSS
92 lines
No EOL
2.8 KiB
CSS
/* ╭───────────────────────────────────────────────────────╮
|
|
/ │ _ _ _ _ _ _ │
|
|
/ │ __ _ ___ ___ ___ ___ ___(_) |__ (_) (_) |_ _ _ │
|
|
/ │ / _` |/ __/ __/ _ \/ __/ __| | '_ \| | | | __| | | | │
|
|
/ │ | (_| | (_| (_| __/\__ \__ \ | |_) | | | | |_| |_| | │
|
|
/ │ \__,_|\___\___\___||___/___/_|_.__/|_|_|_|\__|\__, | │
|
|
/ │ |___/ │
|
|
/ ╰───────────────────────────────────────────────────────╯
|
|
/ accessibility - choosable accessibility settings */
|
|
|
|
/* - font settings - */
|
|
|
|
/* jetbrains mono */
|
|
:root:has(#font-jbm:checked) {
|
|
--font-family: 'JetBrains Mono', 'Segoe UI', Tahoma, Geneva, Verdana, system-ui, sans-serif;
|
|
|
|
.navbar .nav-base.nav-right.nav-systray span {
|
|
margin: 0px -.1rem;
|
|
}
|
|
}
|
|
|
|
/* atkinson hyperlegible next */
|
|
:root:has(#font-ahn:checked) {
|
|
--font-family: 'Atkinson Hyperlegible Next', 'Segoe UI', Tahoma, Geneva, Verdana, system-ui, sans-serif;
|
|
}
|
|
|
|
/* inter */
|
|
:root:has(#font-inter:checked) {
|
|
--font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, system-ui, sans-serif;
|
|
}
|
|
|
|
/* (browser) sans serif */
|
|
:root:has(#font-sans-serif:checked) {
|
|
--font-family: sans-serif, 'Segoe UI', Tahoma, Geneva, Verdana, system-ui;
|
|
}
|
|
|
|
/* (browser) serif */
|
|
:root:has(#font-serif:checked) {
|
|
--font-family: serif, 'Segoe UI', Tahoma, Geneva, Verdana, system-ui, sans-serif;
|
|
}
|
|
|
|
/* (browser) monospace */
|
|
:root:has(#font-monospace:checked) {
|
|
--font-family: monospace, 'Segoe UI', Tahoma, Geneva, Verdana, system-ui, sans-serif;
|
|
}
|
|
|
|
/* - misc - */
|
|
|
|
/* disable forced uncapitalization */
|
|
:root:has(#uncapitalization:checked) {
|
|
body {
|
|
text-transform: none !important;
|
|
}
|
|
}
|
|
|
|
/* disable background gradient */
|
|
:root:has(#disable-bg:checked) {
|
|
body {
|
|
background: var(--background) !important;
|
|
}
|
|
}
|
|
|
|
/* disable window animations */
|
|
:root:has(#disable-animations:checked) {
|
|
.window {
|
|
animation: unset !important;
|
|
transition: unset !important;
|
|
}
|
|
|
|
.window:hover {
|
|
transition: unset !important;
|
|
animation: unset !important;
|
|
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
|
|
}
|
|
|
|
.navbar {
|
|
transition: unset !important;
|
|
}
|
|
|
|
.navbar:hover {
|
|
transition: unset !important;
|
|
animation: unset !important;
|
|
background-color: color-mix(in srgb, var(--accent) 30%, transparent) !important;
|
|
}
|
|
}
|
|
|
|
/* disable custom alt text popup */
|
|
:root:has(#disable-alttext:checked) {
|
|
.alt-popup {
|
|
display: none !important;
|
|
}
|
|
} |