@use "colors";
@use "sass:color";

$mention-bg: color.adjust(colors.$accent, $alpha: -0.9);
$mention-mentioned: color.adjust(colors.$accent, $alpha: -0.95);
$mention-hover: color.adjust(colors.$accent, $alpha: -0.92);

$mod-hover: color.adjust(colors.$highlight, $alpha: -0.84);
$mod-active: color.adjust(colors.$highlight, $alpha: -0.8);
$mod-selected: color.adjust(colors.$highlight, $alpha: -0.76);

$card: color.adjust(colors.$primary, $alpha: -0.4);
$card-edit: color.adjust(colors.$primary, $alpha: -0.7);

$brand-500: colors.$accent;
$brand-100: color.scale($brand-500, $lightness: 95%);
$brand-130: color.scale($brand-500, $lightness: 91.2%);
$brand-160: color.scale($brand-500, $lightness: 85.9%);
$brand-200: color.scale($brand-500, $lightness: 80%);
$brand-230: color.scale($brand-500, $lightness: 74.3%);
$brand-260: color.scale($brand-500, $lightness: 67.8%);
$brand-300: color.scale($brand-500, $lightness: 60%);
$brand-330: color.scale($brand-500, $lightness: 48.2%);
$brand-360: color.scale($brand-500, $lightness: 36%);
$brand-400: color.scale($brand-500, $lightness: 20%);
$brand-430: color.scale($brand-500, $lightness: 14.6%);
$brand-460: color.scale($brand-500, $lightness: 8%);
$brand-530: color.scale($brand-500, $lightness: -09%);
$brand-560: color.scale($brand-500, $lightness: -19%);
$brand-600: color.scale($brand-500, $lightness: -32%);
$brand-630: color.scale($brand-500, $lightness: -41.1%);
$brand-660: color.scale($brand-500, $lightness: -54.5%);
$brand-700: color.scale($brand-500, $lightness: -60%);
$brand-730: color.scale($brand-500, $lightness: -62.2%);
$brand-760: color.scale($brand-500, $lightness: -65.5%);
$brand-800: color.scale($brand-500, $lightness: -70%);
$brand-830: color.scale($brand-500, $lightness: -76.8%);
$brand-860: color.scale($brand-500, $lightness: -85%);
$brand-900: color.scale($brand-500, $lightness: -95%);
$brand-05a: color.adjust($brand-500, $alpha: -0.95);
$brand-10a: color.adjust($brand-500, $alpha: -0.9);
$brand-15a: color.adjust($brand-500, $alpha: -0.85);
$brand-20a: color.adjust($brand-500, $alpha: -0.8);
$brand-25a: color.adjust($brand-500, $alpha: -0.75);
$brand-30a: color.adjust($brand-500, $alpha: -0.7);
$brand-35a: color.adjust($brand-500, $alpha: -0.65);
$brand-40a: color.adjust($brand-500, $alpha: -0.6);
$brand-45a: color.adjust($brand-500, $alpha: -0.55);
$brand-50a: color.adjust($brand-500, $alpha: -0.5);
$brand-55a: color.adjust($brand-500, $alpha: -0.45);
$brand-60a: color.adjust($brand-500, $alpha: -0.4);
$brand-65a: color.adjust($brand-500, $alpha: -0.35);
$brand-70a: color.adjust($brand-500, $alpha: -0.3);
$brand-75a: color.adjust($brand-500, $alpha: -0.25);
$brand-80a: color.adjust($brand-500, $alpha: -0.2);
$brand-85a: color.adjust($brand-500, $alpha: -0.15);
$brand-90a: color.adjust($brand-500, $alpha: -0.1);
$brand-95a: color.adjust($brand-500, $alpha: -0.05);

$primary-500: #262626;
$primary-100: color.scale($primary-500, $lightness: 95%);
$primary-130: color.scale($primary-500, $lightness: 91.2%);
$primary-160: color.scale($primary-500, $lightness: 85.9%);
$primary-200: color.scale($primary-500, $lightness: 80%);
$primary-230: color.scale($primary-500, $lightness: 74.3%);
$primary-260: color.scale($primary-500, $lightness: 67.8%);
$primary-300: color.scale($primary-500, $lightness: 60%);
$primary-330: color.scale($primary-500, $lightness: 48.2%);
$primary-345: color.scale($primary-500, $lightness: 40.4%);
$primary-360: color.scale($primary-500, $lightness: 36%);
$primary-400: color.scale($primary-500, $lightness: 20%);
$primary-430: color.scale($primary-500, $lightness: 14.6%);
$primary-460: color.scale($primary-500, $lightness: 8%);
$primary-530: color.scale($primary-500, $lightness: -09%);
$primary-560: color.scale($primary-500, $lightness: -19%);
$primary-600: color.scale($primary-500, $lightness: -32%);
$primary-630: color.scale($primary-500, $lightness: -41.1%);
$primary-645: color.scale($primary-500, $lightness: -48.1%);
$primary-660: color.scale($primary-500, $lightness: -54.5%);
$primary-700: color.scale($primary-500, $lightness: -60%);
$primary-730: color.scale($primary-500, $lightness: -62.2%);
$primary-760: color.scale($primary-500, $lightness: -65.5%);
$primary-800: color.scale($primary-500, $lightness: -70%);
$primary-830: color.scale($primary-500, $lightness: -76.8%);
$primary-860: color.scale($primary-500, $lightness: -85%);
$primary-900: color.scale($primary-500, $lightness: -95%);

$red-500: #e896c7;
$red-100: color.scale($red-500, $lightness: 95%);
$red-130: color.scale($red-500, $lightness: 91.2%);
$red-160: color.scale($red-500, $lightness: 85.9%);
$red-200: color.scale($red-500, $lightness: 80%);
$red-230: color.scale($red-500, $lightness: 74.3%);
$red-260: color.scale($red-500, $lightness: 67.8%);
$red-300: color.scale($red-500, $lightness: 60%);
$red-330: color.scale($red-500, $lightness: 48.2%);
$red-345: color.scale($red-500, $lightness: 40.4%);
$red-360: color.scale($red-500, $lightness: 36%);
$red-400: color.scale($red-500, $lightness: 20%);
$red-430: color.scale($red-500, $lightness: 14.6%);
$red-460: color.scale($red-500, $lightness: 8%);
$red-530: color.scale($red-500, $lightness: -09%);
$red-560: color.scale($red-500, $lightness: -19%);
$red-600: color.scale($red-500, $lightness: -32%);
$red-630: color.scale($red-500, $lightness: -41.1%);
$red-645: color.scale($red-500, $lightness: -48.1%);
$red-660: color.scale($red-500, $lightness: -54.5%);
$red-700: color.scale($red-500, $lightness: -60%);
$red-730: color.scale($red-500, $lightness: -62.2%);
$red-760: color.scale($red-500, $lightness: -65.5%);
$red-800: color.scale($red-500, $lightness: -70%);
$red-830: color.scale($red-500, $lightness: -76.8%);
$red-860: color.scale($red-500, $lightness: -85%);
$red-900: color.scale($red-500, $lightness: -95%);

