tw-runner/mysite/assets/css/theme/index.css

Run and manage Tower Website projects with this utility.

@import '../variables/index.css';

@theme {
  /* THEME COLORS */
  --color-primary: var(--primary);
  --color-primary-text: var(--primary-text);
  --color-primary-dark: var(--primary-dark);
  --color-primary-dark-text: var(--primary-dark-text);

  --color-secondary: var(--secondary);
  --color-secondary-text: var(--secondary-text);
  --color-secondary-dark: var(--secondary-dark);
  --color-secondary-dark-text: var(--secondary-dark-text);

  --color-negative: var(--negative);
  --color-negative-text: var(--negative-text);
  --color-negative-dark: var(--negative-dark);
  --color-negative-dark-text: var(--negative-dark-text);

  --color-primary: var(--primary);
  --color-primary-text: var(--primary-text);
  --color-primary-dark: var(--primary-dark);
  --color-primary-dark-text: var(--primary-dark-text);

  --color-primary-highlight: var(--primary-highlight);
  --color-primary-highlight-text: var(--primary-highlight-text);
  --color-primary-highlight-dark: var(--primary-highlight-dark);
  --color-primary-highlight-dark-text: var(--primary-highlight-dark-text);

  --color-negative-primary: var(--negative-primary);
  --color-negative-primary-text: var(--negative-primary-text);
  --color-negative-primary-dark: var(--negative-primary-dark);
  --color-negative-primary-dark-text: var(--negative-primary-dark-text);

  --color-negative-secondary: var(--negative-secondary);
  --color-negative-secondary-text: var(--negative-secondary-text);
  --color-negative-secondary-dark: var(--negative-secondary-dark);
  --color-negative-secondary-dark-text: var(--negative-secondary-dark-text);

  --color-ground: var(--ground);
  --color-ground-text: var(--ground-text);
  --color-ground-dark: var(--ground-dark);
  --color-ground-dark-text: var(--ground-dark-text);

  --color-ground-primary: var(--ground-primary);
  --color-ground-primary-text: var(--ground-primary-text);
  --color-ground-primary-dark: var(--ground-primary-dark);
  --color-ground-primary-dark-text: var(--ground-primary-dark-text);

  --color-ground-secondary: var(--ground-secondary);
  --color-ground-secondary-text: var(--ground-secondary-text);
  --color-ground-secondary-dark: var(--ground-secondary-dark);
  --color-ground-secondary-dark-text: var(--ground-secondary-dark-text);

  --color-success: var(--success);
  --color-success-text: var(--success-text);
  --color-success-dark: var(--success-dark);
  --color-success-dark-text: var(--success-dark-text);

  --color-warning: var(--warning);
  --color-warning-text: var(--warning-text);
  --color-warning-dark: var(--warning-dark);
  --color-warning-dark-text: var(--warning-dark-text);

  --color-info: var(--info);
  --color-info-text: var(--info-text);
  --color-info-dark: var(--info-dark);
  --color-info-dark-text: var(--info-dark-text);

  --color-error: var(--error);
  --color-error-text: var(--error-text);
  --color-error-dark: var(--error-dark);
  --color-error-dark-text: var(--error-dark-text);
}