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

50
denden.css
View file

@ -423,10 +423,16 @@
}
@keyframes bgpomo {
0% {
background-position: 0 0, 100px 0, 0 0;
background-position:
0 0,
100px 0,
0 0;
}
100% {
background-position: 0 0, 1124px -1024px, 0 800px;
background-position:
0 0,
1124px -1024px,
0 800px;
}
}
.theme-dark {
@ -479,7 +485,7 @@
}
}
/* 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);
border: 1px solid var(--neutral-30);
background-image: linear-gradient(var(--neutral-80), var(--neutral-40));
@ -528,17 +534,37 @@
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 */
main[class*="chat"] > form [class*="channelTextArea"],
section[aria-label="User area"] {
background-color: var(--neutral-80);
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 */
nav[aria-label="Private channels"] [class*="scroller"] /* Direct messages/friends list 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;
}
nav[aria-label="Private channels"] {
@ -546,7 +572,8 @@
}
/* Chat background */
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-80), transparent) 80%,
transparent
@ -574,18 +601,21 @@
[aria-label="Servers sidebar"],
[data-fullscreen] [class*="bar"] > [class*="title"], /* Title bar */
[class*="callContainer"] > div /* Call background */ {
background-image: linear-gradient(#012f, #0205), var(--bubble1),
var(--bubble2);
background-image:
linear-gradient(#012f, #0205), var(--bubble1), var(--bubble2);
background-size: auto, auto, auto;
background-blend-mode: darken, lighten, normal;
background-size: auto, 1024px 1024px, 1000px 800px;
background-size:
auto,
1024px 1024px,
1000px 800px;
background-attachment: fixed;
}
}
.theme-dark:not(.reduce-motion) {
[aria-label="Servers sidebar"],
[data-fullscreen] [class*="bar"] > [class*="title"],
[class*="callContainer"]>div {
[class*="callContainer"] > div {
animation: bgpomo 16s infinite linear;
}
}