$orange-500: #ffb65e;
$orange-100: color.scale($orange-500, $lightness: 95%);
$orange-130: color.scale($orange-500, $lightness: 91.2%);
$orange-160: color.scale($orange-500, $lightness: 85.9%);
$orange-200: color.scale($orange-500, $lightness: 80%);
$orange-230: color.scale($orange-500, $lightness: 74.3%);
$orange-260: color.scale($orange-500, $lightness: 67.8%);
$orange-300: color.scale($orange-500, $lightness: 60%);
$orange-330: color.scale($orange-500, $lightness: 48.2%);
$orange-345: color.scale($orange-500, $lightness: 40.4%);
$orange-360: color.scale($orange-500, $lightness: 36%);
$orange-400: color.scale($orange-500, $lightness: 20%);
$orange-430: color.scale($orange-500, $lightness: 14.6%);
$orange-460: color.scale($orange-500, $lightness: 8%);
$orange-530: color.scale($orange-500, $lightness: -09%);
$orange-560: color.scale($orange-500, $lightness: -19%);
$orange-600: color.scale($orange-500, $lightness: -32%);
$orange-630: color.scale($orange-500, $lightness: -41.1%);
$orange-645: color.scale($orange-500, $lightness: -48.1%);
$orange-660: color.scale($orange-500, $lightness: -54.5%);
$orange-700: color.scale($orange-500, $lightness: -60%);
$orange-730: color.scale($orange-500, $lightness: -62.2%);
$orange-760: color.scale($orange-500, $lightness: -65.5%);
$orange-800: color.scale($orange-500, $lightness: -70%);
$orange-830: color.scale($orange-500, $lightness: -76.8%);
$orange-860: color.scale($orange-500, $lightness: -85%);
$orange-900: color.scale($orange-500, $lightness: -95%);

$yellow-500: #ca7a61;
$yellow-100: color.scale($yellow-500, $lightness: 95%);
$yellow-130: color.scale($yellow-500, $lightness: 91.2%);
$yellow-160: color.scale($yellow-500, $lightness: 85.9%);
$yellow-200: color.scale($yellow-500, $lightness: 80%);
$yellow-230: color.scale($yellow-500, $lightness: 74.3%);
$yellow-260: color.scale($yellow-500, $lightness: 67.8%);
$yellow-300: color.scale($yellow-500, $lightness: 60%);
$yellow-330: color.scale($yellow-500, $lightness: 48.2%);
$yellow-345: color.scale($yellow-500, $lightness: 40.4%);
$yellow-360: color.scale($yellow-500, $lightness: 36%);
$yellow-400: color.scale($yellow-500, $lightness: 20%);
$yellow-430: color.scale($yellow-500, $lightness: 14.6%);
$yellow-460: color.scale($yellow-500, $lightness: 8%);
$yellow-530: color.scale($yellow-500, $lightness: -09%);
$yellow-560: color.scale($yellow-500, $lightness: -19%);
$yellow-600: color.scale($yellow-500, $lightness: -32%);
$yellow-630: color.scale($yellow-500, $lightness: -41.1%);
$yellow-645: color.scale($yellow-500, $lightness: -48.1%);
$yellow-660: color.scale($yellow-500, $lightness: -54.5%);
$yellow-700: color.scale($yellow-500, $lightness: -60%);
$yellow-730: color.scale($yellow-500, $lightness: -62.2%);
$yellow-760: color.scale($yellow-500, $lightness: -65.5%);
$yellow-800: color.scale($yellow-500, $lightness: -70%);
$yellow-830: color.scale($yellow-500, $lightness: -76.8%);
$yellow-860: color.scale($yellow-500, $lightness: -85%);
$yellow-900: color.scale($yellow-500, $lightness: -95%);

$green-500: #6d9377;
$green-100: color.scale($green-500, $lightness: 95%);
$green-130: color.scale($green-500, $lightness: 91.2%);
$green-160: color.scale($green-500, $lightness: 85.9%);
$green-200: color.scale($green-500, $lightness: 80%);
$green-230: color.scale($green-500, $lightness: 74.3%);
$green-260: color.scale($green-500, $lightness: 67.8%);
$green-300: color.scale($green-500, $lightness: 60%);
$green-330: color.scale($green-500, $lightness: 48.2%);
$green-345: color.scale($green-500, $lightness: 40.4%);
$green-360: color.scale($green-500, $lightness: 36%);
$green-400: color.scale($green-500, $lightness: 20%);
$green-430: color.scale($green-500, $lightness: 14.6%);
$green-460: color.scale($green-500, $lightness: 8%);
$green-530: color.scale($green-500, $lightness: -09%);
$green-560: color.scale($green-500, $lightness: -19%);
$green-600: color.scale($green-500, $lightness: -32%);
$green-630: color.scale($green-500, $lightness: -41.1%);
$green-645: color.scale($green-500, $lightness: -48.1%);
$green-660: color.scale($green-500, $lightness: -54.5%);
$green-700: color.scale($green-500, $lightness: -60%);
$green-730: color.scale($green-500, $lightness: -62.2%);
$green-760: color.scale($green-500, $lightness: -65.5%);
$green-800: color.scale($green-500, $lightness: -70%);
$green-830: color.scale($green-500, $lightness: -76.8%);
$green-860: color.scale($green-500, $lightness: -85%);
$green-900: color.scale($green-500, $lightness: -95%);

$teal-500: #5432b1;
$teal-100: color.scale($teal-500, $lightness: 95%);
$teal-130: color.scale($teal-500, $lightness: 91.2%);
$teal-160: color.scale($teal-500, $lightness: 85.9%);
$teal-200: color.scale($teal-500, $lightness: 80%);
$teal-230: color.scale($teal-500, $lightness: 74.3%);
$teal-260: color.scale($teal-500, $lightness: 67.8%);
$teal-300: color.scale($teal-500, $lightness: 60%);
$teal-330: color.scale($teal-500, $lightness: 48.2%);
$teal-345: color.scale($teal-500, $lightness: 40.4%);
$teal-360: color.scale($teal-500, $lightness: 36%);
$teal-400: color.scale($teal-500, $lightness: 20%);
$teal-430: color.scale($teal-500, $lightness: 14.6%);
$teal-460: color.scale($teal-500, $lightness: 8%);
$teal-530: color.scale($teal-500, $lightness: -09%);
$teal-560: color.scale($teal-500, $lightness: -19%);
$teal-600: color.scale($teal-500, $lightness: -32%);
$teal-630: color.scale($teal-500, $lightness: -41.1%);
$teal-645: color.scale($teal-500, $lightness: -48.1%);
$teal-660: color.scale($teal-500, $lightness: -54.5%);
$teal-700: color.scale($teal-500, $lightness: -60%);
$teal-730: color.scale($teal-500, $lightness: -62.2%);
$teal-760: color.scale($teal-500, $lightness: -65.5%);
$teal-800: color.scale($teal-500, $lightness: -70%);
$teal-830: color.scale($teal-500, $lightness: -76.8%);
$teal-860: color.scale($teal-500, $lightness: -85%);
$teal-900: color.scale($teal-500, $lightness: -95%);

