tw-runner/mysite/assets/css/variables/colors.css

Run and manage Tower Website projects with this utility.

:root {
  /* Primary colors */
  --primary: #E60012;
  --primary-text: #FFFFFF;
  --primary-dark: #B3000E;
  --primary-dark-text: #FFFFFF;
  --primary-highlight: #FF3341;
  --primary-highlight-text: #FFFFFF;
  --primary-highlight-dark: #CC0010;
  --primary-highlight-dark-text: #FFFFFF;

  /* Secondary colors */
  --secondary: #00A5E0;
  --secondary-text: #000000;
  --secondary-dark: #0084B3;
  --secondary-dark-text: #FFFFFF;

  /* Negative space colors */
  --negative: #F5F5F5;
  --negative-text: #333333;
  --negative-dark: #2A2A2A;
  --negative-dark-text: #F5F5F5;

  /* Grounding colors */
  --ground: #FFFFFF;
  --ground-text: #333333;
  --ground-dark: #121212;
  --ground-dark-text: #FFFFFF;
  --ground-primary-variant: #FFF0F1;
  --ground-primary-variant-text: #E60012;
  --ground-secondary-variant: #E6F7FF;
  --ground-secondary-variant-text: #0084B3;

  /* System colors */
  --success: #41CC00;
  --success-text: #FFFFFF;
  --warning: #FFC107;
  --warning-text: #000000;
  --error: #FF3D00;
  --error-text: #FFFFFF;
  --info: #64B5F6;
  --info-text: #000000;
}