API tools faq
paste
Advertisement
AstraTheFox

Untitled

AstraTheFox
Dec 20th, 2024
39
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
Lua 57.53 KB | None | 0 0
raw download clone embed print report
  1. :root {
  2.     /* ignore these, unless you wanna mess with them, then go for it. they may be removed at any time, though. */
  3.     --lightness-600-660: 0%;
  4.     --lightness-700-760: 0%;
  5.     --lightness-800-860: 0%;
  6.     --lightness-900: 0%;
  7.     --primary-100: hsl(var(--primary-100-hsl)/1);
  8.     --primary-100-hsl: 0 calc(var(--saturation-factor, 1)*0%) 97.6%;
  9.     --primary-130: hsl(var(--primary-130-hsl)/1);
  10.     --primary-130-hsl: 220 calc(var(--saturation-factor, 1)*13%) 95.5%;
  11.     --primary-160: hsl(var(--primary-160-hsl)/1);
  12.     --primary-160-hsl: 210 calc(var(--saturation-factor, 1)*11.1%) 92.9%;
  13.     --primary-200: hsl(var(--primary-200-hsl)/1);
  14.     --primary-200-hsl: 216 calc(var(--saturation-factor, 1)*9.8%) 90%;
  15.     --primary-230: hsl(var(--primary-230-hsl)/1);
  16.     --primary-230-hsl: 210 calc(var(--saturation-factor, 1)*9.1%) 87.1%;
  17.     --primary-260: hsl(var(--primary-260-hsl)/1);
  18.     --primary-260-hsl: 214 calc(var(--saturation-factor, 1)*8.4%) 83.7%;
  19.     --primary-300: hsl(var(--primary-300-hsl)/1);
  20.     --primary-300-hsl: 210 calc(var(--saturation-factor, 1)*9.3%) 78.8%;
  21.     --primary-330: hsl(var(--primary-330-hsl)/1);
  22.     --primary-330-hsl: 215 calc(var(--saturation-factor, 1)*8.8%) 73.3%;
  23.     --primary-345: hsl(var(--primary-345-hsl)/1);
  24.     --primary-345-hsl: 214 calc(var(--saturation-factor, 1)*8.4%) 67.5%;
  25.     --primary-360: hsl(var(--primary-360-hsl)/1);
  26.     --primary-360-hsl: 214 calc(var(--saturation-factor, 1)*8.1%) 61.2%;
  27.     --primary-400: hsl(var(--primary-400-hsl)/1);
  28.     --primary-400-hsl: 223 calc(var(--saturation-factor, 1)*5.8%) 52.9%;
  29.     --primary-430: hsl(var(--primary-430-hsl)/1);
  30.     --primary-430-hsl: 229 calc(var(--saturation-factor, 1)*4.8%) 44.9%;
  31.     --primary-460: hsl(var(--primary-460-hsl)/1);
  32.     --primary-460-hsl: 228 calc(var(--saturation-factor, 1)*5.2%) 38%;
  33.     --primary-500: hsl(var(--primary-500-hsl)/1);
  34.     --primary-500-hsl: 228 calc(var(--saturation-factor, 1)*6%) 32.5%;
  35.     --primary-530: hsl(var(--primary-530-hsl)/1);
  36.     --primary-530-hsl: 227 calc(var(--saturation-factor, 1)*6.5%) 27.3%;
  37.     --primary-560: hsl(var(--primary-560-hsl)/1);
  38.     --primary-560-hsl: 225 calc(var(--saturation-factor, 1)*6.7%) 23.5%;
  39.     --primary-600: hsl(var(--primary-600-hsl)/1);
  40.     --primary-600-hsl: 223 calc(var(--saturation-factor, 1)*6.7%) calc(var(--lightness-600-660, 0) + 20.6%);
  41.     --primary-630: hsl(var(--primary-630-hsl)/1);
  42.     --primary-630-hsl: 220 calc(var(--saturation-factor, 1)*6.5%) calc(var(--lightness-600-660, 0) + 18%);
  43.     --primary-645: hsl(var(--primary-645-hsl)/1);
  44.     --primary-645-hsl: 220 calc(var(--saturation-factor, 1)*7%) calc(var(--lightness-600-660, 0) + 16.9%);
  45.     --primary-660: hsl(var(--primary-660-hsl)/1);
  46.     --primary-660-hsl: 228 calc(var(--saturation-factor, 1)*6.7%) calc(var(--lightness-600-660, 0) + 14.7%);
  47.     --primary-700: hsl(var(--primary-700-hsl)/1);
  48.     --primary-700-hsl: 225 calc(var(--saturation-factor, 1)*6.3%) calc(var(--lightness-700-760, 0) + 12.5%);
  49.     --primary-730: hsl(var(--primary-730-hsl)/1);
  50.     --primary-730-hsl: 225 calc(var(--saturation-factor, 1)*7.1%) calc(var(--lightness-700-760, 0) + 11%);
  51.     --primary-760: hsl(var(--primary-760-hsl)/1);
  52.     --primary-760-hsl: 220 calc(var(--saturation-factor, 1)*6.4%) calc(var(--lightness-700-760, 0) + 9.2%);
  53.     --primary-800: hsl(var(--primary-800-hsl)/1);
  54.     --primary-800-hsl: 220 calc(var(--saturation-factor, 1)*8.1%) calc(var(--lightness-800-860, 0) + 7.3%);
  55.     --primary-830: hsl(var(--primary-830-hsl)/1);
  56.     --primary-830-hsl: 240 calc(var(--saturation-factor, 1)*4%) calc(var(--lightness-800-860, 0) + 4.9%);
  57.     --primary-860: hsl(var(--primary-860-hsl)/1);
  58.     --primary-860-hsl: 240 calc(var(--saturation-factor, 1)*7.7%) calc(var(--lightness-800-860, 0) + 2.5%);
  59.     --primary-900: hsl(var(--primary-900-hsl)/1);
  60.     --primary-900-hsl: 0 calc(var(--saturation-factor, 1)*0%) calc(var(--lightness-900, 0) + 0.8%);
  61.   }
  62.  
  63.   .theme-dark {
  64.     --activity-card-background: var(--primary-830) !important;
  65.     --autocomplete-bg: var(--primary-860) !important;
  66.     --background-accent: var(--primary-760) !important;
  67.     --background-floating: var(--primary-830) !important;
  68.     --background-message-hover: hsl(var(--primary-530-hsl)/0.06) !important;
  69.     --background-mobile-primary: var(--black) !important;
  70.     --background-mobile-secondary: var(--primary-830) !important;
  71.     --background-modifier-accent: hsl(var(--primary-760-hsl)/0.48) !important;
  72.     --background-modifier-accent-2: hsl(var(--primary-760-hsl)/0.48) !important;
  73.     --background-modifier-active: hsl(var(--primary-760-hsl)/0.48) !important;
  74.     --background-modifier-hover: hsl(var(--primary-760-hsl)/0.4) !important;
  75.     --background-modifier-selected: hsl(var(--primary-760-hsl)/0.6) !important;
  76.     --background-nested-floating: var(--primary-830) !important;
  77.     --background-primary: var(--black) !important;
  78.     --background-secondary: var(--primary-830) !important;
  79.     --background-secondary-alt: var(--primary-800) !important;
  80.     --background-tertiary: var(--primary-860) !important;
  81.     --bg-base-primary: var(--black) !important;
  82.     --bg-base-secondary: var(--primary-830) !important;
  83.     --bg-base-tertiary: var(--primary-860) !important;
  84.     --bg-mod-faint: var(--black) !important;
  85.     --bg-mod-strong: hsl(var(--primary-760-hsl)/0.54) !important;
  86.     --bg-mod-subtle: hsl(var(--primary-760-hsl)/0.48) !important;
  87.     --bg-surface-overlay: var(--primary-830) !important;
  88.     --bg-surface-raised: var(--black) !important;
  89.     --button-outline-primary-background: var(--primary-700) !important;
  90.     --button-outline-primary-background-active: var(--primary-600) !important;
  91.     --button-outline-primary-background-hover: var(--primary-630) !important;
  92.     --button-outline-primary-border: var(--primary-700) !important;
  93.     --button-outline-primary-border-active: var(--primary-600) !important;
  94.     --button-outline-primary-border-hover: var(--primary-630) !important;
  95.     --button-secondary-background: var(--primary-700) !important;
  96.     --button-secondary-background-active: var(--primary-600) !important;
  97.     --button-secondary-background-disabled: var(--primary-700) !important;
  98.     --button-secondary-background-hover: var(--primary-630) !important;
  99.     --card-primary-bg: var(--primary-800) !important;
  100.     --card-primary-pressed-bg: var(--primary-860) !important;
  101.     --card-secondary-bg: var(--primary-830) !important;
  102.     --card-secondary-pressed-bg: var(--primary-860) !important;
  103.     --channel-icon: var(--plum-10) !important;
  104.     --channel-text-area-placeholder: var(--plum-11) !important;
  105.     --channels-default: var(--plum-9) !important;
  106.     --channeltextarea-background: var(--primary-830) !important;
  107.     --chat-background: var(--black) !important;
  108.     --chat-border: var(--primary-700) !important;
  109.     --deprecated-store-bg: var(--black) !important;
  110.     --deprecated-text-input-bg: var(--primary-800) !important;
  111.     --deprecated-text-input-border-disabled: var(--primary-800) !important;
  112.     --embed-title: var(--plum-2) !important;
  113.     --header-muted: var(--plum-10) !important;
  114.     --header-primary: var(--plum-2) !important;
  115.     --header-secondary: var(--plum-8) !important;
  116.     --home-background: var(--black) !important;
  117.     --input-background: var(--primary-800) !important;
  118.     --input-focused-border: hsl(var(--white-hsl)/0.03) !important;
  119.     --input-placeholder-text: var(--plum-9) !important;
  120.     --live-stage-tile-border: hsl(var(--primary-860-hsl)/0.6) !important;
  121.     --modal-background: var(--primary-860) !important;
  122.     --modal-footer-background: var(--primary-900) !important;
  123.     --scrollbar-auto-scrollbar-color-thumb: var(--primary-800) !important;
  124.     --scrollbar-auto-scrollbar-color-track: var(--primary-860) !important;
  125.     --scrollbar-auto-thumb: var(--primary-800) !important;
  126.     --scrollbar-auto-track: var(--primary-860) !important;
  127.     --scrollbar-thin-thumb: var(--primary-800) !important;
  128.     --scrollbar-thin-track: hsl(var(--black-hsl)/0) !important;
  129.     --text-low-contrast: var(--plum-12) !important;
  130.     --text-message-preview-low-sat: var(--plum-9) !important;
  131.     --text-muted: var(--plum-10) !important;
  132.     --text-normal: var(--plum-4) !important;
  133.     --text-primary: var(--plum-4) !important;
  134.     --text-secondary: var(--plum-8) !important;
  135.     --textbox-markdown-syntax: var(--plum-9) !important;
  136.     --elevation-stroke: 0 0 0 1px hsl(var(--primary-600-hsl)/0.15) !important;
  137.     --elevation-low: 0 1px 0 hsl(var(--primary-630-hsl)/0.2),0 1.5px 0 hsl(var(--primary-600-hsl)/0.05),0 2px 0 hsl(var(--primary-630-hsl)/0.05) !important;
  138.     --elevation-medium: 0 4px 4px hsl(var(--black-500-hsl)/0.16) !important;
  139.     --elevation-high: 0 8px 16px hsl(var(--black-500-hsl)/0.24) !important;
  140.     --search-popout-option-fade: linear-gradient(90deg,hsl(var(--primary-830-hsl)/0),hsl(var(--primary-830-hsl)/1) 80%) !important;
  141.     --search-popout-option-fade-hover: linear-gradient(90deg,hsl(var(--primary-800-hsl)/0),var(--primary-800) 50%) !important;
  142.   }
  143.  
  144.   .theme-dark:not(.custom-profile-theme) {
  145.     --profile-gradient-primary-color: var(--background-floating) !important;
  146.     --profile-gradient-secondary-color: var(--background-floating) !important;
  147.     --profile-gradient-overlay-color: transparent !important;
  148.     --profile-gradient-button-color: var(--button-secondary-background) !important;
  149.     --profile-avatar-border-color: var(--background-floating) !important;
  150.     --profile-body-background-color: var(--background-primary) !important;
  151.     --profile-body-background-hover: var(--background-modifier-hover) !important;
  152.     --profile-body-divider-color: var(--background-modifier-accent) !important;
  153.     --profile-body-border-color: var(--border-faint) !important;
  154.     --profile-message-input-border-color: var(--background-modifier-accent) !important;
  155.     --profile-note-background-color: var(--background-tertiary) !important;
  156.     --profile-role-pill-background-color: var(--background-floating) !important;
  157.     --profile-role-pill-border-color: var(--interactive-normal) !important;
  158.   }
  159.  
  160.   @supports (color: color-mix(in lch, red, blue)) and (top: var(--f)) {
  161.     .theme-dark {
  162.       --activity-card-background: color-mix(
  163.           in oklab,
  164.           var(--primary-830) 100%,
  165.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  166.       ) !important;
  167.       --autocomplete-bg: color-mix(
  168.           in oklab,
  169.           var(--primary-860) 100%,
  170.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  171.       ) !important;
  172.       --background-accent: color-mix(
  173.           in oklab,
  174.           var(--primary-760) 100%,
  175.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  176.       ) !important;
  177.       --background-floating: color-mix(
  178.           in oklab,
  179.           var(--primary-830) 100%,
  180.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  181.       ) !important;
  182.       --background-message-hover: color-mix(
  183.           in oklab,
  184.           hsl(var(--primary-530-hsl) / 0.06) 100%,
  185.           hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.06) var(--theme-base-color-amount, 0%)
  186.       ) !important;
  187.       --background-mobile-primary: color-mix(
  188.           in oklab,
  189.           var(--black) 100%,
  190.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  191.       ) !important;
  192.       --background-mobile-secondary: color-mix(
  193.           in oklab,
  194.           var(--primary-830) 100%,
  195.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  196.       ) !important;
  197.       --background-modifier-accent: color-mix(
  198.           in oklab,
  199.           hsl(var(--primary-760-hsl) / 0.48) 100%,
  200.           hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.48) var(--theme-base-color-amount, 0%)
  201.       ) !important;
  202.       --background-modifier-accent-2: color-mix(
  203.           in oklab,
  204.           hsl(var(--primary-760-hsl) / 0.48) 100%,
  205.           hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.48) var(--theme-base-color-amount, 0%)
  206.       ) !important;
  207.       --background-modifier-active: color-mix(
  208.           in oklab,
  209.           hsl(var(--primary-760-hsl) / 0.48) 100%,
  210.           hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.48) var(--theme-base-color-amount, 0%)
  211.       ) !important;
  212.       --background-modifier-hover: color-mix(
  213.           in oklab,
  214.           hsl(var(--primary-760-hsl) / 0.4) 100%,
  215.           hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.4) var(--theme-base-color-amount, 0%)
  216.       ) !important;
  217.       --background-modifier-selected: color-mix(
  218.           in oklab,
  219.           hsl(var(--primary-760-hsl) / 0.6) 100%,
  220.           hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.6) var(--theme-base-color-amount, 0%)
  221.       ) !important;
  222.       --background-nested-floating: color-mix(
  223.           in oklab,
  224.           var(--primary-830) 100%,
  225.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  226.       ) !important;
  227.       --background-primary: color-mix(
  228.           in oklab,
  229.           var(--black) 100%,
  230.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  231.       ) !important;
  232.       --background-secondary: color-mix(
  233.           in oklab,
  234.           var(--primary-830) 100%,
  235.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  236.       ) !important;
  237.       --background-secondary-alt: color-mix(
  238.           in oklab,
  239.           var(--primary-800) 100%,
  240.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  241.       ) !important;
  242.       --background-tertiary: color-mix(
  243.           in oklab,
  244.           var(--primary-860) 100%,
  245.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  246.       ) !important;
  247.       --bg-base-primary: color-mix(
  248.           in oklab,
  249.           var(--black) 100%,
  250.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  251.       ) !important;
  252.       --bg-base-secondary: color-mix(
  253.           in oklab,
  254.           var(--primary-830) 100%,
  255.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  256.       ) !important;
  257.       --bg-base-tertiary: color-mix(
  258.           in oklab,
  259.           var(--primary-860) 100%,
  260.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  261.       ) !important;
  262.       --bg-mod-faint: color-mix(
  263.           in oklab,
  264.           var(--black) 100%,
  265.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  266.       ) !important;
  267.       --bg-mod-strong: color-mix(
  268.           in oklab,
  269.           hsl(var(--primary-760-hsl) / 0.54) 100%,
  270.           hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.54) var(--theme-base-color-amount, 0%)
  271.       ) !important;
  272.       --bg-mod-subtle: color-mix(
  273.           in oklab,
  274.           hsl(var(--primary-760-hsl) / 0.48) 100%,
  275.           hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.48) var(--theme-base-color-amount, 0%)
  276.       ) !important;
  277.       --bg-surface-overlay: color-mix(
  278.           in oklab,
  279.           var(--primary-830) 100%,
  280.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  281.       ) !important;
  282.       --bg-surface-raised: color-mix(
  283.           in oklab,
  284.           var(--black) 100%,
  285.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  286.       ) !important;
  287.       --card-primary-bg: color-mix(
  288.           in oklab,
  289.           var(--primary-800) 100%,
  290.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  291.       ) !important;
  292.       --card-primary-pressed-bg: color-mix(
  293.           in oklab,
  294.           var(--primary-860) 100%,
  295.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  296.       ) !important;
  297.       --card-secondary-bg: color-mix(
  298.           in oklab,
  299.           var(--primary-830) 100%,
  300.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  301.       ) !important;
  302.       --card-secondary-pressed-bg: color-mix(
  303.           in oklab,
  304.           var(--primary-860) 100%,
  305.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  306.       ) !important;
  307.       --channel-text-area-placeholder: color-mix(
  308.           in oklab,
  309.           var(--plum-11) 100%,
  310.           var(--theme-text-color, black) var(--theme-text-color-amount, 0%)
  311.       ) !important;
  312.       --channel-icon: color-mix(
  313.           in oklab,
  314.           var(--plum-10) 100%,
  315.           var(--theme-text-color, black) var(--theme-text-color-amount, 0%)
  316.       ) !important;
  317.       --channel-text-area-placeholder: color-mix(
  318.           in oklab,
  319.           var(--plum-11) 100%,
  320.           var(--theme-text-color, black) var(--theme-text-color-amount, 0%)
  321.       ) !important;
  322.       --channels-default: color-mix(
  323.           in oklab,
  324.           var(--plum-9) 100%,
  325.           var(--theme-text-color, black) var(--theme-text-color-amount, 0%)
  326.       ) !important;
  327.       --channeltextarea-background: color-mix(
  328.           in oklab,
  329.           var(--primary-830) 100%,
  330.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  331.       ) !important;
  332.       --chat-background: color-mix(
  333.           in oklab,
  334.           var(--black) 100%,
  335.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  336.       ) !important;
  337.       --chat-border: color-mix(
  338.           in oklab,
  339.           var(--primary-700) 100%,
  340.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  341.       ) !important;
  342.       --deprecated-store-bg: color-mix(
  343.           in oklab,
  344.           var(--black) 100%,
  345.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  346.       ) !important;
  347.       --deprecated-text-input-bg: color-mix(
  348.           in oklab,
  349.           var(--primary-800) 100%,
  350.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  351.       ) !important;
  352.       --deprecated-text-input-border-disabled: color-mix(
  353.           in oklab,
  354.           var(--primary-800) 100%,
  355.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  356.       ) !important;
  357.       --embed-title: color-mix(
  358.           in oklab,
  359.           var(--plum-2) 100%,
  360.           var(--theme-text-color, black) var(--theme-text-color-amount, 0%)
  361.       ) !important;
  362.       --header-muted: color-mix(
  363.           in oklab,
  364.           var(--plum-10) 100%,
  365.           var(--theme-text-color, black) var(--theme-text-color-amount, 0%)
  366.       ) !important;
  367.       --header-primary: color-mix(
  368.           in oklab,
  369.           var(--plum-2) 100%,
  370.           var(--theme-text-color, black) var(--theme-text-color-amount, 0%)
  371.       ) !important;
  372.       --header-secondary: color-mix(
  373.           in oklab,
  374.           var(--plum-8) 100%,
  375.           var(--theme-text-color, black) var(--theme-text-color-amount, 0%)
  376.       ) !important;
  377.       --home-background: color-mix(
  378.           in oklab,
  379.           var(--black) 100%,
  380.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  381.       ) !important;
  382.       --input-background: color-mix(
  383.           in oklab,
  384.           var(--primary-800) 100%,
  385.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  386.       ) !important;
  387.       --input-focused-border: color-mix(
  388.           in oklab,
  389.           hsl(var(--white-hsl) / 0.03) 100%,
  390.           hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.03) var(--theme-base-color-amount, 0%)
  391.       ) !important;
  392.       --input-placeholder-text: color-mix(
  393.           in oklab,
  394.           var(--plum-9) 100%,
  395.           var(--theme-text-color, black) var(--theme-text-color-amount, 0%)
  396.       ) !important;
  397.       --live-stage-tile-border: color-mix(
  398.           in oklab,
  399.           hsl(var(--primary-860-hsl) / 0.6) 100%,
  400.           hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.6) var(--theme-base-color-amount, 0%)
  401.       ) !important;
  402.       --modal-background: color-mix(
  403.           in oklab,
  404.           var(--primary-860) 100%,
  405.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  406.       ) !important;
  407.       --modal-footer-background: color-mix(
  408.           in oklab,
  409.           var(--primary-900) 100%,
  410.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  411.       ) !important;
  412.       --scrollbar-auto-scrollbar-color-thumb: color-mix(
  413.           in oklab,
  414.           var(--primary-800) 100%,
  415.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  416.       ) !important;
  417.       --scrollbar-auto-scrollbar-color-track: color-mix(
  418.           in oklab,
  419.           var(--primary-860) 100%,
  420.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  421.       ) !important;
  422.       --scrollbar-auto-thumb: color-mix(
  423.           in oklab,
  424.           var(--primary-800) 100%,
  425.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  426.       ) !important;
  427.       --scrollbar-auto-track: color-mix(
  428.           in oklab,
  429.           var(--primary-860) 100%,
  430.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  431.       ) !important;
  432.       --scrollbar-thin-thumb: color-mix(
  433.           in oklab,
  434.           var(--primary-800) 100%,
  435.           var(--theme-base-color, black) var(--theme-base-color-amount, 0%)
  436.       ) !important;
  437.       --scrollbar-thin-track: color-mix(
  438.           in oklab,
  439.           hsl(var(--black-hsl) / 0) 100%,
  440.           hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0) var(--theme-base-color-amount, 0%)
  441.       ) !important;
  442.       --text-low-contrast: color-mix(
  443.           in oklab,
  444.           var(--plum-12) 100%,
  445.           var(--theme-text-color, black) var(--theme-text-color-amount, 0%)
  446.       ) !important;
  447.       --text-message-preview-low-sat: color-mix(
  448.           in oklab,
  449.           var(--plum-9) 100%,
  450.           var(--theme-text-color, black) var(--theme-text-color-amount, 0%)
  451.       ) !important;
  452.       --text-muted: color-mix(
  453.           in oklab,
  454.           var(--plum-10) 100%,
  455.           var(--theme-text-color, black) var(--theme-text-color-amount, 0%)
  456.       ) !important;
  457.       --text-normal: color-mix(
  458.           in oklab,
  459.           var(--plum-4) 100%,
  460.           var(--theme-text-color, black) var(--theme-text-color-amount, 0%)
  461.       ) !important;
  462.       --text-primary: color-mix(
  463.           in oklab,
  464.           var(--plum-4) 100%,
  465.           var(--theme-text-color, black) var(--theme-text-color-amount, 0%)
  466.       ) !important;
  467.       --text-secondary: color-mix(
  468.           in oklab,
  469.           var(--plum-8) 100%,
  470.           var(--theme-text-color, black) var(--theme-text-color-amount, 0%)
  471.       ) !important;
  472.       --textbox-markdown-syntax: color-mix(
  473.           in oklab,
  474.           var(--plum-9) 100%,
  475.           var(--theme-text-color, black) var(--theme-text-color-amount, 0%)
  476.       ) !important;
  477.     }
  478.   }
  479.   :is(.theme-dark, .theme-midnight) #app-mount .container_e40c16 {
  480.     background-color: var(--background-primary);
  481.   }
  482.  
  483.   :is(.theme-dark, .theme-midnight) #app-mount .container_fc4f04 [class*=searchBar] {
  484.     background-color: var(--background-secondary);
  485.   }
  486.   :is(.theme-dark, .theme-midnight) #app-mount .container_fc4f04 [class*=searchBar] .searchAnswer_b0fa94,
  487.   :is(.theme-dark, .theme-midnight) #app-mount .container_fc4f04 [class*=searchBar] .searchFilter_b0fa94 {
  488.     background-color: var(--background-primary);
  489.   }
  490.  
  491.   :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .form_a7d72e .optionPill_d4df8b, .container_d1c246 .form_a7d72e .optionPill_d4df8b {
  492.     background-color: var(--primary-730);
  493.   }
  494.   :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .form_a7d72e .channelAttachmentArea_e8c527 .upload_df1eaf, .container_d1c246 .form_a7d72e .channelAttachmentArea_e8c527 .upload_df1eaf {
  495.     background-color: var(--background-primary);
  496.   }
  497.  
  498.   :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .wrapper_f7e168, .container_d1c246 .wrapper_f7e168 {
  499.     background-color: var(--background-tertiary);
  500.   }
  501.  
  502.   :is(.theme-dark, .theme-midnight) #app-mount .container_a6d69a .mainCard_a6d69a:not(.container_a57509:is(.isOpen_a57509, :hover, :active),
  503.   .container_d331f1:is(.isOpen_d331f1, :active)),
  504.   :is(.theme-dark, .theme-midnight) #app-mount .container_a6d69a .container_a03b48,
  505.   :is(.theme-dark, .theme-midnight) #app-mount .container_a6d69a .container_ddbb27,
  506.   :is(.theme-dark, .theme-midnight) #app-mount .container_a6d69a .container_a039eb {
  507.     background-color: var(--background-tertiary);
  508.   }
  509.   :is(.theme-dark, .theme-midnight) #app-mount .container_a6d69a .matchingPostsRow_a6d69a {
  510.     background-color: var(--background-secondary);
  511.   }
  512.   :is(.theme-dark, .theme-midnight) #app-mount .container_a6d69a .loadingCard_a6d69a {
  513.     background-color: var(--background-tertiary);
  514.   }
  515.   :is(.theme-dark, .theme-midnight) #app-mount .container_a6d69a .sortDropdown_a6d69a, :is(.theme-dark, .theme-midnight) #app-mount .container_a6d69a .tag_a6d69a:not(.selected_c993da), :is(.theme-dark, .theme-midnight) #app-mount .container_a6d69a .tagsButton_a6d69a {
  516.     background-color: var(--background-secondary);
  517.   }
  518.   :is(.theme-dark, .theme-midnight) #app-mount .container_a6d69a .pill_c993da.clickable_c993da:not(.disabled_c993da):hover {
  519.     background-color: var(--background-secondary);
  520.   }
  521.   :is(.theme-dark, .theme-midnight) #app-mount .container_a6d69a .textContentFooter_a57509 {
  522.     background: linear-gradient(to top, hsl(var(--black-hsl)/1), hsl(var(--black-hsl)/0.97) 36px, hsl(var(--black-hsl)/0.4));
  523.   }
  524.   :is(.theme-dark, .theme-midnight) #app-mount .container_a6d69a .textContentFooter_a57509.noTags_a57509 {
  525.     background: linear-gradient(to top, hsl(var(--black-hsl)/1), hsl(var(--black-hsl)/0));
  526.   }
  527.  
  528.   :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .headerContent_d33b18 .searchBox_d33b18 {
  529.     background-color: var(--input-background);
  530.   }
  531.   :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .headerContent_d33b18 .searchBox_d33b18 .searchBoxInput_d33b18 {
  532.     color: var(--primary-260);
  533.   }
  534.   :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .headerContent_d33b18 .searchBox_d33b18 .searchBoxInput_d33b18::placeholder {
  535.     color: hsl(var(--white-500-hsl)/0.3);
  536.   }
  537.   :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .headerContent_d33b18 .searchBox_d33b18 .searchIcon_d33b18 {
  538.     color: hsl(var(--white-500-hsl)/0.3);
  539.   }
  540.   :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .headerContent_d33b18 .searchBox_d33b18 .closeIcon_d33b18 {
  541.     color: var(--interactive-normal);
  542.   }
  543.   :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .headerContent_d33b18 .searchBox_d33b18 .closeIcon_d33b18:hover {
  544.     color: var(--interactive-hover);
  545.   }
  546.   :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .headerContent_d33b18 .searchBox_d33b18 .closeIcon_d33b18:focus {
  547.     color: var(--interactive-active);
  548.   }
  549.  
  550.   :is(.theme-dark, .theme-midnight) #app-mount .tile_ab47a1 {
  551.     background-color: var(--background-secondary);
  552.   }
  553.   :is(.theme-dark, .theme-midnight) #app-mount .tile_ab47a1:hover {
  554.     background-color: var(--background-modifier-hover);
  555.   }
  556.   :is(.theme-dark, .theme-midnight) #app-mount .tile_ab47a1 .invalidPoop_ff31dd {
  557.     background-color: hsl(var(--primary-700-hsl)/0.3);
  558.   }
  559.   :is(.theme-dark, .theme-midnight) #app-mount .invite_f61cb8 {
  560.     border-color: hsl(var(--primary-800-hsl)/0.9);
  561.     background-color: hsl(var(--primary-830-hsl)/0.6);
  562.   }
  563.   :is(.theme-dark, .theme-midnight) #app-mount .container_a1531c .answer_cf2c85:hover .answerInner_cf2c85.currentlyVoting_cf2c85:not(.selected_cf2c85) {
  564.     outline-color: var(--background-secondary-alt);
  565.   }
  566.   :is(.theme-dark, .theme-midnight) #app-mount .container_a1531c .votePercentageBar_cf2c85 {
  567.     background-color: var(--background-secondary-alt);
  568.   }
  569.  
  570.   :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .prompt_c6b11b {
  571.     background-color: var(--background-tertiary);
  572.   }
  573.   :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .prompt_c6b11b .selected_bd5e1f {
  574.     background-color: var(--background-modifier-active);
  575.   }
  576.   :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .profileCard_c6b11b {
  577.     background-color: var(--background-tertiary);
  578.   }
  579.   :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .channelRow_f04d06 {
  580.     background-color: var(--background-tertiary);
  581.   }
  582.   :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .channelRow_f04d06:not(.disabled_f04d06):hover {
  583.     background-color: var(--background-modifier-hover);
  584.   }
  585.  
  586.   :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .wrapper_d880dc.minimum_d880dc {
  587.     background-color: var(--background-primary);
  588.   }
  589.   :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .iconBackground_e5ee5b {
  590.     background-color: var(--background-secondary-alt);
  591.   }
  592.   :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .container_dc3fc4:hover {
  593.     background-color: var(--background-modifier-hover);
  594.   }
  595.   :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .videoWrapper_ba4b17, :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .streamHidden_e145d9, :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .streamPreview_ba4b17 {
  596.     background-color: var(--background-secondary);
  597.   }
  598.   :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .cta_cdef0d {
  599.     background-color: var(--button-secondary-background);
  600.   }
  601.   :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .cta_cdef0d:hover {
  602.     background-color: var(--button-secondary-background-hover);
  603.   }
  604.   :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .participantsButton_b83b18, :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .buttonColor_d4af21 {
  605.     background-color: var(--background-secondary-alt);
  606.   }
  607.   :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .participantsButton_b83b18:hover, :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .buttonColor_d4af21:hover {
  608.     background-color: var(--background-secondary);
  609.   }
  610.   :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .colorable_ef18ee.primaryDark_ef18ee, :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .primaryButtonColor_e12b21 {
  611.     background-color: var(--background-secondary-alt);
  612.   }
  613.   :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .colorable_ef18ee.primaryDark_ef18ee.active_ef18ee, :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .colorable_ef18ee.primaryDark_ef18ee.active_e12b21, :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .colorable_ef18ee.primaryDark_ef18ee:hover, :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .primaryButtonColor_e12b21.active_ef18ee, :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .primaryButtonColor_e12b21.active_e12b21, :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .primaryButtonColor_e12b21:hover {
  614.     background-color: var(--background-modifier-hover);
  615.   }
  616.   :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .raisedHandButtonIconActive_e12b21 {
  617.     color: var(--background-secondary);
  618.   }
  619.  
  620.   :is(.theme-dark, .theme-midnight) .folder_bc7085.hover_bc7085 {
  621.     background-color: var(--background-secondary-alt);
  622.   }
  623.  
  624.   :is(.theme-dark, .theme-midnight) #app-mount .wrapper_f90abb:not(.selected_f90abb) .childWrapperNoHoverBg_f90abb,
  625.   :is(.theme-dark, .theme-midnight) #app-mount .circleIconButton_db6521:not(.selected_db6521) {
  626.     background-color: var(--background-secondary-alt);
  627.   }
  628.  
  629.   :is(.theme-dark, .theme-midnight) #app-mount .button_adcaac.buttonColor_adcaac:not(.buttonActive_adcaac),
  630.   :is(.theme-dark, .theme-midnight) #app-mount .button_adcaac .buttonColor_adcaac:not(.buttonActive_adcaac) {
  631.     background-color: var(--button-secondary-background);
  632.   }
  633.   :is(.theme-dark, .theme-midnight) #app-mount .button_adcaac.buttonColor_adcaac:not(.buttonActive_adcaac):hover,
  634.   :is(.theme-dark, .theme-midnight) #app-mount .button_adcaac .buttonColor_adcaac:not(.buttonActive_adcaac):hover {
  635.     background-color: var(--button-secondary-background-hover);
  636.   }
  637.   :is(.theme-dark, .theme-midnight) #app-mount .button_adcaac.buttonColor_adcaac:not(.buttonActive_adcaac):active,
  638.   :is(.theme-dark, .theme-midnight) #app-mount .button_adcaac .buttonColor_adcaac:not(.buttonActive_adcaac):active {
  639.     background-color: var(--button-secondary-background-active);
  640.   }
  641.   :is(.theme-dark, .theme-midnight) #app-mount .default_a467ac {
  642.     background-color: var(--background-primary);
  643.   }
  644.  
  645.   :is(.theme-dark, .theme-midnight) #app-mount .key_c90023:not(.keyComboInner_f51af4, .keyComboInner_c11c02) {
  646.     box-shadow: inset 0 -4px 0 var(--primary-760);
  647.     background-color: var(--primary-660);
  648.   }
  649.  
  650.   :is(.theme-dark, .theme-midnight) #app-mount .bar_c7a159:not(.microphone_b6e3f3) {
  651.     background-color: var(--background-accent);
  652.   }
  653.   :is(.theme-dark, .theme-midnight) #app-mount .markDash_c7a159 {
  654.     background: var(--background-accent);
  655.   }
  656.  
  657.   :is(.theme-dark, .theme-midnight) .container_cbd271 {
  658.     background-color: var(--background-primary);
  659.   }
  660.   :is(.theme-dark, .theme-midnight) .container_cbd271 .container_c64476:not(.selected_c64476) {
  661.     background-color: var(--background-tertiary);
  662.   }
  663.  
  664.   :is(.theme-dark, .theme-midnight) #app-mount .member_cbd271, :is(.theme-dark, .theme-midnight) #app-mount .members_cbd271 {
  665.     background-color: var(--background-primary);
  666.   }
  667.  
  668.   :is(.theme-dark, .theme-midnight) #app-mount .root_f9a4c9 .contentWrapper_ed5743 {
  669.     background: var(--modal-background);
  670.   }
  671.  
  672.   :is(.theme-dark, .theme-midnight) #app-mount .root_f9a4c9 .authBox_b83a05 {
  673.     background-color: transparent;
  674.   }
  675.   :is(.theme-dark, .theme-midnight) #app-mount .root_f9a4c9 .navRow_be9398 {
  676.     background-color: var(--modal-footer-background);
  677.   }
  678.  
  679.   :is(.theme-dark, .theme-midnight) #app-mount .container_f24a96 {
  680.     background-color: var(--modal-background);
  681.   }
  682.   :is(.theme-dark, .theme-midnight) #app-mount .container_f24a96 .footer_f24a96 {
  683.     background-color: var(--modal-footer-background);
  684.   }
  685.  
  686.   :is(.theme-dark, .theme-midnight) #app-mount .root_f9a4c9 .footerSeparator_f9a4c9 {
  687.     box-shadow: inset 0 1px 0 var(--modal-footer-background);
  688.   }
  689.  
  690.   :is(.theme-dark, .theme-midnight) #app-mount .root_f9a4c9 .container_c18ec9 {
  691.     background-color: var(--input-background);
  692.   }
  693.   :is(.theme-dark, .theme-midnight) #app-mount .root_f9a4c9 .footer_cedfaf {
  694.     background-color: var(--modal-footer-background);
  695.   }
  696.  
  697.   :is(.theme-dark, .theme-midnight) #app-mount .root_f9a4c9 .keyboardShortcutsModal_ad95dc {
  698.     background-color: var(--modal-background);
  699.   }
  700.  
  701.   :is(.theme-dark, .theme-midnight) #app-mount .modal_b8f561 .verifiedRoleHasRole_b8f561 {
  702.     background-color: var(--background-secondary);
  703.     border-color: var(--background-secondary);
  704.   }
  705.  
  706.   :is(.theme-dark, .theme-midnight) #app-mount .uploadModal_f82cc7 .footer_f82cc7 {
  707.     background-color: var(--modal-footer-background);
  708.   }
  709.  
  710.   :is(.theme-dark, .theme-midnight) #app-mount .root_f9a4c9 .header_da6bd8 {
  711.     background-color: var(--modal-background);
  712.   }
  713.  
  714.   :is(.theme-dark, .theme-midnight) #app-mount .promptContent_cd377c .optionButtonWrapper_bd5e1f.selected_bd5e1f {
  715.     background-color: var(--background-secondary);
  716.   }
  717.   :is(.theme-dark, .theme-midnight) #app-mount .promptContent_cd377c .overlay_cd377c {
  718.     background: linear-gradient(to top, hsl(var(--primary-860-hsl)), hsl(var(--primary-860-hsl)/0)) !important;
  719.   }
  720.  
  721.   :is(.theme-dark, .theme-midnight) #app-mount .voters_cbdbf0 {
  722.     background-color: var(--modal-background);
  723.   }
  724.  
  725.   :is(.theme-dark, .theme-midnight) #app-mount .modal_b3373b .body_b3373b {
  726.     background-color: var(--modal-background);
  727.   }
  728.   :is(.theme-dark, .theme-midnight) #app-mount .modal_b3373b .container_f8759f, :is(.theme-dark, .theme-midnight) #app-mount .modal_b3373b .roleTag_b463ca {
  729.     background-color: var(--background-primary);
  730.   }
  731.  
  732.   :is(.theme-dark, .theme-midnight) #app-mount .root_f9a4c9 .previewDark_ac5e75 {
  733.     background-color: var(--background-primary);
  734.   }
  735.  
  736.   :is(.theme-dark, .theme-midnight) #app-mount .tips_ca0caf {
  737.     background-color: var(--background-primary);
  738.   }
  739.  
  740.   :is(.theme-dark, .platform-overlay) .overlayActive_e17343, :is(.theme-dark, .platform-overlay) .invalidContainer_e17343 {
  741.     background-color: hsl(var(--primary-900-hsl)/0.8);
  742.   }
  743.   :is(.theme-dark, .platform-overlay) .inactiveContainer_e17343 {
  744.     background-color: var(--background-primary);
  745.   }
  746.   :is(.theme-dark, .platform-overlay) .previewingInGameHeader_e17343 {
  747.     background-color: hsl(var(--primary-900-hsl)/0.9);
  748.   }
  749.  
  750.   :is(.theme-dark, .platform-overlay) .widget_cbf964.default_cbf964 {
  751.     background-color: var(--background-primary);
  752.   }
  753.   :is(.theme-dark, .platform-overlay) .widget_cbf964.unpinned_cbf964 {
  754.     background-color: var(--background-tertiary);
  755.   }
  756.   :is(.theme-dark, .platform-overlay) .bar_cbf964 {
  757.     background-color: hsl(var(--primary-900-hsl)/0.85);
  758.   }
  759.   :is(.theme-dark, .platform-overlay) .bar_cbf964.default_cbf964, :is(.theme-dark, .platform-overlay) .bar_cbf964.unpinned_cbf964 {
  760.     background-color: var(--background-primary);
  761.   }
  762.   :is(.theme-dark, .platform-overlay) .body_cbf964.default_cbf964, :is(.theme-dark, .platform-overlay) .body_cbf964.unpinned_cbf964 {
  763.     background-color: var(--background-primary);
  764.   }
  765.   :is(.theme-dark, .platform-overlay) .body_cbf964.pinned_cbf964 {
  766.     background-color: hsl(var(--primary-900-hsl)/0.75);
  767.   }
  768.  
  769.   :is(.theme-dark, .platform-overlay) .contained_ac9afa {
  770.     background-color: var(--background-primary);
  771.   }
  772.   :is(.theme-dark, .platform-overlay) :is(.contained_ac9afa, .pinned_ac9afa:not(:has(.locked_ac9afa))) .headerDefault_ac9afa[style*="rgb(54, 57, 63)"], :is(.theme-dark, .platform-overlay) :is(.contained_ac9afa, .pinned_ac9afa:not(:has(.locked_ac9afa))) .messagesContainer_ac9afa[style*="rgb(54, 57, 63)"], :is(.theme-dark, .platform-overlay) :is(.contained_ac9afa, .pinned_ac9afa:not(:has(.locked_ac9afa))) .footerContent_ac9afa[style*="rgb(54, 57, 63)"] {
  773.     background-color: var(--background-primary) !important;
  774.   }
  775.   :is(.theme-dark, .platform-overlay) :is(.contained_ac9afa, .pinned_ac9afa:not(:has(.locked_ac9afa))) .headerDefault_ac9afa[style*="rgb(54, 57, 63, 0.75)"], :is(.theme-dark, .platform-overlay) :is(.contained_ac9afa, .pinned_ac9afa:not(:has(.locked_ac9afa))) .messagesContainer_ac9afa[style*="rgb(54, 57, 63, 0.75)"], :is(.theme-dark, .platform-overlay) :is(.contained_ac9afa, .pinned_ac9afa:not(:has(.locked_ac9afa))) .footerContent_ac9afa[style*="rgb(54, 57, 63, 0.75)"] {
  776.     background-color: hsl(var(--black-hsl)/0.75) !important;
  777.   }
  778.   :is(.theme-dark, .platform-overlay) :is(.contained_ac9afa, .pinned_ac9afa:not(:has(.locked_ac9afa))) .headerDefault_ac9afa[style*="rgb(54, 57, 63, 0.25)"], :is(.theme-dark, .platform-overlay) :is(.contained_ac9afa, .pinned_ac9afa:not(:has(.locked_ac9afa))) .messagesContainer_ac9afa[style*="rgb(54, 57, 63, 0.25)"], :is(.theme-dark, .platform-overlay) :is(.contained_ac9afa, .pinned_ac9afa:not(:has(.locked_ac9afa))) .footerContent_ac9afa[style*="rgb(54, 57, 63, 0.25)"] {
  779.     background-color: var(var(--black-hsl)/0.25) !important;
  780.   }
  781.   :is(.theme-dark, .platform-overlay) .opacityHeader_c6d3b6 {
  782.     background-color: var(--background-primary);
  783.   }
  784.   :is(.theme-dark, .platform-overlay) .background-opacity-high .scrollableContainer_d0696b {
  785.     background-color: var(--channeltextarea-background);
  786.   }
  787.  
  788.   :is(.theme-dark, .platform-overlay) .themePrimary_f6b647.container_f6b647 {
  789.     background-color: hsl(var(--primary-900-hsl)/0.95);
  790.   }
  791.   :is(.theme-dark, .platform-overlay) .themePrimary_f6b647.container_f6b647.clickable_f6b647:hover {
  792.     background-color: var(--background-secondary);
  793.   }
  794.   :is(.theme-dark, .platform-overlay) .themePrimary_f6b647 .divider_f6b647 {
  795.     background-color: var(--background-secondary-alt);
  796.   }
  797.   :is(.theme-dark, .platform-overlay) .themePrimary_f6b647 .dismissButton_f6b647 {
  798.     box-shadow: none;
  799.     background-color: var(--background-secondary);
  800.   }
  801.  
  802.   :is(.theme-dark, .platform-overlay) .option_b877fa:not(.selected_b877fa, :hover) {
  803.     background-color: var(--primary-600);
  804.   }
  805.   :is(.theme-dark, .platform-overlay) .disabled_b877fa:not(.selected_b877fa, :hover) {
  806.     color: var(--primary-600);
  807.   }
  808.  
  809.   :is(.theme-dark, .platform-overlay) .sidebar_d86933,
  810.   :is(.theme-dark, .platform-overlay) .scroller_c47fa9 {
  811.     background-color: var(--background-primary);
  812.   }
  813.   :is(.theme-dark, .platform-overlay) .header_d86933,
  814.   :is(.theme-dark, .platform-overlay) .base_aabd07 {
  815.     background-color: var(--background-primary) !important;
  816.   }
  817.   :is(.theme-dark, .platform-overlay) .searchBar_ec7a6d {
  818.     box-shadow: none;
  819.   }
  820.   :is(.theme-dark, .platform-overlay) .panels_c0cc4b, :is(.theme-dark, .platform-overlay) .panels_c0cc4b > div,
  821.   :is(.theme-dark, .platform-overlay) .panels_ec7a6d, :is(.theme-dark, .platform-overlay) .panels_ec7a6d > div {
  822.     background-color: var(--background-primary) !important;
  823.   }
  824.  
  825.   :is(.theme-dark, .platform-overlay) .controls_c5dd04,
  826.   :is(.theme-dark, .platform-overlay) .streamerControls_cfed93 {
  827.     background-color: hsl(var(--primary-900-hsl)/0.85);
  828.   }
  829.  
  830.   :is(.theme-dark, .theme-midnight) #app-mount .nowPlayingColumn_c2739c .separator_cd82a7 {
  831.     background-color: var(--background-secondary);
  832.   }
  833.  
  834.   .theme-dark body .wrapper-28jGDw {
  835.     background-color: var(--background-primary);
  836.   }
  837.   .theme-dark body .hasBorder-17PTeu {
  838.     border-bottom-color: var(--background-modifier-accent);
  839.   }
  840.   .theme-dark body .searchContainer-2duiLS:is(:hover) button {
  841.     border-color: var(--background-secondary);
  842.     background-color: var(--input-background);
  843.   }
  844.   .theme-dark body .contentWrapper-1Cwe5m hr {
  845.     background-color: hsl(var(--primary-760-hsl)/0.6);
  846.   }
  847.   .theme-dark body .pre-398F0p {
  848.     background-color: var(--background-tertiary);
  849.   }
  850.   .theme-dark body .mdxCard-iv9u29:hover {
  851.     background-color: var(--card-secondary-pressed-bg);
  852.   }
  853.   .theme-dark body .colorDark-311Rq5,
  854.   .theme-dark body .colorLight-1o6rnK {
  855.     background-color: var(--background-tertiary);
  856.   }
  857.   .theme-dark body .borderPrimary-1l1Cvj {
  858.     border-color: var(--background-secondary);
  859.   }
  860.   .theme-dark body .tooltip-2YjxAH {
  861.     background-color: var(--background-floating);
  862.   }
  863.   .theme-dark body .top-3SkhL3:after {
  864.     border-top-color: var(--background-floating);
  865.   }
  866.   .theme-dark body .bottom-1VilIE:after {
  867.     border-bottom-color: var(--background-floating);
  868.   }
  869.   .theme-dark body .left-3N6_YX:after {
  870.     border-left-color: var(--background-floating);
  871.   }
  872.   .theme-dark body .right-2v0SN-:after {
  873.     border-right-color: var(--background-floating);
  874.   }
  875.   .theme-dark body .grey-IHse8x {
  876.     background-color: var(--background-secondary-alt);
  877.   }
  878.   .theme-dark body .grey-IHse8x:after {
  879.     border-top-color: var(--background-secondary-alt) !important;
  880.   }
  881.   .theme-dark body .divider-_0um2u {
  882.     background-color: var(--background-modifier-accent);
  883.   }
  884.   .theme-dark body [class$=-control] {
  885.     border-color: var(--background-secondary);
  886.   }
  887.   .theme-dark body [class$=-control]:hover {
  888.     border-color: var(--background-secondary-alt);
  889.   }
  890.   .theme-dark body .css-gqriav-menu {
  891.     border-color: var(--background-secondary);
  892.     box-shadow: var(--background-secondary) 0px 1px 5px 0px;
  893.     background-color: var(--background-floating);
  894.   }
  895.   .theme-dark body .css-17vfzgn-option {
  896.     background-color: var(--background-modifier-selected);
  897.   }
  898.   .theme-dark body .css-ic7iun-option {
  899.     background-color: var(--background-modifier-hover);
  900.   }
  901.   .theme-dark body .modalContent-31OOYM {
  902.     background-color: var(--modal-background);
  903.   }
  904.   .theme-dark body .modalContent-31OOYM .modalFooter-3193QM {
  905.     border: none;
  906.     background-color: var(--modal-footer-background);
  907.   }
  908.   .theme-dark body .modalContent-31OOYM .divider-Qljx2k {
  909.     background-color: var(--background-modifier-accent);
  910.   }
  911.   .theme-dark body .disabled-29cfPA,
  912.   .theme-dark body .disabled-29cfPA:hover {
  913.     border-color: var(--background-secondary);
  914.     background-color: var(--background-tertiary);
  915.   }
  916.   .theme-dark body .disabled-29cfPA + .pageButtonNext-2_bbdk,
  917.   .theme-dark body .disabled-29cfPA + .pageCount-17vMJm,
  918.   .theme-dark body .disabled-29cfPA:hover + .pageButtonNext-2_bbdk,
  919.   .theme-dark body .disabled-29cfPA:hover + .pageCount-17vMJm,
  920.   .theme-dark body .pageButtonNext-2_bbdk,
  921.   .theme-dark body .pageCount-17vMJm,
  922.   .theme-dark body .pageButtonNext-2_bbdk,
  923.   .theme-dark body .pageButtonPrev-3q9rh8 {
  924.     border-color: var(--background-secondary) !important;
  925.     background-color: var(--background-tertiary);
  926.   }
  927.   .theme-dark body .pageButtonNext-2_bbdk:hover,
  928.   .theme-dark body .pageButtonPrev-3q9rh8:hover {
  929.     border-color: var(--background-secondary-alt) !important;
  930.     background-color: var(--background-secondary);
  931.   }
  932.   .theme-dark body .contentWrapper-3RqEiS .cardLink-H6gvNe:hover {
  933.     background-color: var(--background-secondary-alt);
  934.   }
  935.   .theme-dark body .contentWrapper-3RqEiS .cardLink-H6gvNe .cardImagePlaceholder-EjWnzT {
  936.     background-color: var(--background-primary);
  937.   }
  938.   .theme-dark body .contentWrapper-3RqEiS .avatarUploaderInner-yEhTv5 {
  939.     background-color: var(--background-primary);
  940.   }
  941.   .theme-dark body .contentWrapper-3RqEiS .invite-1J5PX7 {
  942.     border-color: var(--background-modifier-accent);
  943.   }
  944.  
  945.   :is(.theme-dark, .theme-midnight) #app-mount .content_a4d4d9 .backdrop_accde0 {
  946.     background-color: var(--background-primary);
  947.   }
  948.   :is(.theme-dark, .theme-midnight) #app-mount .content_a4d4d9 .darkThemeGradient_f2bc91 {
  949.     background: linear-gradient(0deg, var(--background-secondary-alt) 0%, hsla(var(--primary-800-hsl)/0.95) 20.31%, hsla(var(--primary-800-hsl)/0) 100%);
  950.   }
  951.  
  952.   :is(.theme-dark, .theme-midnight) #app-mount .page_d20375 .mainTableContainer_e23072 {
  953.     background-color: var(--background-tertiary);
  954.   }
  955.   :is(.theme-dark, .theme-midnight) #app-mount .page_d20375 .container_c18ec9 {
  956.     background-color: var(--background-secondary);
  957.   }
  958.  
  959.   :is(.theme-dark, .theme-midnight) #app-mount .row_b53f4f {
  960.     background-color: var(--background-tertiary);
  961.   }
  962.   :is(.theme-dark, .theme-midnight) #app-mount .row_b53f4f:hover {
  963.     background-color: var(--background-modifier-hover);
  964.   }
  965.   :is(.theme-dark, .theme-midnight) #app-mount .clickableAction_e3f878:hover .action_e3f878 {
  966.     background-color: var(--background-modifier-hover);
  967.   }
  968.   :is(.theme-dark, .theme-midnight) #app-mount .action_e3f878 {
  969.     background-color: var(--background-tertiary);
  970.   }
  971.   :is(.theme-dark, .theme-midnight) #app-mount .sidebarCardWrapper_e85cee {
  972.     background-color: var(--background-tertiary);
  973.   }
  974.   :is(.theme-dark, .theme-midnight) #app-mount .headerIcon_d32e26 {
  975.     background-color: var(--background-tertiary);
  976.     border-color: var(--background-tertiary);
  977.   }
  978.  
  979.   :is(.theme-dark, .theme-midnight) #app-mount .container_cac32e {
  980.     background-color: var(--background-primary);
  981.   }
  982.   :is(.theme-dark, .theme-midnight) #app-mount .container_cac32e .opaqueBackground_eb6c38 {
  983.     background-color: hsl(var(--primary-800-hsl)/0.85);
  984.   }
  985.  
  986.   :is(.theme-dark, .theme-midnight) #app-mount .shop_e77fa3 .headerBarTransparentDarkBackground_d8354c {
  987.     background-color: hsl(var(--black-hsl)/0.8) !important;
  988.   }
  989.  
  990.   :is(.theme-dark, .theme-midnight) #app-mount .popout_a35965 .interactionsContainerHeader_a35965 {
  991.     border-top-color: var(--background-modifier-accent);
  992.   }
  993.   :is(.theme-dark, .theme-midnight) #app-mount .popout_a35965 .shareToChannelButton_a35965 {
  994.     border-right-color: var(--background-secondary);
  995.   }
  996.  
  997.   :is(.theme-dark, .theme-midnight) #app-mount .addGamePopout_fd966d {
  998.     background-color: var(--background-tertiary);
  999.   }
  1000.  
  1001.   :is(.theme-dark, .theme-midnight) #app-mount .draggableContainer_ca37d0 .container_ca37d0 {
  1002.     background-color: var(--background-tertiary);
  1003.   }
  1004.   :is(.theme-dark, .theme-midnight) #app-mount .draggableContainer_ca37d0 .footerContainer_ca37d0 {
  1005.     background: linear-gradient(180deg, hsla(var(--primary-760-hsl)/0) 0%, hsla(var(--primary-800-hsl)/0.9) 50%, var(--background-secondary-alt) 100%);
  1006.   }
  1007.  
  1008.   :is(.theme-dark, .theme-midnight) #app-mount .customColorPicker_b91d66 {
  1009.     border: none;
  1010.     box-shadow: var(--dark-elevation-border), var(--dark-elevation-high);
  1011.     background-color: var(--background-tertiary);
  1012.   }
  1013.  
  1014.   :is(.theme-dark, .theme-midnight) #app-mount .contentWarningPopout_fa823b {
  1015.     background-color: var(--background-floating);
  1016.   }
  1017.   :is(.theme-dark, .theme-midnight) #app-mount .contentWarningPopout_fa823b .footer_fa823b {
  1018.     background-color: hsl(var(--primary-900-hsl)/0.8);
  1019.   }
  1020.  
  1021.   :is(.theme-dark, .theme-midnight) #app-mount .popoutList_da8701 {
  1022.     background-color: var(--background-floating);
  1023.   }
  1024.  
  1025.   :is(.theme-dark, .theme-midnight) #app-mount .drawerSizingWrapper_af5dbb .emptyHintCard_bad108 {
  1026.     background-color: var(--background-primary);
  1027.   }
  1028.   :is(.theme-dark, .theme-midnight) #app-mount .drawerSizingWrapper_af5dbb .imageLoading_b000dd {
  1029.     border-radius: 35%;
  1030.     background-color: var(--background-secondary-alt);
  1031.     background-image: none;
  1032.   }
  1033.  
  1034.   :is(.theme-dark, .theme-midnight) #app-mount .container_ac201b {
  1035.     background-color: var(--background-secondary);
  1036.   }
  1037.  
  1038.   :is(.theme-dark, .theme-midnight) #app-mount .overflowRolesPopout_e4010c {
  1039.     background-color: var(--background-floating);
  1040.   }
  1041.   :is(.theme-dark, .theme-midnight) #app-mount .overflowRolesPopout_e4010c .overflowRolesPopoutArrow_e4010c {
  1042.     background-color: var(--background-floating);
  1043.   }
  1044.  
  1045.   :is(.theme-dark, .theme-midnight) #app-mount .popout_b705bc {
  1046.     background-color: var(--background-floating);
  1047.   }
  1048.  
  1049.   :is(.theme-dark, .theme-midnight) #app-mount .quickSelectPopout_abbf45 {
  1050.     background-color: var(--background-floating);
  1051.   }
  1052.  
  1053.   :is(.theme-dark, .theme-midnight) #app-mount .streamPreview_adbea6 {
  1054.     background-color: var(--background-secondary);
  1055.   }
  1056.  
  1057.   :is(.theme-dark, .theme-midnight) #app-mount .layer_cd0de5 .focused_eedf95 {
  1058.     background-color: var(--background-secondary);
  1059.   }
  1060.   :is(.theme-dark, .theme-midnight) #app-mount .layer_cd0de5 .calendarPicker_be05cd .react-datepicker {
  1061.     background-color: var(--background-secondary);
  1062.   }
  1063.   :is(.theme-dark, .theme-midnight) #app-mount .layer_cd0de5 .calendarPicker_be05cd .react-datepicker__header {
  1064.     background-color: var(--background-secondary);
  1065.   }
  1066.   :is(.theme-dark, .theme-midnight) #app-mount .layer_cd0de5 .calendarPicker_be05cd .react-datepicker__current-month {
  1067.     border-bottom-color: var(--background-modifier-accent);
  1068.   }
  1069.   :is(.theme-dark, .theme-midnight) #app-mount .layer_cd0de5 .calendarPicker_be05cd .react-datepicker__day.react-datepicker__day--disabled, :is(.theme-dark, .theme-midnight) #app-mount .layer_cd0de5 .calendarPicker_be05cd .react-datepicker__day.react-datepicker__day--disabled:hover {
  1070.     background-color: var(--background-tertiary);
  1071.   }
  1072.  
  1073.   :is(.theme-dark, .theme-midnight) #app-mount .picker_cd703d .soundButton_f40049 {
  1074.     background-color: var(--background-primary);
  1075.   }
  1076.   :is(.theme-dark, .theme-midnight) #app-mount .picker_cd703d .keybindHint_c66e5e {
  1077.     background-color: var(--background-primary);
  1078.   }
  1079.  
  1080.   :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .avatarUploaderInnerSquareDisabled_e9b3be {
  1081.     background-color: var(--background-secondary-alt);
  1082.   }
  1083.   :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .background_bfac79 {
  1084.     color: var(--background-secondary-alt);
  1085.   }
  1086.   :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .prefixInput_a6236d {
  1087.     background-color: hsl(var(--primary-700-hsl)/0.2);
  1088.   }
  1089.   :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .backgroundContainer_ceff93 {
  1090.     background-color: var(--background-secondary-alt);
  1091.   }
  1092.   :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .containerFooter_ceff93 {
  1093.     background-color: var(--background-secondary);
  1094.   }
  1095.   :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .iconWrapper_cc6793 {
  1096.     background: var(--button-secondary-background);
  1097.   }
  1098.   :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .iconWrapper_cc6793 .icon_cc6793:hover {
  1099.     background: var(--button-secondary-background-hover);
  1100.   }
  1101.   :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .iconWrapper_cc6793 .icon_cc6793:hover.disabled_cc6793 {
  1102.     background: var(--button-secondary-background-disabled);
  1103.   }
  1104.   :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .auditLog_eebd33 {
  1105.     border-color: var(--background-secondary);
  1106.   }
  1107.   :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .auditLog_eebd33 .headerDefault_eebd33,
  1108.   :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .auditLog_eebd33 .headerClickable_eebd33 {
  1109.     background-color: hsl(var(--primary-660-hsl)/0.3);
  1110.   }
  1111.   :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .auditLog_eebd33 .headerExpanded_eebd33 {
  1112.     background-color: hsl(var(--primary-660-hsl)/0.5);
  1113.   }
  1114.   :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .auditLog_eebd33 .divider_eebd33 {
  1115.     background-color: var(--background-modifier-accent);
  1116.   }
  1117.   :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .auditLog_eebd33 .changeDetails_eebd33 {
  1118.     background-color: hsl(var(--primary-660-hsl)/0.3);
  1119.   }
  1120.   :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .tierBody_da77bd {
  1121.     background-color: var(--background-secondary-alt);
  1122.   }
  1123.  
  1124.   :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .sidebarRegionScroller_c25c6d {
  1125.     background-color: var(--background-primary);
  1126.   }
  1127.  
  1128.   :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .cardPrimary_a298b8.outline_a298b8 {
  1129.     background-color: var(--background-secondary);
  1130.   }
  1131.   :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .paymentPane_f66684 .expandedInfo_a28a08 {
  1132.     background-color: var(--background-primary);
  1133.   }
  1134.   :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .paymentPane_f66684 .hoverablePayment_a28a08:hover {
  1135.     background-color: var(--background-modifier-hover);
  1136.   }
  1137.   :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .paymentPane_f66684 .bottomDivider_f66684 {
  1138.     border-bottom-color: var(--background-modifier-accent);
  1139.   }
  1140.   :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .codeRedemptionRedirect_cb70f4 {
  1141.     border-color: var(--background-tertiary);
  1142.   }
  1143.   :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .preview_a614a7 {
  1144.     border-color: var(--background-secondary);
  1145.     background-color: var(--background-primary) !important;
  1146.   }
  1147.   :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .notches_a1107d.gray_a1107d {
  1148.     color: var(--background-primary);
  1149.   }
  1150.   :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .progress_a1107d {
  1151.     background-color: var(--primary-700);
  1152.   }
  1153.   :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .sliderBar_b6e3f3:not(.speaking_b6e3f3, .microphone_b6e3f3) {
  1154.     background-color: var(--primary-700);
  1155.   }
  1156.   :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .container_c67e31 {
  1157.     background-color: hsl(var(--primary-800-hsl)/0.6);
  1158.   }
  1159.   :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .container_c67e31:not(:hover, :focus-within) {
  1160.     border-color: hsl(var(--primary-800-hsl)/0.8);
  1161.   }
  1162.   :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .game_fd966d {
  1163.     box-shadow: none;
  1164.     border-bottom: 1px solid var(--background-modifier-accent);
  1165.   }
  1166.   :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .game_fd966d .gameNameInput_fd966d:is(:hover, :focus) {
  1167.     border-color: hsl(var(--primary-800-hsl)/0.6);
  1168.     background-color: var(--background-secondary);
  1169.   }
  1170.   :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .option_b877fa:not(.selected_b877fa, :hover) {
  1171.     background-color: var(--background-accent);
  1172.   }
  1173.   :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .disabled_b877fa:not(.selected_b877fa, :hover) {
  1174.     color: var(--background-accent);
  1175.   }
  1176.  
  1177.   :is(.theme-dark, .theme-midnight) #app-mount .content_a4d4d9 .sidebar_a4d4d9,
  1178.   :is(.theme-dark, .theme-midnight) #app-mount .content_a4d4d9 .container_ee69e0,
  1179.   :is(.theme-dark, .theme-midnight) #app-mount .content_a4d4d9 .container_e462a4,
  1180.   :is(.theme-dark, .theme-midnight) #app-mount .content_a4d4d9 .privateChannels_f0963d {
  1181.     background-color: var(--background-primary);
  1182.   }
  1183.   :is(.theme-dark, .theme-midnight) #app-mount .content_a4d4d9 .users_a5bc92 {
  1184.     background-color: var(--background-tertiary);
  1185.   }
  1186.   :is(.theme-dark, .theme-midnight) #app-mount .content_a4d4d9 .total_a5bc92 {
  1187.     background-color: var(--background-secondary);
  1188.   }
  1189.   :is(.theme-dark, .theme-midnight) #app-mount .content_a4d4d9 .total_a5bc92::after {
  1190.     border-right-color: var(--background-secondary);
  1191.   }
  1192.  
  1193.   :is(.theme-dark, .theme-midnight) .sidebar_a4d4d9 .searchBarComponent_f0963d {
  1194.     background-color: var(--background-secondary);
  1195.   }
  1196.  
  1197.   :is(.theme-dark, .theme-midnight) #app-mount .sidebar_a4d4d9 .bannerImage_fd6364:before {
  1198.     background: linear-gradient(to bottom, var(--primary-900), transparent 100%);
  1199.   }
  1200.  
  1201.   :is(.theme-dark, .theme-midnight) .sidebar_a4d4d9 .panels_a4d4d9 {
  1202.     background-color: var(--background-primary);
  1203.   }
  1204.   :is(.theme-dark, .theme-midnight) .sidebar_a4d4d9 .panels_a4d4d9 .wrapper_c721cc,
  1205.   :is(.theme-dark, .theme-midnight) .sidebar_a4d4d9 .panels_a4d4d9 .panel_bf1a22,
  1206.   :is(.theme-dark, .theme-midnight) .sidebar_a4d4d9 .panels_a4d4d9 .container_adcaac,
  1207.   :is(.theme-dark, .theme-midnight) .sidebar_a4d4d9 .panels_a4d4d9 .container_b2ca13 {
  1208.     background-color: var(--background-primary);
  1209.   }
  1210.  
  1211.   .experimentWrapper_b6e2f9, .wrapper_b6e2f9 {
  1212.     background-color: var(--background-primary) !important;
  1213.     color: var(--text-primary);
  1214.     border: 1px solid var(--background-secondary-alt);
  1215.     border-radius: 8px; /* Adjust to match other components */
  1216.     padding: 16px; /* Adjust spacing to match */
  1217.     box-shadow: var(--elevation-low); /* If applicable */
  1218. }
  1219.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!