$blue-500: #9cb1ee;
$blue-100: color.scale($blue-500, $lightness: 95%);
$blue-130: color.scale($blue-500, $lightness: 91.2%);
$blue-160: color.scale($blue-500, $lightness: 85.9%);
$blue-200: color.scale($blue-500, $lightness: 80%);
$blue-230: color.scale($blue-500, $lightness: 74.3%);
$blue-260: color.scale($blue-500, $lightness: 67.8%);
$blue-300: color.scale($blue-500, $lightness: 60%);
$blue-330: color.scale($blue-500, $lightness: 48.2%);
$blue-345: color.scale($blue-500, $lightness: 40.4%);
$blue-360: color.scale($blue-500, $lightness: 36%);
$blue-400: color.scale($blue-500, $lightness: 20%);
$blue-430: color.scale($blue-500, $lightness: 14.6%);
$blue-460: color.scale($blue-500, $lightness: 8%);
$blue-530: color.scale($blue-500, $lightness: -09%);
$blue-560: color.scale($blue-500, $lightness: -19%);
$blue-600: color.scale($blue-500, $lightness: -32%);
$blue-630: color.scale($blue-500, $lightness: -41.1%);
$blue-645: color.scale($blue-500, $lightness: -48.1%);
$blue-660: color.scale($blue-500, $lightness: -54.5%);
$blue-700: color.scale($blue-500, $lightness: -60%);
$blue-730: color.scale($blue-500, $lightness: -62.2%);
$blue-760: color.scale($blue-500, $lightness: -65.5%);
$blue-800: color.scale($blue-500, $lightness: -70%);
$blue-830: color.scale($blue-500, $lightness: -76.8%);
$blue-860: color.scale($blue-500, $lightness: -85%);
$blue-900: color.scale($blue-500, $lightness: -95%);

$white-500: colors.$c7;
$white-100: color.scale($white-500, $lightness: 95%);
$white-130: color.scale($white-500, $lightness: 91.2%);
$white-160: color.scale($white-500, $lightness: 85.9%);
$white-200: color.scale($white-500, $lightness: 80%);
$white-230: color.scale($white-500, $lightness: 74.3%);
$white-260: color.scale($white-500, $lightness: 67.8%);
$white-300: color.scale($white-500, $lightness: 60%);
$white-345: color.scale($white-500, $lightness: 40.4%);
$white-330: color.scale($white-500, $lightness: 48.2%);
$white-360: color.scale($white-500, $lightness: 36%);
$white-400: color.scale($white-500, $lightness: 20%);
$white-430: color.scale($white-500, $lightness: 14.6%);
$white-460: color.scale($white-500, $lightness: 8%);
$white-530: color.scale($white-500, $lightness: -09%);
$white-560: color.scale($white-500, $lightness: -19%);
$white-600: color.scale($white-500, $lightness: -32%);
$white-630: color.scale($white-500, $lightness: -41.1%);
$white-645: color.scale($white-500, $lightness: -48.1%);
$white-660: color.scale($white-500, $lightness: -54.5%);
$white-700: color.scale($white-500, $lightness: -60%);
$white-730: color.scale($white-500, $lightness: -62.2%);
$white-760: color.scale($white-500, $lightness: -65.5%);
$white-800: color.scale($white-500, $lightness: -70%);
$white-830: color.scale($white-500, $lightness: -76.8%);
$white-860: color.scale($white-500, $lightness: -85%);
$white-900: color.scale($white-500, $lightness: -95%);

$black-500: #121212;
$black-100: color.scale($black-500, $lightness: 95%);
$black-130: color.scale($black-500, $lightness: 91.2%);
$black-160: color.scale($black-500, $lightness: 85.9%);
$black-200: color.scale($black-500, $lightness: 80%);
$black-230: color.scale($black-500, $lightness: 74.3%);
$black-260: color.scale($black-500, $lightness: 67.8%);
$black-300: color.scale($black-500, $lightness: 60%);
$black-330: color.scale($black-500, $lightness: 48.2%);
$black-345: color.scale($black-500, $lightness: 40.4%);
$black-360: color.scale($black-500, $lightness: 36%);
$black-400: color.scale($black-500, $lightness: 20%);
$black-430: color.scale($black-500, $lightness: 14.6%);
$black-460: color.scale($black-500, $lightness: 8%);
$black-530: color.scale($black-500, $lightness: -09%);
$black-560: color.scale($black-500, $lightness: -19%);
$black-600: color.scale($black-500, $lightness: -32%);
$black-630: color.scale($black-500, $lightness: -41.1%);
$black-645: color.scale($black-500, $lightness: -48.1%);
$black-660: color.scale($black-500, $lightness: -54.5%);
$black-700: color.scale($black-500, $lightness: -60%);
$black-730: color.scale($black-500, $lightness: -62.2%);
$black-760: color.scale($black-500, $lightness: -65.5%);
$black-800: color.scale($black-500, $lightness: -70%);
$black-830: color.scale($black-500, $lightness: -76.8%);
$black-860: color.scale($black-500, $lightness: -85%);
$black-900: color.scale($black-500, $lightness: -95%);

#splash {
  background-color: #{colors.$primary};
}

.theme-dark {
  --scrollbar-thin-thumb: #{colors.$c7} !important;
  --scrollbar-auto-thumb: #{colors.$c7} !important;
  --scrollbar-auto-scrollbar-color-thumb: #{colors.$c7} !important;
  --channel-text-area-placeholder: #{colors.$highlight} !important;

  --interactive-normal: #{colors.$c7} !important;
  --interactive-active: #{colors.$c15} !important;
  --text-normal: #{colors.$c7} !important;
  --text-muted: #{colors.$highlight} !important;
  --header-primary: #{colors.$c7} !important;
  --header-secondary: #{colors.$c7} !important;

  --background-primary: #{colors.$primary} !important;
  --background-secondary: #{colors.$secondary} !important;
  --background-secondary-alt: #{colors.$tertiary} !important;
  --background-tertiary: #{colors.$tertiary} !important;
  --background-accent: #{colors.$highlight} !important;
  --background-floating: #{colors.$primary} !important;
  --background-modifier-hover: #{$mod-hover} !important;
  --background-modifier-active: #{$mod-active} !important;
  --background-modifier-selected: #{$mod-selected} !important;
  --background-modifier-accent: #{$mod-selected} !important;
  --input-background: #{colors.$tertiary} !important;
  --channeltextarea-background: #{colors.$tertiary} !important;

  --status-positive-text: #{colors.$c7} !important;
  --status-danger-text: #{colors.$c7} !important;
  --status-warning-text: #{colors.$c0} !important;
}

