.theme-dark {
  --dark-foreground: #FAFAFAEB;
  --dark-background-primary1: #4C4CB2;
  --dark-background-primary2: #2853B4;
  --dark-background-primary3: #388A9B;
  --dark-background-accent: #E92B93;
  --dark-background-success: #166735;
  --dark-background-info: #0057B0;
  --dark-background-warn: #9C3900;
  --dark-background-error: #B6010B;
  --dark-background-critical: #8B64F4;
  --dark-background-neutral: #7E7F81;
  --light-background-primary1: #000091;
  --light-background-primary2: #142A5B;
  --light-background-primary3: #10272D;
  --light-background-accent: #4D002A;
  --light-background-success: #0B331B;
  --light-background-info: #002C59;
  --light-background-warn: #4F1D00;
  --light-background-error: #610006;
  --light-background-critical: #271066;
  --light-background-neutral: #222527;
  --light-background-overlay: #0000006B;
  --light-foreground-primary1: #2929A2;
  --light-foreground-primary2: #1B397C;
  --light-foreground-primary3: #2D6F7E;
  --light-foreground-accent: #C9006E;
  --light-foreground-success: #0F4625;
  --light-foreground-info: #003C79;
  --light-foreground-warn: #6B2800;
  --light-foreground-error: #800108;
  --light-foreground-critical: #7040F1;
  --light-foreground-neutral: #666769;
  --base: #FAFAFA;
  --title: #FAFAFAEB;
  --text1: #FAFAFACC;
  --text2: #FAFAFAA3;
  --icon: #FAFAFA7A;
  --icon-filter: invert(98%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(25%);
  --divider: #FAFAFA5C;
  --stroke: #FAFAFA29;
  --selected-disabled-foreground: #FAFAFACC;
  --unselected-disabled-foreground: #FAFAFAA3;
  --contrast-foreground: #14171AEB;
  --skeleton: #FAFAFA14;
  --surface-background: #202326;
  --card: #14171A;
  --card2: #25272B;
  --dialog: #14171A;
  --selected-disabled-background: #FAFAFA29;
  --unselected-disabled-background: #FAFAFA0A;
  --transparency: #FAFAFAA3;
  // for nameless colors in figma
  --other-background-base: #14171A;
}