sundae/discord-denden-theme
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fixed switches

Browse source
This commit is contained in:
sundae 2025-12-31 15:21:41 +02:00
commit 1dc9ab3530
Signed by: sundae
SSH key fingerprint: SHA256:MsJkKuo4PUdjQDpLeaURy81drKkW14exlTHp+8QFu6M
1 changed files with 596 additions and 566 deletions
Download patch file Download diff file Expand all files Collapse all files

48
denden.css
View file

@ -423,10 +423,16 @@
} }
@keyframes bgpomo { @keyframes bgpomo {
0% { 0% {
background-position: 0 0, 100px 0, 0 0; background-position:
0 0,
100px 0,
0 0;
} }
100% { 100% {
background-position: 0 0, 1124px -1024px, 0 800px; background-position:
0 0,
1124px -1024px,
0 800px;
} }
} }
.theme-dark { .theme-dark {
@ -479,7 +485,7 @@
} }
} }
/* Primary buttons */ /* Primary buttons */
:is([class*="primary"][role="button"], button):not(span button, [aria-label="User area"] button, [class*="videoControls"] *) /* Doesn't apply to: Text buttons, Mute/Deafen, User settings buttons */ { :is([class*="primary"][role="button"], button):not(span button, [aria-label="User area"] button, [class*="videoControls"], .vc-plugins-info-button) /* Doesn't apply to: Text buttons, Mute/Deafen, User settings buttons, Vencord plugin buttons */ {
color: var(--neutral-1); color: var(--neutral-1);
border: 1px solid var(--neutral-30); border: 1px solid var(--neutral-30);
background-image: linear-gradient(var(--neutral-80), var(--neutral-40)); background-image: linear-gradient(var(--neutral-80), var(--neutral-40));
@ -528,17 +534,37 @@
border-radius: var(--radius-round); border-radius: var(--radius-round);
} }
} }
/* Switches */
[data-toggleable-component="switch"],
.vc-switch-container {
&:not([class*="checked"], .vc-switch-checked) {
background-color: var(--neutral-90) !important;
& svg svg path {
fill: var(--neutral-90) !important;
}
}
&[class*="checked"],
.vc-switch-checked {
background-color: var(--neutral-50) !important;
& svg svg path {
fill: var(--neutral-50) !important;
}
}
}
/* Message box and User profile area */ /* Message box and User profile area */
main[class*="chat"] > form [class*="channelTextArea"], main[class*="chat"] > form [class*="channelTextArea"],
section[aria-label="User area"] { section[aria-label="User area"] {
background-color: var(--neutral-80); background-color: var(--neutral-80);
border: unset; border: unset;
box-shadow: inset 0 -5px 13px -5px var(--gel), 0 0 0 1px var(--neutral-30); box-shadow:
inset 0 -5px 13px -5px var(--gel),
0 0 0 1px var(--neutral-30);
} }
/* Backgrounds */ /* Backgrounds */
nav[aria-label="Private channels"] [class*="scroller"] /* Direct messages/friends list sidebar */, nav[aria-label="Private channels"] [class*="scroller"] /* Direct messages/friends list sidebar */,
aside>[class*="members"] /* Members sidebar */ { aside>[class*="members"] /* Members sidebar */ {
box-shadow: inset var(--neutral-100) 0 0 110px -26px, box-shadow:
inset var(--neutral-100) 0 0 110px -26px,
inset var(--neutral-50) 0 0 8px 4px; inset var(--neutral-50) 0 0 8px 4px;
} }
nav[aria-label="Private channels"] { nav[aria-label="Private channels"] {
@ -546,7 +572,8 @@
} }
/* Chat background */ /* Chat background */
main[class*="chat"] { main[class*="chat"] {
background-image: linear-gradient( background-image:
linear-gradient(
color-mix(in lch, var(--neutral-70), transparent), color-mix(in lch, var(--neutral-70), transparent),
color-mix(in lch, var(--neutral-80), transparent) 80%, color-mix(in lch, var(--neutral-80), transparent) 80%,
transparent transparent
@ -574,11 +601,14 @@
[aria-label="Servers sidebar"], [aria-label="Servers sidebar"],
[data-fullscreen] [class*="bar"] > [class*="title"], /* Title bar */ [data-fullscreen] [class*="bar"] > [class*="title"], /* Title bar */
[class*="callContainer"] > div /* Call background */ { [class*="callContainer"] > div /* Call background */ {
background-image: linear-gradient(#012f, #0205), var(--bubble1), background-image:
var(--bubble2); linear-gradient(#012f, #0205), var(--bubble1), var(--bubble2);
background-size: auto, auto, auto; background-size: auto, auto, auto;
background-blend-mode: darken, lighten, normal; background-blend-mode: darken, lighten, normal;
background-size: auto, 1024px 1024px, 1000px 800px; background-size:
auto,
1024px 1024px,
1000px 800px;
background-attachment: fixed; background-attachment: fixed;
} }
} }