.theme-light {
  --scrollbar-thin-thumb: #{colors.$c0} !important;
  --scrollbar-auto-thumb: #{colors.$c0} !important;
  --scrollbar-auto-scrollbar-color-thumb: #{colors.$c0} !important;
  --channel-text-area-placeholder: #{colors.$highlight} !important;

  --interactive-normal: #{colors.$c0};
  --interactive-active: #{colors.$highlight};
  --text-normal: #{colors.$c0} !important;
  --text-muted: #{colors.$highlight} !important;
  --header-primary: #{colors.$c0} !important;
  --header-secondary: #{colors.$c0} !important;

  --background-primary: var(--primary-100) !important;

  --status-positive-text: #{colors.$c0} !important;
  --status-danger-text: #{colors.$c0} !important;
  --status-warning-text: #{colors.$c0} !important;
}

:root,
.theme-dark,
.theme-light {
  --mention-foreground: #{colors.$accent} !important;
  --mention-background: #{$mention-bg} !important;
  --background-mentioned: #{$mention-mentioned} !important;
  --background-mentioned-hover: #{$mention-hover} !important;
  --scrollbar-thin-track: transparent !important;
  --scrollbar-auto-track: transparent !important;
  --scrollbar-auto-scrollbar-color-track: transparent !important;

  --text-link: #{colors.$c6} !important;

  --button-secondary-background: #{colors.$primary} !important;
  --button-secondary-background-hover: #{colors.$highlight} !important;
  --button-secondary-background-active: #{colors.$highlight} !important;
  --button-secondary-background-disabled: #{colors.$secondary} !important;
  --text-danger: #{colors.$c1} !important;
  --status-danger: #{colors.$c1} !important;
  --status-danger-background: #{colors.$c1} !important;
  --button-danger-background: #{colors.$c1} !important;
  --button-danger-background-hover: #{colors.$c9} !important;
  --button-danger-background-active: #{colors.$c9} !important;
  --button-outline-danger-border: #{colors.$c1} !important;
  --button-outline-danger-border-hover: #{colors.$c9} !important;
  --button-outline-danger-border-active: #{colors.$c9} !important;
  --button-outline-danger-background-hover: #{colors.$c9} !important;
  --button-outline-danger-background-active: #{colors.$c9} !important;
  --text-positive: #{colors.$c2} !important;
  --status-positive: #{colors.$c2} !important;
  --status-positive-background: #{colors.$c2} !important;
  --button-positive-background: #{colors.$c2} !important;
  --button-positive-background-hover: #{colors.$c10} !important;
  --button-positive-background-active: #{colors.$c10} !important;
  --button-outline-positive-border: #{colors.$c2} !important;
  --button-outline-positive-border-hover: #{colors.$c10} !important;
  --button-outline-positive-border-active: #{colors.$c10} !important;
  --button-outline-positive-background-hover: #{colors.$c10} !important;
  --button-outline-positive-background-active: #{colors.$c10} !important;
  --text-warning: #{colors.$c3} !important;
  --status-warning: #{colors.$c3} !important;
  --status-warning-background: #{colors.$c3} !important;

  --brand-experiment: #{$brand-500} !important;
  --brand-100: #{$brand-100} !important;
  --brand-130: #{$brand-130} !important;
  --brand-160: #{$brand-160} !important;
  --brand-200: #{$brand-200} !important;
  --brand-230: #{$brand-230} !important;
  --brand-260: #{$brand-260} !important;
  --brand-300: #{$brand-300} !important;
  --brand-330: #{$brand-330} !important;
  --brand-360: #{$brand-360} !important;
  --brand-400: #{$brand-400} !important;
  --brand-430: #{$brand-430} !important;
  --brand-460: #{$brand-460} !important;
  --brand-500: #{$brand-500} !important;
  --brand-530: #{$brand-530} !important;
  --brand-560: #{$brand-560} !important;
  --brand-600: #{$brand-600} !important;
  --brand-630: #{$brand-630} !important;
  --brand-660: #{$brand-660} !important;
  --brand-700: #{$brand-700} !important;
  --brand-730: #{$brand-730} !important;
  --brand-760: #{$brand-760} !important;
  --brand-800: #{$brand-800} !important;
  --brand-830: #{$brand-830} !important;
  --brand-860: #{$brand-860} !important;
  --brand-900: #{$brand-900} !important;
  --brand-new-100: #{$brand-100} !important;
  --brand-new-130: #{$brand-130} !important;
  --brand-new-160: #{$brand-160} !important;
  --brand-new-200: #{$brand-200} !important;
  --brand-new-230: #{$brand-230} !important;
  --brand-new-260: #{$brand-260} !important;
  --brand-new-300: #{$brand-300} !important;
  --brand-new-330: #{$brand-330} !important;
  --brand-new-360: #{$brand-360} !important;
  --brand-new-400: #{$brand-400} !important;
  --brand-new-430: #{$brand-430} !important;
  --brand-new-460: #{$brand-460} !important;
  --brand-new-500: #{$brand-500} !important;
  --brand-new-530: #{$brand-530} !important;
  --brand-new-560: #{$brand-560} !important;
  --brand-new-600: #{$brand-600} !important;
  --brand-new-630: #{$brand-630} !important;
  --brand-new-660: #{$brand-660} !important;
  --brand-new-700: #{$brand-700} !important;
  --brand-new-730: #{$brand-730} !important;
  --brand-new-760: #{$brand-760} !important;
  --brand-new-800: #{$brand-800} !important;
  --brand-new-830: #{$brand-830} !important;
  --brand-new-860: #{$brand-860} !important;
  --brand-new-900: #{$brand-900} !important;
  --brand-experiment-100: #{$brand-100} !important;
  --brand-experiment-130: #{$brand-130} !important;
  --brand-experiment-160: #{$brand-160} !important;
  --brand-experiment-200: #{$brand-200} !important;
  --brand-experiment-230: #{$brand-230} !important;
  --brand-experiment-260: #{$brand-260} !important;
  --brand-experiment-300: #{$brand-300} !important;
  --brand-experiment-330: #{$brand-330} !important;
  --brand-experiment-360: #{$brand-360} !important;
  --brand-experiment-400: #{$brand-400} !important;
  --brand-experiment-430: #{$brand-430} !important;
  --brand-experiment-460: #{$brand-460} !important;
  --brand-experiment-500: #{$brand-500} !important;
  --brand-experiment-530: #{$brand-530} !important;
  --brand-experiment-560: #{$brand-560} !important;
  --brand-experiment-600: #{$brand-600} !important;
  --brand-experiment-630: #{$brand-630} !important;
  --brand-experiment-660: #{$brand-660} !important;
  --brand-experiment-700: #{$brand-700} !important;
  --brand-experiment-730: #{$brand-730} !important;
  --brand-experiment-760: #{$brand-760} !important;
  --brand-experiment-800: #{$brand-800} !important;
  --brand-experiment-830: #{$brand-830} !important;
  --brand-experiment-860: #{$brand-860} !important;
  --brand-experiment-900: #{$brand-900} !important;
  --brand-experiment-05a: #{$brand-05a} !important;
  --brand-experiment-10a: #{$brand-10a} !important;
  --brand-experiment-15a: #{$brand-15a} !important;
  --brand-experiment-20a: #{$brand-20a} !important;
  --brand-experiment-25a: #{$brand-25a} !important;
  --brand-experiment-30a: #{$brand-30a} !important;
  --brand-experiment-35a: #{$brand-35a} !important;
  --brand-experiment-40a: #{$brand-40a} !important;
  --brand-experiment-45a: #{$brand-45a} !important;
  --brand-experiment-50a: #{$brand-50a} !important;
  --brand-experiment-55a: #{$brand-55a} !important;
  --brand-experiment-60a: #{$brand-60a} !important;
  --brand-experiment-65a: #{$brand-65a} !important;
  --brand-experiment-70a: #{$brand-70a} !important;
  --brand-experiment-75a: #{$brand-75a} !important;
  --brand-experiment-80a: #{$brand-80a} !important;
  --brand-experiment-85a: #{$brand-85a} !important;
  --brand-experiment-90a: #{$brand-90a} !important;
  --brand-experiment-95a: #{$brand-95a} !important;

  --primary-100: #{$primary-100} !important;
  --primary-130: #{$primary-130} !important;
  --primary-160: #{$primary-160} !important;
  --primary-200: #{$primary-200} !important;
  --primary-230: #{$primary-230} !important;
  --primary-260: #{$primary-260} !important;
  --primary-300: #{$primary-300} !important;
  --primary-330: #{$primary-330} !important;
  --primary-345: #{$primary-345} !important;
  --primary-360: #{$primary-360} !important;
  --primary-400: #{$primary-400} !important;
  --primary-430: #{$primary-430} !important;
  --primary-460: #{$primary-460} !important;
  --primary-500: #{$primary-500} !important;
  --primary-530: #{$primary-530} !important;
  --primary-560: #{$primary-560} !important;
  --primary-600: #{$primary-600} !important;
  --primary-630: #{$primary-630} !important;
  --primary-645: #{$primary-645} !important;
  --primary-660: #{$primary-660} !important;
  --primary-700: #{$primary-700} !important;
  --primary-730: #{$primary-730} !important;
  --primary-760: #{$primary-760} !important;
  --primary-800: #{$primary-800} !important;
  --primary-830: #{$primary-830} !important;
  --primary-860: #{$primary-860} !important;
  --primary-900: #{$primary-900} !important;

  --red-100: #{$red-100} !important;
  --red-130: #{$red-130} !important;
  --red-160: #{$red-160} !important;
  --red-200: #{$red-200} !important;
  --red-230: #{$red-230} !important;
  --red-260: #{$red-260} !important;
  --red-300: #{$red-300} !important;
  --red-330: #{$red-330} !important;
  --red-345: #{$red-345} !important;
  --red-360: #{$red-360} !important;
  --red-400: #{$red-400} !important;
  --red-430: #{$red-430} !important;
  --red-460: #{$red-460} !important;
  --red-500: #{$red-500} !important;
  --red-530: #{$red-530} !important;
  --red-560: #{$red-560} !important;
  --red-600: #{$red-600} !important;
  --red-630: #{$red-630} !important;
  --red-645: #{$red-645} !important;
  --red-660: #{$red-660} !important;
  --red-700: #{$red-700} !important;
  --red-730: #{$red-730} !important;
  --red-760: #{$red-760} !important;
  --red-800: #{$red-800} !important;
  --red-830: #{$red-830} !important;
  --red-860: #{$red-860} !important;
  --red-900: #{$red-900} !important;

  --orange-100: #{$orange-100} !important;
  --orange-130: #{$orange-130} !important;
  --orange-160: #{$orange-160} !important;
  --orange-200: #{$orange-200} !important;
  --orange-230: #{$orange-230} !important;
  --orange-260: #{$orange-260} !important;
  --orange-300: #{$orange-300} !important;
  --orange-330: #{$orange-330} !important;
  --orange-345: #{$orange-345} !important;
  --orange-360: #{$orange-360} !important;
  --orange-400: #{$orange-400} !important;
  --orange-430: #{$orange-430} !important;
  --orange-460: #{$orange-460} !important;
  --orange-500: #{$orange-500} !important;
  --orange-530: #{$orange-530} !important;
  --orange-560: #{$orange-560} !important;
  --orange-600: #{$orange-600} !important;
  --orange-630: #{$orange-630} !important;
  --orange-645: #{$orange-645} !important;
  --orange-660: #{$orange-660} !important;
  --orange-700: #{$orange-700} !important;
  --orange-730: #{$orange-730} !important;
  --orange-760: #{$orange-760} !important;
  --orange-800: #{$orange-800} !important;
  --orange-830: #{$orange-830} !important;
  --orange-860: #{$orange-860} !important;
  --orange-900: #{$orange-900} !important;

  --yellow-100: #{$yellow-100} !important;
  --yellow-130: #{$yellow-130} !important;
  --yellow-160: #{$yellow-160} !important;
  --yellow-200: #{$yellow-200} !important;
  --yellow-230: #{$yellow-230} !important;
  --yellow-260: #{$yellow-260} !important;
  --yellow-300: #{$yellow-300} !important;
  --yellow-330: #{$yellow-330} !important;
  --yellow-345: #{$yellow-345} !important;
  --yellow-360: #{$yellow-360} !important;
  --yellow-400: #{$yellow-400} !important;
  --yellow-430: #{$yellow-430} !important;
  --yellow-460: #{$yellow-460} !important;
  --yellow-500: #{$yellow-500} !important;
  --yellow-530: #{$yellow-530} !important;
  --yellow-560: #{$yellow-560} !important;
  --yellow-600: #{$yellow-600} !important;
  --yellow-630: #{$yellow-630} !important;
  --yellow-645: #{$yellow-645} !important;
  --yellow-660: #{$yellow-660} !important;
  --yellow-700: #{$yellow-700} !important;
  --yellow-730: #{$yellow-730} !important;
  --yellow-760: #{$yellow-760} !important;
  --yellow-800: #{$yellow-800} !important;
  --yellow-830: #{$yellow-830} !important;
  --yellow-860: #{$yellow-860} !important;
  --yellow-900: #{$yellow-900} !important;

  --green-100: #{$green-100} !important;
  --green-130: #{$green-130} !important;
  --green-160: #{$green-160} !important;
  --green-200: #{$green-200} !important;
  --green-230: #{$green-230} !important;
  --green-260: #{$green-260} !important;
  --green-300: #{$green-300} !important;
  --green-330: #{$green-330} !important;
  --green-345: #{$green-345} !important;
  --green-360: #{$green-360} !important;
  --green-400: #{$green-400} !important;
  --green-430: #{$green-430} !important;
  --green-460: #{$green-460} !important;
  --green-500: #{$green-500} !important;
  --green-530: #{$green-530} !important;
  --green-560: #{$green-560} !important;
  --green-600: #{$green-600} !important;
  --green-630: #{$green-630} !important;
  --green-645: #{$green-645} !important;
  --green-660: #{$green-660} !important;
  --green-700: #{$green-700} !important;
  --green-730: #{$green-730} !important;
  --green-760: #{$green-760} !important;
  --green-800: #{$green-800} !important;
  --green-830: #{$green-830} !important;
  --green-860: #{$green-860} !important;
  --green-900: #{$green-900} !important;

  --teal-100: #{$teal-100} !important;
  --teal-130: #{$teal-130} !important;
  --teal-160: #{$teal-160} !important;
  --teal-200: #{$teal-200} !important;
  --teal-230: #{$teal-230} !important;
  --teal-260: #{$teal-260} !important;
  --teal-300: #{$teal-300} !important;
  --teal-330: #{$teal-330} !important;
  --teal-345: #{$teal-345} !important;
  --teal-360: #{$teal-360} !important;
  --teal-400: #{$teal-400} !important;
  --teal-430: #{$teal-430} !important;
  --teal-460: #{$teal-460} !important;
  --teal-500: #{$teal-500} !important;
  --teal-530: #{$teal-530} !important;
  --teal-560: #{$teal-560} !important;
  --teal-600: #{$teal-600} !important;
  --teal-630: #{$teal-630} !important;
  --teal-645: #{$teal-645} !important;
  --teal-660: #{$teal-660} !important;
  --teal-700: #{$teal-700} !important;
  --teal-730: #{$teal-730} !important;
  --teal-760: #{$teal-760} !important;
  --teal-800: #{$teal-800} !important;
  --teal-830: #{$teal-830} !important;
  --teal-860: #{$teal-860} !important;
  --teal-900: #{$teal-900} !important;

  --blue-100: #{$blue-100} !important;
  --blue-130: #{$blue-130} !important;
  --blue-160: #{$blue-160} !important;
  --blue-200: #{$blue-200} !important;
  --blue-230: #{$blue-230} !important;
  --blue-260: #{$blue-260} !important;
  --blue-300: #{$blue-300} !important;
  --blue-330: #{$blue-330} !important;
  --blue-345: #{$blue-345} !important;
  --blue-360: #{$blue-360} !important;
  --blue-400: #{$blue-400} !important;
  --blue-430: #{$blue-430} !important;
  --blue-460: #{$blue-460} !important;
  --blue-500: #{$blue-500} !important;
  --blue-530: #{$blue-530} !important;
  --blue-560: #{$blue-560} !important;
  --blue-600: #{$blue-600} !important;
  --blue-630: #{$blue-630} !important;
  --blue-645: #{$blue-645} !important;
  --blue-660: #{$blue-660} !important;
  --blue-700: #{$blue-700} !important;
  --blue-730: #{$blue-730} !important;
  --blue-760: #{$blue-760} !important;
  --blue-800: #{$blue-800} !important;
  --blue-830: #{$blue-830} !important;
  --blue-860: #{$blue-860} !important;
  --blue-900: #{$blue-900} !important;

  --white-100: #{$white-100} !important;
  --white-130: #{$white-130} !important;
  --white-160: #{$white-160} !important;
  --white-200: #{$white-200} !important;
  --white-230: #{$white-230} !important;
  --white-260: #{$white-260} !important;
  --white-300: #{$white-300} !important;
  --white-330: #{$white-330} !important;
  --white-345: #{$white-345} !important;
  --white-360: #{$white-360} !important;
  --white-400: #{$white-400} !important;
  --white-430: #{$white-430} !important;
  --white-460: #{$white-460} !important;
  --white-500: #{$white-500} !important;
  --white-530: #{$white-530} !important;
  --white-560: #{$white-560} !important;
  --white-600: #{$white-600} !important;
  --white-630: #{$white-630} !important;
  --white-645: #{$white-645} !important;
  --white-660: #{$white-660} !important;
  --white-700: #{$white-700} !important;
  --white-730: #{$white-730} !important;
  --white-760: #{$white-760} !important;
  --white-800: #{$white-800} !important;
  --white-830: #{$white-830} !important;
  --white-860: #{$white-860} !important;
  --white-900: #{$white-900} !important;

  --black-100: #{$black-100} !important;
  --black-130: #{$black-130} !important;
  --black-160: #{$black-160} !important;
  --black-200: #{$black-200} !important;
  --black-230: #{$black-230} !important;
  --black-260: #{$black-260} !important;
  --black-300: #{$black-300} !important;
  --black-330: #{$black-330} !important;
  --black-345: #{$black-345} !important;
  --black-360: #{$black-360} !important;
  --black-400: #{$black-400} !important;
  --black-430: #{$black-430} !important;
  --black-460: #{$black-460} !important;
  --black-500: #{$black-500} !important;
  --black-530: #{$black-530} !important;
  --black-560: #{$black-560} !important;
  --black-600: #{$black-600} !important;
  --black-630: #{$black-630} !important;
  --black-645: #{$black-645} !important;
  --black-660: #{$black-660} !important;
  --black-700: #{$black-700} !important;
  --black-730: #{$black-730} !important;
  --black-760: #{$black-760} !important;
  --black-800: #{$black-800} !important;
  --black-830: #{$black-830} !important;
  --black-860: #{$black-860} !important;
  --black-900: #{$black-900} !important;
}

