Skip to content
Snippets Groups Projects
_colors.scss 865 B
Newer Older
  • Learn to ignore specific revisions
  • Markus Kaarto's avatar
    Markus Kaarto committed
    :root {
      --brand-main: #0e688b;
      --brand-main-light: #107eab;
      --brand-main-active: #005379;
      --brand-main-dark: #003146;
      --brand-main-nearly-black: #000222;
    
      --link-disabled: #767676;
    
    Markus Kaarto's avatar
    Markus Kaarto committed
      --grayscale-white: #fff;
    
      --grayscale-slightly-gray: #fefefe;
    
    Markus Kaarto's avatar
    Markus Kaarto committed
      --grayscale-light: #f8f8f8;
      --grayscale-medium: #d2d2d2;
    
      --grayscale-background-box: #f5f5f5;
    
    Tuukka Turu's avatar
    Tuukka Turu committed
      --grayscale-tabs-border: #e6e6e6;
    
      --grayscale-background-arrow: #dfdfdf;
    
    Markus Kaarto's avatar
    Markus Kaarto committed
      --grayscale-medium-dark: #979797;
      --grayscale-dark: #555555;
      --grayscale-black: #000000;
    
      --additional-red-light: #e5053a;
      --additional-red-dark: #a31621;
    
    Markus Kaarto's avatar
    Markus Kaarto committed
      --additional-purple-light: #420039;
    
      --additional-yellow: #f9a21a;
      --additional-skyblue: #48c5f8;
      --additional-orange: #d14600;
      --additional-green-light: #96ba3c;
    
    Markus Kaarto's avatar
    Markus Kaarto committed
      --additional-green-dark: #006400;
    }
    
    * {
      box-sizing: border-box;
    }