From eb442cbff643ce8d39fc0fe810b584a01d1a1c49 Mon Sep 17 00:00:00 2001 From: sundae Date: Wed, 31 Dec 2025 15:26:25 +0200 Subject: [PATCH] i forgot to import my prettier config. tabs > spaces. dont @ me --- denden.css | 1190 ++++++++++++++++++++++++++-------------------------- 1 file changed, 595 insertions(+), 595 deletions(-) diff --git a/denden.css b/denden.css index 98cf3a7..4fd9703 100644 --- a/denden.css +++ b/denden.css @@ -8,614 +8,614 @@ * @authorLink https://sundae.bunsin.space/ */ :root { - --kiophen: url("./denden-assets/mint.png"); - --bubble1: url("./denden-assets/bg_blobbubble_3.png"); - --bubble2: url("./denden-assets/bg_blobbubble_3_flip.png"); - --forest: url("./denden-assets/bg_forest_dither.png"); - --blob: url("./denden-assets/blob.png"); + --kiophen: url("./denden-assets/mint.png"); + --bubble1: url("./denden-assets/bg_blobbubble_3.png"); + --bubble2: url("./denden-assets/bg_blobbubble_3_flip.png"); + --forest: url("./denden-assets/bg_forest_dither.png"); + --blob: url("./denden-assets/blob.png"); } @supports (color: color-mix(in lch, red, blue)) { - .theme-dark { - --gel: rgb(76, 252, 252); - --multiply: 1; - /* Overwrite defaults */ - --neutral-1-hsl: lch(from var(--gel) calc(99% * var(--multiply)) 1% h); - --neutral-2-hsl: lch(from var(--gel) calc(98% * var(--multiply)) 2% h); - --neutral-3-hsl: lch(from var(--gel) calc(97% * var(--multiply)) 3% h); - --neutral-4-hsl: lch(from var(--gel) calc(96% * var(--multiply)) 4% h); - --neutral-5-hsl: lch(from var(--gel) calc(95% * var(--multiply)) 5% h); - --neutral-6-hsl: lch(from var(--gel) calc(94% * var(--multiply)) 6% h); - --neutral-7-hsl: lch(from var(--gel) calc(93% * var(--multiply)) 7% h); - --neutral-8-hsl: lch(from var(--gel) calc(92% * var(--multiply)) 8% h); - --neutral-9-hsl: lch(from var(--gel) calc(91% * var(--multiply)) 9% h); - --neutral-10-hsl: lch(from var(--gel) calc(90% * var(--multiply)) 10% h); - --neutral-11-hsl: lch(from var(--gel) calc(89% * var(--multiply)) 11% h); - --neutral-12-hsl: lch(from var(--gel) calc(88% * var(--multiply)) 12% h); - --neutral-13-hsl: lch(from var(--gel) calc(87% * var(--multiply)) 13% h); - --neutral-14-hsl: lch(from var(--gel) calc(86% * var(--multiply)) 14% h); - --neutral-15-hsl: lch(from var(--gel) calc(85% * var(--multiply)) 15% h); - --neutral-16-hsl: lch(from var(--gel) calc(84% * var(--multiply)) 16% h); - --neutral-17-hsl: lch(from var(--gel) calc(83% * var(--multiply)) 17% h); - --neutral-18-hsl: lch(from var(--gel) calc(82% * var(--multiply)) 18% h); - --neutral-19-hsl: lch(from var(--gel) calc(81% * var(--multiply)) 19% h); - --neutral-20-hsl: lch(from var(--gel) calc(80% * var(--multiply)) 20% h); - --neutral-21-hsl: lch(from var(--gel) calc(79% * var(--multiply)) 21% h); - --neutral-22-hsl: lch(from var(--gel) calc(78% * var(--multiply)) 22% h); - --neutral-23-hsl: lch(from var(--gel) calc(77% * var(--multiply)) 23% h); - --neutral-24-hsl: lch(from var(--gel) calc(76% * var(--multiply)) 24% h); - --neutral-25-hsl: lch(from var(--gel) calc(75% * var(--multiply)) 25% h); - --neutral-26-hsl: lch(from var(--gel) calc(74% * var(--multiply)) 26% h); - --neutral-27-hsl: lch(from var(--gel) calc(73% * var(--multiply)) 27% h); - --neutral-28-hsl: lch(from var(--gel) calc(72% * var(--multiply)) 28% h); - --neutral-29-hsl: lch(from var(--gel) calc(71% * var(--multiply)) 29% h); - --neutral-30-hsl: lch(from var(--gel) calc(70% * var(--multiply)) 30% h); - --neutral-31-hsl: lch(from var(--gel) calc(69% * var(--multiply)) 31% h); - --neutral-32-hsl: lch(from var(--gel) calc(68% * var(--multiply)) 32% h); - --neutral-33-hsl: lch(from var(--gel) calc(67% * var(--multiply)) 33% h); - --neutral-34-hsl: lch(from var(--gel) calc(66% * var(--multiply)) 34% h); - --neutral-35-hsl: lch(from var(--gel) calc(65% * var(--multiply)) 35% h); - --neutral-36-hsl: lch(from var(--gel) calc(64% * var(--multiply)) 36% h); - --neutral-37-hsl: lch(from var(--gel) calc(63% * var(--multiply)) 37% h); - --neutral-38-hsl: lch(from var(--gel) calc(62% * var(--multiply)) 38% h); - --neutral-39-hsl: lch(from var(--gel) calc(61% * var(--multiply)) 39% h); - --neutral-40-hsl: lch(from var(--gel) calc(60% * var(--multiply)) 40% h); - --neutral-41-hsl: lch(from var(--gel) calc(59% * var(--multiply)) 41% h); - --neutral-42-hsl: lch(from var(--gel) calc(58% * var(--multiply)) 42% h); - --neutral-43-hsl: lch(from var(--gel) calc(57% * var(--multiply)) 43% h); - --neutral-44-hsl: lch(from var(--gel) calc(56% * var(--multiply)) 44% h); - --neutral-45-hsl: lch(from var(--gel) calc(55% * var(--multiply)) 45% h); - --neutral-46-hsl: lch(from var(--gel) calc(54% * var(--multiply)) 46% h); - --neutral-47-hsl: lch(from var(--gel) calc(53% * var(--multiply)) 47% h); - --neutral-48-hsl: lch(from var(--gel) calc(52% * var(--multiply)) 48% h); - --neutral-49-hsl: lch(from var(--gel) calc(51% * var(--multiply)) 49% h); - --neutral-50-hsl: lch(from var(--gel) calc(50% * var(--multiply)) 50% h); - --neutral-51-hsl: lch(from var(--gel) calc(49% * var(--multiply)) 49% h); - --neutral-52-hsl: lch(from var(--gel) calc(48% * var(--multiply)) 48% h); - --neutral-53-hsl: lch(from var(--gel) calc(47% * var(--multiply)) 47% h); - --neutral-54-hsl: lch(from var(--gel) calc(46% * var(--multiply)) 46% h); - --neutral-55-hsl: lch(from var(--gel) calc(45% * var(--multiply)) 45% h); - --neutral-56-hsl: lch(from var(--gel) calc(44% * var(--multiply)) 44% h); - --neutral-57-hsl: lch(from var(--gel) calc(43% * var(--multiply)) 43% h); - --neutral-58-hsl: lch(from var(--gel) calc(42% * var(--multiply)) 42% h); - --neutral-59-hsl: lch(from var(--gel) calc(41% * var(--multiply)) 41% h); - --neutral-60-hsl: lch(from var(--gel) calc(40% * var(--multiply)) 40% h); - --neutral-61-hsl: lch(from var(--gel) calc(39% * var(--multiply)) 39% h); - --neutral-62-hsl: lch(from var(--gel) calc(38% * var(--multiply)) 38% h); - --neutral-63-hsl: lch(from var(--gel) calc(37% * var(--multiply)) 37% h); - --neutral-64-hsl: lch(from var(--gel) calc(36% * var(--multiply)) 36% h); - --neutral-65-hsl: lch(from var(--gel) calc(35% * var(--multiply)) 35% h); - --neutral-66-hsl: lch(from var(--gel) calc(34% * var(--multiply)) 34% h); - --neutral-67-hsl: lch(from var(--gel) calc(33% * var(--multiply)) 33% h); - --neutral-68-hsl: lch(from var(--gel) calc(32% * var(--multiply)) 32% h); - --neutral-69-hsl: lch(from var(--gel) calc(31% * var(--multiply)) 31% h); - --neutral-70-hsl: lch(from var(--gel) calc(30% * var(--multiply)) 30% h); - --neutral-71-hsl: lch(from var(--gel) calc(29% * var(--multiply)) 29% h); - --neutral-72-hsl: lch(from var(--gel) calc(28% * var(--multiply)) 28% h); - --neutral-73-hsl: lch(from var(--gel) calc(27% * var(--multiply)) 27% h); - --neutral-74-hsl: lch(from var(--gel) calc(26% * var(--multiply)) 26% h); - --neutral-75-hsl: lch(from var(--gel) calc(25% * var(--multiply)) 25% h); - --neutral-76-hsl: lch(from var(--gel) calc(24% * var(--multiply)) 24% h); - --neutral-77-hsl: lch(from var(--gel) calc(23% * var(--multiply)) 23% h); - --neutral-78-hsl: lch(from var(--gel) calc(22% * var(--multiply)) 22% h); - --neutral-79-hsl: lch(from var(--gel) calc(21% * var(--multiply)) 21% h); - --neutral-80-hsl: lch(from var(--gel) calc(20% * var(--multiply)) 20% h); - --neutral-81-hsl: lch(from var(--gel) calc(19% * var(--multiply)) 19% h); - --neutral-82-hsl: lch(from var(--gel) calc(18% * var(--multiply)) 18% h); - --neutral-83-hsl: lch(from var(--gel) calc(17% * var(--multiply)) 17% h); - --neutral-84-hsl: lch(from var(--gel) calc(16% * var(--multiply)) 16% h); - --neutral-85-hsl: lch(from var(--gel) calc(15% * var(--multiply)) 15% h); - --neutral-86-hsl: lch(from var(--gel) calc(14% * var(--multiply)) 14% h); - --neutral-87-hsl: lch(from var(--gel) calc(13% * var(--multiply)) 13% h); - --neutral-88-hsl: lch(from var(--gel) calc(12% * var(--multiply)) 12% h); - --neutral-89-hsl: lch(from var(--gel) calc(11% * var(--multiply)) 11% h); - --neutral-90-hsl: lch(from var(--gel) calc(10% * var(--multiply)) 10% h); - --neutral-91-hsl: lch(from var(--gel) calc(9% * var(--multiply)) 9% h); - --neutral-92-hsl: lch(from var(--gel) calc(8% * var(--multiply)) 8% h); - --neutral-93-hsl: lch(from var(--gel) calc(7% * var(--multiply)) 7% h); - --neutral-94-hsl: lch(from var(--gel) calc(6% * var(--multiply)) 6% h); - --neutral-95-hsl: lch(from var(--gel) calc(5% * var(--multiply)) 5% h); - --neutral-96-hsl: lch(from var(--gel) calc(4% * var(--multiply)) 4% h); - --neutral-97-hsl: lch(from var(--gel) calc(3% * var(--multiply)) 3% h); - --neutral-98-hsl: lch(from var(--gel) calc(2% * var(--multiply)) 2% h); - --neutral-99-hsl: lch(from var(--gel) calc(1% * var(--multiply)) 1% h); - --neutral-100-hsl: lch(from var(--gel) calc(0% * var(--multiply)) 0% h); - --neutral-1: var(--neutral-1-hsl); - --neutral-2: var(--neutral-2-hsl); - --neutral-3: var(--neutral-3-hsl); - --neutral-4: var(--neutral-4-hsl); - --neutral-5: var(--neutral-5-hsl); - --neutral-6: var(--neutral-6-hsl); - --neutral-7: var(--neutral-7-hsl); - --neutral-8: var(--neutral-8-hsl); - --neutral-9: var(--neutral-9-hsl); - --neutral-10: var(--neutral-10-hsl); - --neutral-11: var(--neutral-11-hsl); - --neutral-12: var(--neutral-12-hsl); - --neutral-13: var(--neutral-13-hsl); - --neutral-14: var(--neutral-14-hsl); - --neutral-15: var(--neutral-15-hsl); - --neutral-16: var(--neutral-16-hsl); - --neutral-17: var(--neutral-17-hsl); - --neutral-18: var(--neutral-18-hsl); - --neutral-19: var(--neutral-19-hsl); - --neutral-20: var(--neutral-20-hsl); - --neutral-21: var(--neutral-21-hsl); - --neutral-22: var(--neutral-22-hsl); - --neutral-23: var(--neutral-23-hsl); - --neutral-24: var(--neutral-24-hsl); - --neutral-25: var(--neutral-25-hsl); - --neutral-26: var(--neutral-26-hsl); - --neutral-27: var(--neutral-27-hsl); - --neutral-28: var(--neutral-28-hsl); - --neutral-29: var(--neutral-29-hsl); - --neutral-30: var(--neutral-30-hsl); - --neutral-31: var(--neutral-31-hsl); - --neutral-32: var(--neutral-32-hsl); - --neutral-33: var(--neutral-33-hsl); - --neutral-34: var(--neutral-34-hsl); - --neutral-35: var(--neutral-35-hsl); - --neutral-36: var(--neutral-36-hsl); - --neutral-37: var(--neutral-37-hsl); - --neutral-38: var(--neutral-38-hsl); - --neutral-39: var(--neutral-39-hsl); - --neutral-40: var(--neutral-40-hsl); - --neutral-41: var(--neutral-41-hsl); - --neutral-42: var(--neutral-42-hsl); - --neutral-43: var(--neutral-43-hsl); - --neutral-44: var(--neutral-44-hsl); - --neutral-45: var(--neutral-45-hsl); - --neutral-46: var(--neutral-46-hsl); - --neutral-47: var(--neutral-47-hsl); - --neutral-48: var(--neutral-48-hsl); - --neutral-49: var(--neutral-49-hsl); - --neutral-50: var(--neutral-50-hsl); - --neutral-51: var(--neutral-51-hsl); - --neutral-52: var(--neutral-52-hsl); - --neutral-53: var(--neutral-53-hsl); - --neutral-54: var(--neutral-54-hsl); - --neutral-55: var(--neutral-55-hsl); - --neutral-56: var(--neutral-56-hsl); - --neutral-57: var(--neutral-57-hsl); - --neutral-58: var(--neutral-58-hsl); - --neutral-59: var(--neutral-59-hsl); - --neutral-60: var(--neutral-60-hsl); - --neutral-61: var(--neutral-61-hsl); - --neutral-62: var(--neutral-62-hsl); - --neutral-63: var(--neutral-63-hsl); - --neutral-64: var(--neutral-64-hsl); - --neutral-65: var(--neutral-65-hsl); - --neutral-66: var(--neutral-66-hsl); - --neutral-67: var(--neutral-67-hsl); - --neutral-68: var(--neutral-68-hsl); - --neutral-69: var(--neutral-69-hsl); - --neutral-70: var(--neutral-70-hsl); - --neutral-71: var(--neutral-71-hsl); - --neutral-72: var(--neutral-72-hsl); - --neutral-73: var(--neutral-73-hsl); - --neutral-74: var(--neutral-74-hsl); - --neutral-75: var(--neutral-75-hsl); - --neutral-76: var(--neutral-76-hsl); - --neutral-77: var(--neutral-77-hsl); - --neutral-78: var(--neutral-78-hsl); - --neutral-79: var(--neutral-79-hsl); - --neutral-80: var(--neutral-80-hsl); - --neutral-81: var(--neutral-81-hsl); - --neutral-82: var(--neutral-82-hsl); - --neutral-83: var(--neutral-83-hsl); - --neutral-84: var(--neutral-84-hsl); - --neutral-85: var(--neutral-85-hsl); - --neutral-86: var(--neutral-86-hsl); - --neutral-87: var(--neutral-87-hsl); - --neutral-88: var(--neutral-88-hsl); - --neutral-89: var(--neutral-89-hsl); - --neutral-90: var(--neutral-90-hsl); - --neutral-91: var(--neutral-91-hsl); - --neutral-92: var(--neutral-92-hsl); - --neutral-93: var(--neutral-93-hsl); - --neutral-94: var(--neutral-94-hsl); - --neutral-95: var(--neutral-95-hsl); - --neutral-96: var(--neutral-96-hsl); - --neutral-97: var(--neutral-97-hsl); - --neutral-98: var(--neutral-98-hsl); - --neutral-99: var(--neutral-99-hsl); - --neutral-100: var(--neutral-100-hsl); - --blurple-1: var(--neutral-1); - --blurple-2: var(--neutral-2); - --blurple-3: var(--neutral-3); - --blurple-4: var(--neutral-4); - --blurple-5: var(--neutral-5); - --blurple-6: var(--neutral-6); - --blurple-7: var(--neutral-7); - --blurple-8: var(--neutral-8); - --blurple-9: var(--neutral-9); - --blurple-10: var(--neutral-10); - --blurple-11: var(--neutral-11); - --blurple-12: var(--neutral-12); - --blurple-13: var(--neutral-13); - --blurple-14: var(--neutral-14); - --blurple-15: var(--neutral-15); - --blurple-16: var(--neutral-16); - --blurple-17: var(--neutral-17); - --blurple-18: var(--neutral-18); - --blurple-19: var(--neutral-19); - --blurple-20: var(--neutral-20); - --blurple-21: var(--neutral-21); - --blurple-22: var(--neutral-22); - --blurple-23: var(--neutral-23); - --blurple-24: var(--neutral-24); - --blurple-25: var(--neutral-25); - --blurple-26: var(--neutral-26); - --blurple-27: var(--neutral-27); - --blurple-28: var(--neutral-28); - --blurple-29: var(--neutral-29); - --blurple-30: var(--neutral-30); - --blurple-31: var(--neutral-31); - --blurple-32: var(--neutral-32); - --blurple-33: var(--neutral-33); - --blurple-34: var(--neutral-34); - --blurple-35: var(--neutral-35); - --blurple-36: var(--neutral-36); - --blurple-37: var(--neutral-37); - --blurple-38: var(--neutral-38); - --blurple-39: var(--neutral-39); - --blurple-40: var(--neutral-40); - --blurple-41: var(--neutral-41); - --blurple-42: var(--neutral-42); - --blurple-43: var(--neutral-43); - --blurple-44: var(--neutral-44); - --blurple-45: var(--neutral-45); - --blurple-46: var(--neutral-46); - --blurple-47: var(--neutral-47); - --blurple-48: var(--neutral-48); - --blurple-49: var(--neutral-49); - --blurple-50: var(--neutral-50); - --blurple-51: var(--neutral-51); - --blurple-52: var(--neutral-52); - --blurple-53: var(--neutral-53); - --blurple-54: var(--neutral-54); - --blurple-55: var(--neutral-55); - --blurple-56: var(--neutral-56); - --blurple-57: var(--neutral-57); - --blurple-58: var(--neutral-58); - --blurple-59: var(--neutral-59); - --blurple-60: var(--neutral-60); - --blurple-61: var(--neutral-61); - --blurple-62: var(--neutral-62); - --blurple-63: var(--neutral-63); - --blurple-64: var(--neutral-64); - --blurple-65: var(--neutral-65); - --blurple-66: var(--neutral-66); - --blurple-67: var(--neutral-67); - --blurple-68: var(--neutral-68); - --blurple-69: var(--neutral-69); - --blurple-70: var(--neutral-70); - --blurple-71: var(--neutral-71); - --blurple-72: var(--neutral-72); - --blurple-73: var(--neutral-73); - --blurple-74: var(--neutral-74); - --blurple-75: var(--neutral-75); - --blurple-76: var(--neutral-76); - --blurple-77: var(--neutral-77); - --blurple-78: var(--neutral-78); - --blurple-79: var(--neutral-79); - --blurple-80: var(--neutral-80); - --blurple-81: var(--neutral-81); - --blurple-82: var(--neutral-82); - --blurple-83: var(--neutral-83); - --blurple-84: var(--neutral-84); - --blurple-85: var(--neutral-85); - --blurple-86: var(--neutral-86); - --blurple-87: var(--neutral-87); - --blurple-88: var(--neutral-88); - --blurple-89: var(--neutral-89); - --blurple-90: var(--neutral-90); - --blurple-91: var(--neutral-91); - --blurple-92: var(--neutral-92); - --blurple-93: var(--neutral-93); - --blurple-94: var(--neutral-94); - --blurple-95: var(--neutral-95); - --blurple-96: var(--neutral-96); - --blurple-97: var(--neutral-97); - --blurple-98: var(--neutral-98); - --blurple-99: var(--neutral-99); - --blurple-100: var(--neutral-100); - --blurple-1-hsl: var(--neutral-1); - --blurple-2-hsl: var(--neutral-2); - --blurple-3-hsl: var(--neutral-3); - --blurple-4-hsl: var(--neutral-4); - --blurple-5-hsl: var(--neutral-5); - --blurple-6-hsl: var(--neutral-6); - --blurple-7-hsl: var(--neutral-7); - --blurple-8-hsl: var(--neutral-8); - --blurple-9-hsl: var(--neutral-9); - --blurple-10-hsl: var(--neutral-10); - --blurple-11-hsl: var(--neutral-11); - --blurple-12-hsl: var(--neutral-12); - --blurple-13-hsl: var(--neutral-13); - --blurple-14-hsl: var(--neutral-14); - --blurple-15-hsl: var(--neutral-15); - --blurple-16-hsl: var(--neutral-16); - --blurple-17-hsl: var(--neutral-17); - --blurple-18-hsl: var(--neutral-18); - --blurple-19-hsl: var(--neutral-19); - --blurple-20-hsl: var(--neutral-20); - --blurple-21-hsl: var(--neutral-21); - --blurple-22-hsl: var(--neutral-22); - --blurple-23-hsl: var(--neutral-23); - --blurple-24-hsl: var(--neutral-24); - --blurple-25-hsl: var(--neutral-25); - --blurple-26-hsl: var(--neutral-26); - --blurple-27-hsl: var(--neutral-27); - --blurple-28-hsl: var(--neutral-28); - --blurple-29-hsl: var(--neutral-29); - --blurple-30-hsl: var(--neutral-30); - --blurple-31-hsl: var(--neutral-31); - --blurple-32-hsl: var(--neutral-32); - --blurple-33-hsl: var(--neutral-33); - --blurple-34-hsl: var(--neutral-34); - --blurple-35-hsl: var(--neutral-35); - --blurple-36-hsl: var(--neutral-36); - --blurple-37-hsl: var(--neutral-37); - --blurple-38-hsl: var(--neutral-38); - --blurple-39-hsl: var(--neutral-39); - --blurple-40-hsl: var(--neutral-40); - --blurple-41-hsl: var(--neutral-41); - --blurple-42-hsl: var(--neutral-42); - --blurple-43-hsl: var(--neutral-43); - --blurple-44-hsl: var(--neutral-44); - --blurple-45-hsl: var(--neutral-45); - --blurple-46-hsl: var(--neutral-46); - --blurple-47-hsl: var(--neutral-47); - --blurple-48-hsl: var(--neutral-48); - --blurple-49-hsl: var(--neutral-49); - --blurple-50-hsl: var(--neutral-50); - --blurple-51-hsl: var(--neutral-51); - --blurple-52-hsl: var(--neutral-52); - --blurple-53-hsl: var(--neutral-53); - --blurple-54-hsl: var(--neutral-54); - --blurple-55-hsl: var(--neutral-55); - --blurple-56-hsl: var(--neutral-56); - --blurple-57-hsl: var(--neutral-57); - --blurple-58-hsl: var(--neutral-58); - --blurple-59-hsl: var(--neutral-59); - --blurple-60-hsl: var(--neutral-60); - --blurple-61-hsl: var(--neutral-61); - --blurple-62-hsl: var(--neutral-62); - --blurple-63-hsl: var(--neutral-63); - --blurple-64-hsl: var(--neutral-64); - --blurple-65-hsl: var(--neutral-65); - --blurple-66-hsl: var(--neutral-66); - --blurple-67-hsl: var(--neutral-67); - --blurple-68-hsl: var(--neutral-68); - --blurple-69-hsl: var(--neutral-69); - --blurple-70-hsl: var(--neutral-70); - --blurple-71-hsl: var(--neutral-71); - --blurple-72-hsl: var(--neutral-72); - --blurple-73-hsl: var(--neutral-73); - --blurple-74-hsl: var(--neutral-74); - --blurple-75-hsl: var(--neutral-75); - --blurple-76-hsl: var(--neutral-76); - --blurple-77-hsl: var(--neutral-77); - --blurple-78-hsl: var(--neutral-78); - --blurple-79-hsl: var(--neutral-79); - --blurple-80-hsl: var(--neutral-80); - --blurple-81-hsl: var(--neutral-81); - --blurple-82-hsl: var(--neutral-82); - --blurple-83-hsl: var(--neutral-83); - --blurple-84-hsl: var(--neutral-84); - --blurple-85-hsl: var(--neutral-85); - --blurple-86-hsl: var(--neutral-86); - --blurple-87-hsl: var(--neutral-87); - --blurple-88-hsl: var(--neutral-88); - --blurple-89-hsl: var(--neutral-89); - --blurple-90-hsl: var(--neutral-90); - --blurple-91-hsl: var(--neutral-91); - --blurple-92-hsl: var(--neutral-92); - --blurple-93-hsl: var(--neutral-93); - --blurple-94-hsl: var(--neutral-94); - --blurple-95-hsl: var(--neutral-95); - --blurple-96-hsl: var(--neutral-96); - --blurple-97-hsl: var(--neutral-97); - --blurple-98-hsl: var(--neutral-98); - --blurple-99-hsl: var(--neutral-99); - --blurple-100-hsl: var(--neutral-100); - } + .theme-dark { + --gel: rgb(76, 252, 252); + --multiply: 1; + /* Overwrite defaults */ + --neutral-1-hsl: lch(from var(--gel) calc(99% * var(--multiply)) 1% h); + --neutral-2-hsl: lch(from var(--gel) calc(98% * var(--multiply)) 2% h); + --neutral-3-hsl: lch(from var(--gel) calc(97% * var(--multiply)) 3% h); + --neutral-4-hsl: lch(from var(--gel) calc(96% * var(--multiply)) 4% h); + --neutral-5-hsl: lch(from var(--gel) calc(95% * var(--multiply)) 5% h); + --neutral-6-hsl: lch(from var(--gel) calc(94% * var(--multiply)) 6% h); + --neutral-7-hsl: lch(from var(--gel) calc(93% * var(--multiply)) 7% h); + --neutral-8-hsl: lch(from var(--gel) calc(92% * var(--multiply)) 8% h); + --neutral-9-hsl: lch(from var(--gel) calc(91% * var(--multiply)) 9% h); + --neutral-10-hsl: lch(from var(--gel) calc(90% * var(--multiply)) 10% h); + --neutral-11-hsl: lch(from var(--gel) calc(89% * var(--multiply)) 11% h); + --neutral-12-hsl: lch(from var(--gel) calc(88% * var(--multiply)) 12% h); + --neutral-13-hsl: lch(from var(--gel) calc(87% * var(--multiply)) 13% h); + --neutral-14-hsl: lch(from var(--gel) calc(86% * var(--multiply)) 14% h); + --neutral-15-hsl: lch(from var(--gel) calc(85% * var(--multiply)) 15% h); + --neutral-16-hsl: lch(from var(--gel) calc(84% * var(--multiply)) 16% h); + --neutral-17-hsl: lch(from var(--gel) calc(83% * var(--multiply)) 17% h); + --neutral-18-hsl: lch(from var(--gel) calc(82% * var(--multiply)) 18% h); + --neutral-19-hsl: lch(from var(--gel) calc(81% * var(--multiply)) 19% h); + --neutral-20-hsl: lch(from var(--gel) calc(80% * var(--multiply)) 20% h); + --neutral-21-hsl: lch(from var(--gel) calc(79% * var(--multiply)) 21% h); + --neutral-22-hsl: lch(from var(--gel) calc(78% * var(--multiply)) 22% h); + --neutral-23-hsl: lch(from var(--gel) calc(77% * var(--multiply)) 23% h); + --neutral-24-hsl: lch(from var(--gel) calc(76% * var(--multiply)) 24% h); + --neutral-25-hsl: lch(from var(--gel) calc(75% * var(--multiply)) 25% h); + --neutral-26-hsl: lch(from var(--gel) calc(74% * var(--multiply)) 26% h); + --neutral-27-hsl: lch(from var(--gel) calc(73% * var(--multiply)) 27% h); + --neutral-28-hsl: lch(from var(--gel) calc(72% * var(--multiply)) 28% h); + --neutral-29-hsl: lch(from var(--gel) calc(71% * var(--multiply)) 29% h); + --neutral-30-hsl: lch(from var(--gel) calc(70% * var(--multiply)) 30% h); + --neutral-31-hsl: lch(from var(--gel) calc(69% * var(--multiply)) 31% h); + --neutral-32-hsl: lch(from var(--gel) calc(68% * var(--multiply)) 32% h); + --neutral-33-hsl: lch(from var(--gel) calc(67% * var(--multiply)) 33% h); + --neutral-34-hsl: lch(from var(--gel) calc(66% * var(--multiply)) 34% h); + --neutral-35-hsl: lch(from var(--gel) calc(65% * var(--multiply)) 35% h); + --neutral-36-hsl: lch(from var(--gel) calc(64% * var(--multiply)) 36% h); + --neutral-37-hsl: lch(from var(--gel) calc(63% * var(--multiply)) 37% h); + --neutral-38-hsl: lch(from var(--gel) calc(62% * var(--multiply)) 38% h); + --neutral-39-hsl: lch(from var(--gel) calc(61% * var(--multiply)) 39% h); + --neutral-40-hsl: lch(from var(--gel) calc(60% * var(--multiply)) 40% h); + --neutral-41-hsl: lch(from var(--gel) calc(59% * var(--multiply)) 41% h); + --neutral-42-hsl: lch(from var(--gel) calc(58% * var(--multiply)) 42% h); + --neutral-43-hsl: lch(from var(--gel) calc(57% * var(--multiply)) 43% h); + --neutral-44-hsl: lch(from var(--gel) calc(56% * var(--multiply)) 44% h); + --neutral-45-hsl: lch(from var(--gel) calc(55% * var(--multiply)) 45% h); + --neutral-46-hsl: lch(from var(--gel) calc(54% * var(--multiply)) 46% h); + --neutral-47-hsl: lch(from var(--gel) calc(53% * var(--multiply)) 47% h); + --neutral-48-hsl: lch(from var(--gel) calc(52% * var(--multiply)) 48% h); + --neutral-49-hsl: lch(from var(--gel) calc(51% * var(--multiply)) 49% h); + --neutral-50-hsl: lch(from var(--gel) calc(50% * var(--multiply)) 50% h); + --neutral-51-hsl: lch(from var(--gel) calc(49% * var(--multiply)) 49% h); + --neutral-52-hsl: lch(from var(--gel) calc(48% * var(--multiply)) 48% h); + --neutral-53-hsl: lch(from var(--gel) calc(47% * var(--multiply)) 47% h); + --neutral-54-hsl: lch(from var(--gel) calc(46% * var(--multiply)) 46% h); + --neutral-55-hsl: lch(from var(--gel) calc(45% * var(--multiply)) 45% h); + --neutral-56-hsl: lch(from var(--gel) calc(44% * var(--multiply)) 44% h); + --neutral-57-hsl: lch(from var(--gel) calc(43% * var(--multiply)) 43% h); + --neutral-58-hsl: lch(from var(--gel) calc(42% * var(--multiply)) 42% h); + --neutral-59-hsl: lch(from var(--gel) calc(41% * var(--multiply)) 41% h); + --neutral-60-hsl: lch(from var(--gel) calc(40% * var(--multiply)) 40% h); + --neutral-61-hsl: lch(from var(--gel) calc(39% * var(--multiply)) 39% h); + --neutral-62-hsl: lch(from var(--gel) calc(38% * var(--multiply)) 38% h); + --neutral-63-hsl: lch(from var(--gel) calc(37% * var(--multiply)) 37% h); + --neutral-64-hsl: lch(from var(--gel) calc(36% * var(--multiply)) 36% h); + --neutral-65-hsl: lch(from var(--gel) calc(35% * var(--multiply)) 35% h); + --neutral-66-hsl: lch(from var(--gel) calc(34% * var(--multiply)) 34% h); + --neutral-67-hsl: lch(from var(--gel) calc(33% * var(--multiply)) 33% h); + --neutral-68-hsl: lch(from var(--gel) calc(32% * var(--multiply)) 32% h); + --neutral-69-hsl: lch(from var(--gel) calc(31% * var(--multiply)) 31% h); + --neutral-70-hsl: lch(from var(--gel) calc(30% * var(--multiply)) 30% h); + --neutral-71-hsl: lch(from var(--gel) calc(29% * var(--multiply)) 29% h); + --neutral-72-hsl: lch(from var(--gel) calc(28% * var(--multiply)) 28% h); + --neutral-73-hsl: lch(from var(--gel) calc(27% * var(--multiply)) 27% h); + --neutral-74-hsl: lch(from var(--gel) calc(26% * var(--multiply)) 26% h); + --neutral-75-hsl: lch(from var(--gel) calc(25% * var(--multiply)) 25% h); + --neutral-76-hsl: lch(from var(--gel) calc(24% * var(--multiply)) 24% h); + --neutral-77-hsl: lch(from var(--gel) calc(23% * var(--multiply)) 23% h); + --neutral-78-hsl: lch(from var(--gel) calc(22% * var(--multiply)) 22% h); + --neutral-79-hsl: lch(from var(--gel) calc(21% * var(--multiply)) 21% h); + --neutral-80-hsl: lch(from var(--gel) calc(20% * var(--multiply)) 20% h); + --neutral-81-hsl: lch(from var(--gel) calc(19% * var(--multiply)) 19% h); + --neutral-82-hsl: lch(from var(--gel) calc(18% * var(--multiply)) 18% h); + --neutral-83-hsl: lch(from var(--gel) calc(17% * var(--multiply)) 17% h); + --neutral-84-hsl: lch(from var(--gel) calc(16% * var(--multiply)) 16% h); + --neutral-85-hsl: lch(from var(--gel) calc(15% * var(--multiply)) 15% h); + --neutral-86-hsl: lch(from var(--gel) calc(14% * var(--multiply)) 14% h); + --neutral-87-hsl: lch(from var(--gel) calc(13% * var(--multiply)) 13% h); + --neutral-88-hsl: lch(from var(--gel) calc(12% * var(--multiply)) 12% h); + --neutral-89-hsl: lch(from var(--gel) calc(11% * var(--multiply)) 11% h); + --neutral-90-hsl: lch(from var(--gel) calc(10% * var(--multiply)) 10% h); + --neutral-91-hsl: lch(from var(--gel) calc(9% * var(--multiply)) 9% h); + --neutral-92-hsl: lch(from var(--gel) calc(8% * var(--multiply)) 8% h); + --neutral-93-hsl: lch(from var(--gel) calc(7% * var(--multiply)) 7% h); + --neutral-94-hsl: lch(from var(--gel) calc(6% * var(--multiply)) 6% h); + --neutral-95-hsl: lch(from var(--gel) calc(5% * var(--multiply)) 5% h); + --neutral-96-hsl: lch(from var(--gel) calc(4% * var(--multiply)) 4% h); + --neutral-97-hsl: lch(from var(--gel) calc(3% * var(--multiply)) 3% h); + --neutral-98-hsl: lch(from var(--gel) calc(2% * var(--multiply)) 2% h); + --neutral-99-hsl: lch(from var(--gel) calc(1% * var(--multiply)) 1% h); + --neutral-100-hsl: lch(from var(--gel) calc(0% * var(--multiply)) 0% h); + --neutral-1: var(--neutral-1-hsl); + --neutral-2: var(--neutral-2-hsl); + --neutral-3: var(--neutral-3-hsl); + --neutral-4: var(--neutral-4-hsl); + --neutral-5: var(--neutral-5-hsl); + --neutral-6: var(--neutral-6-hsl); + --neutral-7: var(--neutral-7-hsl); + --neutral-8: var(--neutral-8-hsl); + --neutral-9: var(--neutral-9-hsl); + --neutral-10: var(--neutral-10-hsl); + --neutral-11: var(--neutral-11-hsl); + --neutral-12: var(--neutral-12-hsl); + --neutral-13: var(--neutral-13-hsl); + --neutral-14: var(--neutral-14-hsl); + --neutral-15: var(--neutral-15-hsl); + --neutral-16: var(--neutral-16-hsl); + --neutral-17: var(--neutral-17-hsl); + --neutral-18: var(--neutral-18-hsl); + --neutral-19: var(--neutral-19-hsl); + --neutral-20: var(--neutral-20-hsl); + --neutral-21: var(--neutral-21-hsl); + --neutral-22: var(--neutral-22-hsl); + --neutral-23: var(--neutral-23-hsl); + --neutral-24: var(--neutral-24-hsl); + --neutral-25: var(--neutral-25-hsl); + --neutral-26: var(--neutral-26-hsl); + --neutral-27: var(--neutral-27-hsl); + --neutral-28: var(--neutral-28-hsl); + --neutral-29: var(--neutral-29-hsl); + --neutral-30: var(--neutral-30-hsl); + --neutral-31: var(--neutral-31-hsl); + --neutral-32: var(--neutral-32-hsl); + --neutral-33: var(--neutral-33-hsl); + --neutral-34: var(--neutral-34-hsl); + --neutral-35: var(--neutral-35-hsl); + --neutral-36: var(--neutral-36-hsl); + --neutral-37: var(--neutral-37-hsl); + --neutral-38: var(--neutral-38-hsl); + --neutral-39: var(--neutral-39-hsl); + --neutral-40: var(--neutral-40-hsl); + --neutral-41: var(--neutral-41-hsl); + --neutral-42: var(--neutral-42-hsl); + --neutral-43: var(--neutral-43-hsl); + --neutral-44: var(--neutral-44-hsl); + --neutral-45: var(--neutral-45-hsl); + --neutral-46: var(--neutral-46-hsl); + --neutral-47: var(--neutral-47-hsl); + --neutral-48: var(--neutral-48-hsl); + --neutral-49: var(--neutral-49-hsl); + --neutral-50: var(--neutral-50-hsl); + --neutral-51: var(--neutral-51-hsl); + --neutral-52: var(--neutral-52-hsl); + --neutral-53: var(--neutral-53-hsl); + --neutral-54: var(--neutral-54-hsl); + --neutral-55: var(--neutral-55-hsl); + --neutral-56: var(--neutral-56-hsl); + --neutral-57: var(--neutral-57-hsl); + --neutral-58: var(--neutral-58-hsl); + --neutral-59: var(--neutral-59-hsl); + --neutral-60: var(--neutral-60-hsl); + --neutral-61: var(--neutral-61-hsl); + --neutral-62: var(--neutral-62-hsl); + --neutral-63: var(--neutral-63-hsl); + --neutral-64: var(--neutral-64-hsl); + --neutral-65: var(--neutral-65-hsl); + --neutral-66: var(--neutral-66-hsl); + --neutral-67: var(--neutral-67-hsl); + --neutral-68: var(--neutral-68-hsl); + --neutral-69: var(--neutral-69-hsl); + --neutral-70: var(--neutral-70-hsl); + --neutral-71: var(--neutral-71-hsl); + --neutral-72: var(--neutral-72-hsl); + --neutral-73: var(--neutral-73-hsl); + --neutral-74: var(--neutral-74-hsl); + --neutral-75: var(--neutral-75-hsl); + --neutral-76: var(--neutral-76-hsl); + --neutral-77: var(--neutral-77-hsl); + --neutral-78: var(--neutral-78-hsl); + --neutral-79: var(--neutral-79-hsl); + --neutral-80: var(--neutral-80-hsl); + --neutral-81: var(--neutral-81-hsl); + --neutral-82: var(--neutral-82-hsl); + --neutral-83: var(--neutral-83-hsl); + --neutral-84: var(--neutral-84-hsl); + --neutral-85: var(--neutral-85-hsl); + --neutral-86: var(--neutral-86-hsl); + --neutral-87: var(--neutral-87-hsl); + --neutral-88: var(--neutral-88-hsl); + --neutral-89: var(--neutral-89-hsl); + --neutral-90: var(--neutral-90-hsl); + --neutral-91: var(--neutral-91-hsl); + --neutral-92: var(--neutral-92-hsl); + --neutral-93: var(--neutral-93-hsl); + --neutral-94: var(--neutral-94-hsl); + --neutral-95: var(--neutral-95-hsl); + --neutral-96: var(--neutral-96-hsl); + --neutral-97: var(--neutral-97-hsl); + --neutral-98: var(--neutral-98-hsl); + --neutral-99: var(--neutral-99-hsl); + --neutral-100: var(--neutral-100-hsl); + --blurple-1: var(--neutral-1); + --blurple-2: var(--neutral-2); + --blurple-3: var(--neutral-3); + --blurple-4: var(--neutral-4); + --blurple-5: var(--neutral-5); + --blurple-6: var(--neutral-6); + --blurple-7: var(--neutral-7); + --blurple-8: var(--neutral-8); + --blurple-9: var(--neutral-9); + --blurple-10: var(--neutral-10); + --blurple-11: var(--neutral-11); + --blurple-12: var(--neutral-12); + --blurple-13: var(--neutral-13); + --blurple-14: var(--neutral-14); + --blurple-15: var(--neutral-15); + --blurple-16: var(--neutral-16); + --blurple-17: var(--neutral-17); + --blurple-18: var(--neutral-18); + --blurple-19: var(--neutral-19); + --blurple-20: var(--neutral-20); + --blurple-21: var(--neutral-21); + --blurple-22: var(--neutral-22); + --blurple-23: var(--neutral-23); + --blurple-24: var(--neutral-24); + --blurple-25: var(--neutral-25); + --blurple-26: var(--neutral-26); + --blurple-27: var(--neutral-27); + --blurple-28: var(--neutral-28); + --blurple-29: var(--neutral-29); + --blurple-30: var(--neutral-30); + --blurple-31: var(--neutral-31); + --blurple-32: var(--neutral-32); + --blurple-33: var(--neutral-33); + --blurple-34: var(--neutral-34); + --blurple-35: var(--neutral-35); + --blurple-36: var(--neutral-36); + --blurple-37: var(--neutral-37); + --blurple-38: var(--neutral-38); + --blurple-39: var(--neutral-39); + --blurple-40: var(--neutral-40); + --blurple-41: var(--neutral-41); + --blurple-42: var(--neutral-42); + --blurple-43: var(--neutral-43); + --blurple-44: var(--neutral-44); + --blurple-45: var(--neutral-45); + --blurple-46: var(--neutral-46); + --blurple-47: var(--neutral-47); + --blurple-48: var(--neutral-48); + --blurple-49: var(--neutral-49); + --blurple-50: var(--neutral-50); + --blurple-51: var(--neutral-51); + --blurple-52: var(--neutral-52); + --blurple-53: var(--neutral-53); + --blurple-54: var(--neutral-54); + --blurple-55: var(--neutral-55); + --blurple-56: var(--neutral-56); + --blurple-57: var(--neutral-57); + --blurple-58: var(--neutral-58); + --blurple-59: var(--neutral-59); + --blurple-60: var(--neutral-60); + --blurple-61: var(--neutral-61); + --blurple-62: var(--neutral-62); + --blurple-63: var(--neutral-63); + --blurple-64: var(--neutral-64); + --blurple-65: var(--neutral-65); + --blurple-66: var(--neutral-66); + --blurple-67: var(--neutral-67); + --blurple-68: var(--neutral-68); + --blurple-69: var(--neutral-69); + --blurple-70: var(--neutral-70); + --blurple-71: var(--neutral-71); + --blurple-72: var(--neutral-72); + --blurple-73: var(--neutral-73); + --blurple-74: var(--neutral-74); + --blurple-75: var(--neutral-75); + --blurple-76: var(--neutral-76); + --blurple-77: var(--neutral-77); + --blurple-78: var(--neutral-78); + --blurple-79: var(--neutral-79); + --blurple-80: var(--neutral-80); + --blurple-81: var(--neutral-81); + --blurple-82: var(--neutral-82); + --blurple-83: var(--neutral-83); + --blurple-84: var(--neutral-84); + --blurple-85: var(--neutral-85); + --blurple-86: var(--neutral-86); + --blurple-87: var(--neutral-87); + --blurple-88: var(--neutral-88); + --blurple-89: var(--neutral-89); + --blurple-90: var(--neutral-90); + --blurple-91: var(--neutral-91); + --blurple-92: var(--neutral-92); + --blurple-93: var(--neutral-93); + --blurple-94: var(--neutral-94); + --blurple-95: var(--neutral-95); + --blurple-96: var(--neutral-96); + --blurple-97: var(--neutral-97); + --blurple-98: var(--neutral-98); + --blurple-99: var(--neutral-99); + --blurple-100: var(--neutral-100); + --blurple-1-hsl: var(--neutral-1); + --blurple-2-hsl: var(--neutral-2); + --blurple-3-hsl: var(--neutral-3); + --blurple-4-hsl: var(--neutral-4); + --blurple-5-hsl: var(--neutral-5); + --blurple-6-hsl: var(--neutral-6); + --blurple-7-hsl: var(--neutral-7); + --blurple-8-hsl: var(--neutral-8); + --blurple-9-hsl: var(--neutral-9); + --blurple-10-hsl: var(--neutral-10); + --blurple-11-hsl: var(--neutral-11); + --blurple-12-hsl: var(--neutral-12); + --blurple-13-hsl: var(--neutral-13); + --blurple-14-hsl: var(--neutral-14); + --blurple-15-hsl: var(--neutral-15); + --blurple-16-hsl: var(--neutral-16); + --blurple-17-hsl: var(--neutral-17); + --blurple-18-hsl: var(--neutral-18); + --blurple-19-hsl: var(--neutral-19); + --blurple-20-hsl: var(--neutral-20); + --blurple-21-hsl: var(--neutral-21); + --blurple-22-hsl: var(--neutral-22); + --blurple-23-hsl: var(--neutral-23); + --blurple-24-hsl: var(--neutral-24); + --blurple-25-hsl: var(--neutral-25); + --blurple-26-hsl: var(--neutral-26); + --blurple-27-hsl: var(--neutral-27); + --blurple-28-hsl: var(--neutral-28); + --blurple-29-hsl: var(--neutral-29); + --blurple-30-hsl: var(--neutral-30); + --blurple-31-hsl: var(--neutral-31); + --blurple-32-hsl: var(--neutral-32); + --blurple-33-hsl: var(--neutral-33); + --blurple-34-hsl: var(--neutral-34); + --blurple-35-hsl: var(--neutral-35); + --blurple-36-hsl: var(--neutral-36); + --blurple-37-hsl: var(--neutral-37); + --blurple-38-hsl: var(--neutral-38); + --blurple-39-hsl: var(--neutral-39); + --blurple-40-hsl: var(--neutral-40); + --blurple-41-hsl: var(--neutral-41); + --blurple-42-hsl: var(--neutral-42); + --blurple-43-hsl: var(--neutral-43); + --blurple-44-hsl: var(--neutral-44); + --blurple-45-hsl: var(--neutral-45); + --blurple-46-hsl: var(--neutral-46); + --blurple-47-hsl: var(--neutral-47); + --blurple-48-hsl: var(--neutral-48); + --blurple-49-hsl: var(--neutral-49); + --blurple-50-hsl: var(--neutral-50); + --blurple-51-hsl: var(--neutral-51); + --blurple-52-hsl: var(--neutral-52); + --blurple-53-hsl: var(--neutral-53); + --blurple-54-hsl: var(--neutral-54); + --blurple-55-hsl: var(--neutral-55); + --blurple-56-hsl: var(--neutral-56); + --blurple-57-hsl: var(--neutral-57); + --blurple-58-hsl: var(--neutral-58); + --blurple-59-hsl: var(--neutral-59); + --blurple-60-hsl: var(--neutral-60); + --blurple-61-hsl: var(--neutral-61); + --blurple-62-hsl: var(--neutral-62); + --blurple-63-hsl: var(--neutral-63); + --blurple-64-hsl: var(--neutral-64); + --blurple-65-hsl: var(--neutral-65); + --blurple-66-hsl: var(--neutral-66); + --blurple-67-hsl: var(--neutral-67); + --blurple-68-hsl: var(--neutral-68); + --blurple-69-hsl: var(--neutral-69); + --blurple-70-hsl: var(--neutral-70); + --blurple-71-hsl: var(--neutral-71); + --blurple-72-hsl: var(--neutral-72); + --blurple-73-hsl: var(--neutral-73); + --blurple-74-hsl: var(--neutral-74); + --blurple-75-hsl: var(--neutral-75); + --blurple-76-hsl: var(--neutral-76); + --blurple-77-hsl: var(--neutral-77); + --blurple-78-hsl: var(--neutral-78); + --blurple-79-hsl: var(--neutral-79); + --blurple-80-hsl: var(--neutral-80); + --blurple-81-hsl: var(--neutral-81); + --blurple-82-hsl: var(--neutral-82); + --blurple-83-hsl: var(--neutral-83); + --blurple-84-hsl: var(--neutral-84); + --blurple-85-hsl: var(--neutral-85); + --blurple-86-hsl: var(--neutral-86); + --blurple-87-hsl: var(--neutral-87); + --blurple-88-hsl: var(--neutral-88); + --blurple-89-hsl: var(--neutral-89); + --blurple-90-hsl: var(--neutral-90); + --blurple-91-hsl: var(--neutral-91); + --blurple-92-hsl: var(--neutral-92); + --blurple-93-hsl: var(--neutral-93); + --blurple-94-hsl: var(--neutral-94); + --blurple-95-hsl: var(--neutral-95); + --blurple-96-hsl: var(--neutral-96); + --blurple-97-hsl: var(--neutral-97); + --blurple-98-hsl: var(--neutral-98); + --blurple-99-hsl: var(--neutral-99); + --blurple-100-hsl: var(--neutral-100); + } } @keyframes bgpomo { - 0% { - background-position: - 0 0, - 100px 0, - 0 0; - } - 100% { - background-position: - 0 0, - 1124px -1024px, - 0 800px; - } + 0% { + background-position: + 0 0, + 100px 0, + 0 0; + } + 100% { + background-position: + 0 0, + 1124px -1024px, + 0 800px; + } } .theme-dark { - /* Colors */ - --text-link: var(--gel); - --channels-default: var(--neutral-20); - --chat-text-muted: var(--neutral-20); - --interactive-text-default: var(--neutral-20); - --background-surface-highest: var(--neutral-60); - --background-surface-higher: var(--neutral-65); - --background-surface-high: var(--neutral-70); - --background-base-low: var(--neutral-75); - --background-base-lower: var(--neutral-80); - --background-base-lowest: var(--neutral-85); - --control-icon-only-icon-default: var(--neutral-10); - nav[aria-label] a[aria-label] /* Direct messages/friends list sidebar text color */ { - color: var(--neutral-10); - } - /* Reset default backgrounds */ - [class*="chatGradient"], - [class*="channelTextArea"] > [class*="themedBackground"], - nav[aria-label="Private channels"] { - background: unset; - } - [class*="sidebar"]:has(nav[aria-label])::after /* This is a seemingly random User area pseudo-element with the default theme, so I'm throwing it into orbit. */ { - content: unset; - } - /* Reset borders */ - [data-fullscreen] [class*="notice"] { - border-radius: unset; - } - div:has(> nav) /* Sidebar container */ { - border-radius: unset; - } - /* Reset margins */ - nav[aria-label="Private channels"] [class*="scroller"] { - margin-bottom: 0; - } - /* Discord icon replacement */ - nav[aria-label="Servers sidebar"] [class*="tutorial"]:first-child { - & foreignObject div { - background-image: var(--blob); - background-position: center; - background-repeat: no-repeat; - background-size: 30px; - } - & svg svg, - img { - opacity: 0; - } - } - /* Primary 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)); - box-shadow: inset 0 0 1em 0 var(--neutral-50); - cursor: pointer; - transition: unset; - &:hover { - transition: inherit; - border-color: var(--neutral-60); - background-image: linear-gradient(var(--neutral-60), var(--neutral-80)); - box-shadow: inset 0 0 0.5em 0.3em var(--neutral-80); - } - &[class*="critical"] /* Warning buttons */ { - color: var(--red-300); - border-color: var(--red-500); - background-image: linear-gradient(var(--red-400), var(--red-800)); - box-shadow: inset 0 0 0.5em 0.3em var(--red-500); - &:hover { - border-color: var(--red-600); - background-image: linear-gradient(var(--red-600), var(--red-800)); - box-shadow: inset 0 0 0.5em 0.3em var(--red-800); - } - } - } - /* Miscellaneous buttons */ - :is([aria-label="Message Actions"] [role="button"], /* Message actions ("React", "Reply", "Forward" and "More") */ + /* Colors */ + --text-link: var(--gel); + --channels-default: var(--neutral-20); + --chat-text-muted: var(--neutral-20); + --interactive-text-default: var(--neutral-20); + --background-surface-highest: var(--neutral-60); + --background-surface-higher: var(--neutral-65); + --background-surface-high: var(--neutral-70); + --background-base-low: var(--neutral-75); + --background-base-lower: var(--neutral-80); + --background-base-lowest: var(--neutral-85); + --control-icon-only-icon-default: var(--neutral-10); + nav[aria-label] a[aria-label] /* Direct messages/friends list sidebar text color */ { + color: var(--neutral-10); + } + /* Reset default backgrounds */ + [class*="chatGradient"], + [class*="channelTextArea"] > [class*="themedBackground"], + nav[aria-label="Private channels"] { + background: unset; + } + [class*="sidebar"]:has(nav[aria-label])::after /* This is a seemingly random User area pseudo-element with the default theme, so I'm throwing it into orbit. */ { + content: unset; + } + /* Reset borders */ + [data-fullscreen] [class*="notice"] { + border-radius: unset; + } + div:has(> nav) /* Sidebar container */ { + border-radius: unset; + } + /* Reset margins */ + nav[aria-label="Private channels"] [class*="scroller"] { + margin-bottom: 0; + } + /* Discord icon replacement */ + nav[aria-label="Servers sidebar"] [class*="tutorial"]:first-child { + & foreignObject div { + background-image: var(--blob); + background-position: center; + background-repeat: no-repeat; + background-size: 30px; + } + & svg svg, + img { + opacity: 0; + } + } + /* Primary 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)); + box-shadow: inset 0 0 1em 0 var(--neutral-50); + cursor: pointer; + transition: unset; + &:hover { + transition: inherit; + border-color: var(--neutral-60); + background-image: linear-gradient(var(--neutral-60), var(--neutral-80)); + box-shadow: inset 0 0 0.5em 0.3em var(--neutral-80); + } + &[class*="critical"] /* Warning buttons */ { + color: var(--red-300); + border-color: var(--red-500); + background-image: linear-gradient(var(--red-400), var(--red-800)); + box-shadow: inset 0 0 0.5em 0.3em var(--red-500); + &:hover { + border-color: var(--red-600); + background-image: linear-gradient(var(--red-600), var(--red-800)); + box-shadow: inset 0 0 0.5em 0.3em var(--red-800); + } + } + } + /* Miscellaneous buttons */ + :is([aria-label="Message Actions"] [role="button"], /* Message actions ("React", "Reply", "Forward" and "More") */ [class*="channelTextArea"] [class*="buttons"] [role], [class*="channelTextArea"] [class*="attach"]>[aria-label], /* Message box buttons (GIF, Sticker, Emoji picker)*/ section[aria-label="User area"] button, /* Mute/Deafen, User settings buttons */ [class*="toolbar"] [role="button"], /* Chat toolbar buttons */ ):not([class*="username"], [class*="search"] *) /* Doesn't apply to: Usernames, Toolbar search icon */ { - background-image: linear-gradient( - color-mix(in lch, var(--neutral-65), transparent), - color-mix(in lch, var(--neutral-70), transparent) - ); - box-shadow: inset 0 -5px 13px -5px - color-mix(in lch, var(--neutral-80), transparent); - &:hover { - background-image: linear-gradient( - color-mix(in lch, var(--neutral-60), transparent), - color-mix(in lch, var(--neutral-80), transparent) - ); - box-shadow: inset 0 -5px 13px -5px var(--gel); - } - /* Rounded buttons */ - &:not(section[aria-label="User area"] [class*="Parent"] *) /* Doesn't apply to: Mute/Unmute, Deafen/Undeafen */ { - 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); - } - /* Backgrounds */ - nav[aria-label="Private channels"] [class*="scroller"] /* Direct messages/friends list sidebar */, + background-image: linear-gradient( + color-mix(in lch, var(--neutral-65), transparent), + color-mix(in lch, var(--neutral-70), transparent) + ); + box-shadow: inset 0 -5px 13px -5px + color-mix(in lch, var(--neutral-80), transparent); + &:hover { + background-image: linear-gradient( + color-mix(in lch, var(--neutral-60), transparent), + color-mix(in lch, var(--neutral-80), transparent) + ); + box-shadow: inset 0 -5px 13px -5px var(--gel); + } + /* Rounded buttons */ + &:not(section[aria-label="User area"] [class*="Parent"] *) /* Doesn't apply to: Mute/Unmute, Deafen/Undeafen */ { + 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); + } + /* 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, - inset var(--neutral-50) 0 0 8px 4px; - } - nav[aria-label="Private channels"] { - background: var(--neutral-80); - } - /* Chat background */ - main[class*="chat"] { - background-image: - linear-gradient( - color-mix(in lch, var(--neutral-70), transparent), - color-mix(in lch, var(--neutral-80), transparent) 80%, - transparent - ), - var(--forest); - /* Kiophen mascot :3 */ - &::before { - background-image: var(--kiophen); - background-repeat: no-repeat; - background-size: auto 40vh; - bottom: 0; - content: ""; - height: 100%; - opacity: 0.3; - position: absolute; - right: 0; - width: 100%; - z-index: 0; - pointer-events: none; - background-position-y: calc(100% - 32px); - background-position-x: 100%; - } - } - /* Animated gel background */ - [aria-label="Servers sidebar"], + box-shadow: + inset var(--neutral-100) 0 0 110px -26px, + inset var(--neutral-50) 0 0 8px 4px; + } + nav[aria-label="Private channels"] { + background: var(--neutral-80); + } + /* Chat background */ + main[class*="chat"] { + background-image: + linear-gradient( + color-mix(in lch, var(--neutral-70), transparent), + color-mix(in lch, var(--neutral-80), transparent) 80%, + transparent + ), + var(--forest); + /* Kiophen mascot :3 */ + &::before { + background-image: var(--kiophen); + background-repeat: no-repeat; + background-size: auto 40vh; + bottom: 0; + content: ""; + height: 100%; + opacity: 0.3; + position: absolute; + right: 0; + width: 100%; + z-index: 0; + pointer-events: none; + background-position-y: calc(100% - 32px); + background-position-x: 100%; + } + } + /* Animated gel background */ + [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-size: auto, auto, auto; - background-blend-mode: darken, lighten, normal; - background-size: - auto, - 1024px 1024px, - 1000px 800px; - background-attachment: fixed; - } + 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-attachment: fixed; + } } .theme-dark:not(.reduce-motion) { - [aria-label="Servers sidebar"], - [data-fullscreen] [class*="bar"] > [class*="title"], - [class*="callContainer"] > div { - animation: bgpomo 16s infinite linear; - } + [aria-label="Servers sidebar"], + [data-fullscreen] [class*="bar"] > [class*="title"], + [class*="callContainer"] > div { + animation: bgpomo 16s infinite linear; + } }