/*[class^="appMount_"],
[class^="bg_"],
[class^="layers_"] > [class^="layer_"],
[class^="app_"] {
  background-color: transparent !important;
}

html:not(.overlay) body {
  background-color: transparent !important;
}*/

rect[fill="#43b581"],
path[fill="#43b581"],
rect[fill="#3ba55c"],
path[fill="#3ba55c"],
rect[fill="#23a55a"],
path[fill="#23a55a"],
rect[fill="rgba(67, 181, 129, 1)"],
rect[fill="rgba(59, 165, 92, 1)"],
rect[mask="url(#svg-mask-status-online)"][fill="#ffffff"],
rect[mask="url(#svg-mask-status-online-mobile)"][fill="#ffffff"],
rect[fill="hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"],
path[fill="hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"] {
  fill: var(--status-online);
}

rect[fill="#faa61a"],
path[fill="#faa61a"],
rect[fill="#f0b232"],
path[fill="#f0b232"],
rect[fill="rgba(250, 166, 26, 1)"],
rect[mask="url(#svg-mask-status-idle)"][fill="#ffffff"],
rect[mask="url(#svg-mask-status-idle-mobile)"][fill="#ffffff"],
rect[fill="hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%)"],
path[fill="hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%)"] {
  fill: var(--status-idle);
}

