mirror of
https://github.com/OneUptime/oneuptime.git
synced 2026-04-06 00:32:12 +02:00
90 lines
3.0 KiB
CSS
90 lines
3.0 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
:root {
|
|
--color-bg-primary: #FFFFFF;
|
|
--color-bg-secondary: #F8F8FA;
|
|
--color-bg-tertiary: #F0F0F2;
|
|
--color-bg-elevated: #FFFFFF;
|
|
--color-card-accent: rgba(0, 0, 0, 0.04);
|
|
--color-bg-glass: rgba(255, 255, 255, 0.85);
|
|
--color-icon-bg: rgba(0, 0, 0, 0.05);
|
|
--color-border-default: #E5E5EA;
|
|
--color-border-subtle: #F0F0F2;
|
|
--color-text-primary: #111111;
|
|
--color-text-secondary: #6B6B6B;
|
|
--color-text-tertiary: #9A9A9A;
|
|
--color-text-inverse: #FFFFFF;
|
|
--color-severity-critical: #CF222E;
|
|
--color-severity-critical-bg: #CF222E1A;
|
|
--color-severity-major: #BC4C00;
|
|
--color-severity-major-bg: #BC4C001A;
|
|
--color-severity-minor: #9A6700;
|
|
--color-severity-minor-bg: #9A67001A;
|
|
--color-severity-warning: #BF8700;
|
|
--color-severity-warning-bg: #BF87001A;
|
|
--color-severity-info: #0969DA;
|
|
--color-severity-info-bg: #0969DA1A;
|
|
--color-state-created: #CF222E;
|
|
--color-state-acknowledged: #9A6700;
|
|
--color-state-resolved: #1A7F37;
|
|
--color-state-investigating: #BC4C00;
|
|
--color-state-muted: #8C959F;
|
|
--color-oncall-active: #1A7F37;
|
|
--color-oncall-active-bg: #1A7F371A;
|
|
--color-oncall-inactive: #8C959F;
|
|
--color-oncall-inactive-bg: #8C959F1A;
|
|
--color-action-primary: #1A1A1A;
|
|
--color-action-primary-pressed: #333333;
|
|
--color-action-destructive: #CF222E;
|
|
--color-action-destructive-pressed: #A40E26;
|
|
--color-status-success: #1A7F37;
|
|
--color-status-success-bg: #1A7F371A;
|
|
--color-status-error: #CF222E;
|
|
--color-status-error-bg: #CF222E1A;
|
|
}
|
|
|
|
.dark {
|
|
--color-bg-primary: #000000;
|
|
--color-bg-secondary: #0A0A0A;
|
|
--color-bg-tertiary: #161616;
|
|
--color-bg-elevated: #0F0F0F;
|
|
--color-card-accent: rgba(255, 255, 255, 0.07);
|
|
--color-bg-glass: rgba(255, 255, 255, 0.05);
|
|
--color-icon-bg: rgba(255, 255, 255, 0.07);
|
|
--color-border-default: #1C1C1E;
|
|
--color-border-subtle: #141414;
|
|
--color-text-primary: #F0F0F0;
|
|
--color-text-secondary: #8E8E93;
|
|
--color-text-tertiary: #636366;
|
|
--color-text-inverse: #000000;
|
|
--color-severity-critical: #F85149;
|
|
--color-severity-critical-bg: #F8514926;
|
|
--color-severity-major: #F0883E;
|
|
--color-severity-major-bg: #F0883E26;
|
|
--color-severity-minor: #D29922;
|
|
--color-severity-minor-bg: #D2992226;
|
|
--color-severity-warning: #E3B341;
|
|
--color-severity-warning-bg: #E3B34126;
|
|
--color-severity-info: #58A6FF;
|
|
--color-severity-info-bg: #58A6FF26;
|
|
--color-state-created: #F85149;
|
|
--color-state-acknowledged: #D29922;
|
|
--color-state-resolved: #3FB950;
|
|
--color-state-investigating: #F0883E;
|
|
--color-state-muted: #636366;
|
|
--color-oncall-active: #3FB950;
|
|
--color-oncall-active-bg: #3FB95026;
|
|
--color-oncall-inactive: #636366;
|
|
--color-oncall-inactive-bg: #63636626;
|
|
--color-action-primary: #FFFFFF;
|
|
--color-action-primary-pressed: #D4D4D4;
|
|
--color-action-destructive: #F85149;
|
|
--color-action-destructive-pressed: #DA3633;
|
|
--color-status-success: #3FB950;
|
|
--color-status-success-bg: #3FB95026;
|
|
--color-status-error: #F85149;
|
|
--color-status-error-bg: #F8514926;
|
|
}
|