rect[fill="#f04747"],
path[fill="#f04747"],
rect[fill="#ed4245"],
path[fill="#ed4245"],
rect[fill="#f23f43"],
path[fill="#f23f43"],
rect[fill="rgba(240, 71, 71, 1)"],
rect[mask="url(#svg-mask-status-dnd)"][fill="#ffffff"],
rect[mask="url(#svg-mask-status-dnd-mobile)"][fill="#ffffff"],
rect[fill="hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%)"],
path[fill="hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%)"] {
  fill: var(--status-dnd);
}

rect[fill="#747f8d"],
path[fill="#747f8d"],
rect[fill="#82858f"],
path[fill="#82858f"],
rect[fill="#80848e"],
path[fill="#80848e"],
rect[mask="url(#svg-mask-status-offline)"][fill="#ffffff"],
rect[mask="url(#svg-mask-status-offline-mobile)"][fill="#ffffff"],
rect[fill="hsl(214, calc(var(--saturation-factor, 1) * 9.9%), 50.4%)"] {
  fill: var(--status-offline);
}

rect[fill="#593695"],
path[fill="#593695"],
rect[fill="rgba(89, 54, 149, 1)"],
rect[mask="url(#svg-mask-status-streaming)"][fill="#ffffff"],
rect[mask="url(#svg-mask-status-streaming-mobile)"][fill="#ffffff"],
rect[fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"] {
  fill: var(--status-streaming);
}

[class*="menu_"] [class^="item_"]:active,
[class*="menu_"] [class^="item_"][class*="focused_"],
[class*="lookFilled_"][class*="colorBrand_"]:not([class*="buttonColor_"]),
[class*="lookFilled_"][class*="colorBrandNew_"]:not([class*="buttonColor_"]),
[style*="background-color: rgb(114, 137, 218)"]:not([class*="swatch_"]),
[class^="slider_"] [class^="bar_"] [class^="barFill_"],
[class^="control_"]
  [class^="container_"][style*="background-color: rgb(67, 181, 129);"] {
  background-color: #{colors.$accent} !important;
}

[style*="border-color: rgb(114, 137, 218)"],
[class*="lookOutlined_"][class*="colorBrand_"] {
  border-color: #{colors.$accent} !important;
}

[class*="lookOutlined_"][class*="colorBrand_"],
[class*="colorDefault_"]:not([class*="focused_"]) [class^="checkbox_"],
[class*="colorDefault_"]:not([class*="focused_"]) [class^="radioSelection_"],
[class*="colorDefault_"][class*="focused_"] [class^="check_"] {
  color: #{colors.$accent} !important;
}

[class*="mentioned_"]:before {
  background-color: #{colors.$accent} !important;
}

[class^="slider_"] [class^="bar_"],
[class^="control_"]
  [class^="container_"][style*="background-color: rgb(114, 118, 125);"] {
  background-color: var(--background-secondary) !important;
}

.mention[class*="wrapper_"] {
  color: #{colors.$accent};
  background: #{$mention-bg};
}

.mention[class*="wrapper_"]:hover {
  color: #ffffff;
  background: #{colors.$accent};
}

[class*="mentioned_"] .mention.interactive:hover {
  color: #{colors.$accent} !important;
}

[class^="mediaBarGrabber_"],
[class^="mediaBarProgress_"],
[class^="mediaBarProgress_"]:after,
[class^="mediaBarProgress_"]:before {
  background-color: #{colors.$accent} !important;
}

[class^="reaction_"] {
  background-color: var(--background-secondary);
  border: none;
  border-radius: 4px !important;
}

[class^="reaction_"]:hover,
[class^="reaction_"][class*="reactionMe_"] {
  background-color: #{colors.$highlight};
}

[class^="reaction_"][class*="reactionMe_"] [class*="reactionCount_"],
[class^="reaction_"]:hover [class*="reactionCount_"] {
  color: var(--white-500) !important;
}

[class^="reaction_"] [class*="reactionCount_"] {
  color: var(--text-normal);
}

[class*="progressBarHeader_"] > [class^="container_"]:not([class*="checked_"]),
[class^="control_"] > [class^="container_"]:not([class*="checked_"]) {
  background-color: #{colors.$highlight} !important;
}
[class*="progressBarHeader_"] > [class^="container_"][class*="checked_"],
[class^="control_"] > [class^="container_"][class*="checked_"] {
  background-color: #{colors.$c2} !important;
}

[class^="radioBar_"][style*="--radio-bar-accent-color:hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%);"] {
  --radio-bar-accent-color: #{colors.$c2} !important;
}
[class^="radioBar_"][style*="--radio-bar-accent-color:hsl(37, calc(var(--saturation-factor, 1) * 81.2%), 43.9%);"] {
  --radio-bar-accent-color: #{colors.$c3} !important;
}
[class^="radioBar_"][style*="--radio-bar-accent-color:hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%);"] {
  --radio-bar-accent-color: #{colors.$c1} !important;
}

span[style*="background-color: hsl(235, calc(var(--saturation-factor, 1) * 85.6%), 64.7%);"] {
  background-color: #{colors.$accent} !important;
}
span[style*="background-color: hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%);"] {
  background-color: #{colors.$c1} !important;
}

[class^="updateIconForeground_"] {
  fill: #{colors.$c2};
}

[class*="tierHeaderLocked_"],
[class*="tierHeaderUnlocked_"] {
  background-color: var(--background-secondary) !important;
}

[class*="tierAccomplished_"],
[class*="tierCurrent_"],
[class*="tierFirst_"] {
  background: #{colors.$c13} !important;
}

[class^="progressWithSubscriptions_"] > svg > g > rect[class^="background_"] {
  color: var(--background-secondary);
}

[class^="tierIcon_"],
[class^="unlockedIcon_"],
[class^="progressWithSubscriptions_"] > svg > g > rect[class^="foreground_"] {
  color: #{colors.$c13} !important;
}
svg[fill="#FF73FA"] {
  fill: #{colors.$c13} !important;
}

[class^="activeCircle_"] {
  background-color: #{colors.$c2} !important;
}

[class*="allow_"][class*="selected_"] {
  background-color: var(--status-positive) !important;
}

[class^="item_"][style*="background-color: hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%);"] {
  background-color: #{colors.$c2} !important;
}

[class*="unreadBar_"][class*="mention_"],
[class^="numberBadge_"] {
  background-color: #{colors.$c1} !important;
}

[class*="bar_"][class*="mention_"] {
  background-color: #{colors.$c1};
}

a[class^="anchor_"]:not([aria-controls^="popout_"]) {
  color: var(--text-link) !important;
}

.theme-light [class*="button_"][class*="lookFilled_"][class*="colorPrimary_"] {
  color: var(--text-normal) !important;
}

[class^="memberInner_"]
  [class^="name_"]
  > [class^="username_"]
  > [class^="username_"] {
  color: var(--text-normal);
}
[class^="memberInner_"] [class^="activityText_"] {
  color: var(--text-muted);
}

.postnet-repo-wrapper,
.postnet-expanded-category {
  border-color: var(--background-tertiary) !important;
  background: var(--deprecated-card-bg) !important;
}

.hh2-spotify-controls-album-name,
.showTag-username {
  color: #{colors.$highlight} !important;
}

[class^="markdown_"] [class^="codeInline_"],
code.inline,
.hljs {
  color: #{colors.$c7} !important;
}
[class^="markdown_"] code,
.hljs {
  background: var(--background-secondary) !important;
}
.hljs-keyword {
  color: #{colors.$c5} !important;
}
.hljs-built_in {
  color: #{colors.$c6} !important;
}
.hljs-type {
  color: #{colors.$c3} !important;
}
.hljs-literal {
  color: #{colors.$c3} !important;
}
.hljs-number {
  color: #{colors.$c3} !important;
}
.hljs-regexp {
  color: #{colors.$c6} !important;
}
.hljs-string {
  color: #{colors.$c2} !important;
}
.hljs-subst {
  color: #{colors.$c1} !important;
}
.hljs-symbol {
  color: #{colors.$c5} !important;
}
.hljs-class {
  color: #{colors.$c3} !important;
}
.hljs-function {
  color: #{colors.$c4} !important;
}
.hljs-title {
  color: #{colors.$c4} !important;
}
.hljs-params {
  color: #{colors.$c1} !important;
}
.hljs-comment {
  color: #{colors.$highlight} !important;
}
.hljs-doctag {
  color: #{colors.$c7} !important;
}
.hljs-meta {
  color: #{colors.$c1} !important;
}
.hljs-meta-keyword {
  color: #{colors.$c3} !important;
}
.hljs-meta-string {
  color: #{colors.$c2} !important;
}
.hljs-section {
  color: #{colors.$c4} !important;
}
.hljs-tag {
  color: #{colors.$c7} !important;
}
.hljs-name {
  color: #{colors.$c1} !important;
}
.hljs-builtin-name {
  color: #{colors.$c7} !important;
}
.hljs-attr {
  color: #{colors.$c3} !important;
}
.hljs-attribute {
  color: #{colors.$c7} !important;
}
.hljs-variable {
  color: #{colors.$c1} !important;
}
.hljs-bullet {
  color: #{colors.$c1} !important;
}
.hljs-code {
  color: #{colors.$c2} !important;
}
.hljs-emphasis {
  color: #{colors.$c5} !important;
}
.hljs-strong {
  color: #{colors.$c3} !important;
}
.hljs-formula {
  color: #{colors.$c7} !important;
}
.hljs-link {
  color: #{colors.$c3} !important;
}
.hljs-quote {
  color: #{colors.$c3} !important;
}
.hljs-selector-tag {
  color: #{colors.$c1} !important;
}
.hljs-selector-id {
  color: #{colors.$c4} !important;
}
.hljs-selector-class {
  color: #{colors.$c3} !important;
}
.hljs-selector-attr {
  color: #{colors.$c4} !important;
}
.hljs-selector-pseudo {
  color: #{colors.$c3} !important;
}
.hljs-template-tag {
  color: #{colors.$c7} !important;
}
.hljs-template-variable {
  color: #{colors.$c7} !important;
}
.hljs-addition {
  color: #a6e22e !important;
  background: #384c10 !important;
}
.hljs-deletion {
  color: #f92672 !important;
  background: #4c0c23 !important;
}
.hljs-operator {
  color: #{colors.$c7} !important;
}
.hljs-pattern-match {
  color: #{colors.$c7} !important;
}
.hljs-typing {
  color: #{colors.$c7} !important;
}
.hljs-constructor {
  color: #{colors.$c7} !important;
}
.hljs-module-access {
  color: #{colors.$c7} !important;
}
.hljs-module {
  color: #{colors.$c7} !important;
}
.hljs-ansi-foreground-black [class^="hljs-ansi-background_"],
.hljs-ansi-foreground-black {
  color: #{colors.$c0} !important;
}
.hljs-ansi-foreground-red {
  color: #{colors.$c1} !important;
}
.hljs-ansi-foreground-green {
  color: #{colors.$c2} !important;
}
.hljs-ansi-foreground-yellow {
  color: #{colors.$c3} !important;
}
.hljs-ansi-foreground-blue {
  color: #{colors.$c4} !important;
}
.hljs-ansi-foreground-magenta {
  color: #{colors.$c5} !important;
}
.hljs-ansi-foreground-cyan {
  color: #{colors.$c6} !important;
}
.hljs-ansi-foreground-white [class^="hljs-ansi-background_"],
.hljs-ansi-foreground-white {
  color: #{colors.$c7} !important;
}
.hljs-ansi-foreground-black .hljs-ansi-style-bold,
.hljs-ansi-foreground-black.hljs-ansi-style-bold {
  color: #{colors.$c8} !important;
}
.hljs-ansi-foreground-red .hljs-ansi-style-bold,
.hljs-ansi-foreground-red.hljs-ansi-style-bold {
  color: #{colors.$c9} !important;
}
.hljs-ansi-foreground-green .hljs-ansi-style-bold,
.hljs-ansi-foreground-green.hljs-ansi-style-bold {
  color: #{colors.$c10} !important;
}
.hljs-ansi-foreground-yellow .hljs-ansi-style-bold,
.hljs-ansi-foreground-yellow.hljs-ansi-style-bold {
  color: #{colors.$c11} !important;
}
.hljs-ansi-foreground-blue .hljs-ansi-style-bold,
.hljs-ansi-foreground-blue.hljs-ansi-style-bold {
  color: #{colors.$c12} !important;
}
.hljs-ansi-foreground-magenta .hljs-ansi-style-bold,
.hljs-ansi-foreground-magenta.hljs-ansi-style-bold {
  color: #{colors.$c13} !important;
}
.hljs-ansi-foreground-cyan .hljs-ansi-style-bold,
.hljs-ansi-foreground-cyan.hljs-ansi-style-bold {
  color: #{colors.$c14} !important;
}
.hljs-ansi-foreground-white .hljs-ansi-style-bold,
.hljs-ansi-foreground-white.hljs-ansi-style-bold {
  color: #{colors.$c15} !important;
}
.hljs-ansi-background-black {
  background-color: #{colors.$c0} !important;
}
.hljs-ansi-background-red {
  background-color: #{colors.$c1} !important;
}
.hljs-ansi-background-green {
  background-color: #{colors.$c2} !important;
}
.hljs-ansi-background-yellow {
  background-color: #{colors.$c3} !important;
}
.hljs-ansi-background-blue {
  background-color: #{colors.$c4} !important;
}
.hljs-ansi-background-magenta {
  background-color: #{colors.$c5} !important;
}
.hljs-ansi-background-cyan {
  background-color: #{colors.$c6} !important;
}
.hljs-ansi-background-white {
  background-color: #{colors.$c7} !important;
}