75 lines
3.0 KiB
CSS
75 lines
3.0 KiB
CSS
@charset "UTF-8";
|
|
|
|
@layer tokens {
|
|
/* High contrast overrides */
|
|
html[data-contrast="high"][data-theme="light"],
|
|
[data-contrast="high"][data-theme="light"] {
|
|
--app-background-color: #fff;
|
|
--app-sidebar-background-color: var(--app-background-color);
|
|
--app-color: #0f172a;
|
|
--app-muted-color: #1f2937;
|
|
--app-muted-border-color: #64748b;
|
|
--app-form-element-background-color: #fff;
|
|
--app-form-element-border-color: #475569;
|
|
--app-form-element-color: #0f172a;
|
|
--app-form-element-placeholder-color: #334155;
|
|
--app-table-border-color: var(--app-muted-border-color);
|
|
--app-card-border-color: var(--app-muted-border-color);
|
|
--app-dropdown-border-color: var(--app-muted-border-color);
|
|
--app-accordion-border-color: white;
|
|
--app-card-background-color: #ffffff;
|
|
--app-blockquote-border-color: var(--app-muted-border-color);
|
|
--app-tooltip-background-color: #000;
|
|
--app-tooltip-color: #fff;
|
|
--app-action-success-background: #0f5f00;
|
|
--app-action-success-border: #0f5f00;
|
|
--app-action-success-color: #fff;
|
|
--app-action-success-hover-background: #084700;
|
|
--app-action-success-hover-border: #084700;
|
|
--app-action-success-focus-color: rgba(15, 95, 0, 0.65);
|
|
--app-action-success-outline-background: rgba(15, 95, 0, 0.2);
|
|
--app-action-danger-background: #8f0000;
|
|
--app-action-danger-border: #8f0000;
|
|
--app-action-danger-color: #fff;
|
|
--app-action-danger-hover-background: #6f0000;
|
|
--app-action-danger-hover-border: #6f0000;
|
|
--app-action-danger-focus-color: rgba(143, 0, 0, 0.65);
|
|
--app-action-danger-outline-background: rgba(143, 0, 0, 0.2);
|
|
}
|
|
|
|
html[data-contrast="high"][data-theme^="dark"],
|
|
[data-contrast="high"][data-theme^="dark"] {
|
|
--app-background-color: #000;
|
|
--app-sidebar-background-color: var(--app-background-color);
|
|
--app-color: #f8fafc;
|
|
--app-muted-color: #cbd5e1;
|
|
--app-muted-border-color: #64748b;
|
|
--app-form-element-background-color: #000000;
|
|
--app-form-element-border-color: #94a3b8;
|
|
--app-form-element-color: #f8fafc;
|
|
--app-form-element-placeholder-color: #cbd5e1;
|
|
--app-table-border-color: var(--app-muted-border-color);
|
|
--app-card-border-color: var(--app-muted-border-color);
|
|
--app-dropdown-border-color: var(--app-muted-border-color);
|
|
--app-accordion-border-color: black;
|
|
--app-card-background-color: #000000;
|
|
--app-blockquote-border-color: var(--app-muted-border-color);
|
|
--app-tooltip-background-color: #fff;
|
|
--app-tooltip-color: #0b0f14;
|
|
--app-action-success-background: #0f5f00;
|
|
--app-action-success-border: #0f5f00;
|
|
--app-action-success-color: #fff;
|
|
--app-action-success-hover-background: #084700;
|
|
--app-action-success-hover-border: #084700;
|
|
--app-action-success-focus-color: rgba(15, 95, 0, 0.7);
|
|
--app-action-success-outline-background: rgba(15, 95, 0, 0.24);
|
|
--app-action-danger-background: #8f0000;
|
|
--app-action-danger-border: #8f0000;
|
|
--app-action-danger-color: #fff;
|
|
--app-action-danger-hover-background: #6f0000;
|
|
--app-action-danger-hover-border: #6f0000;
|
|
--app-action-danger-focus-color: rgba(143, 0, 0, 0.7);
|
|
--app-action-danger-outline-background: rgba(143, 0, 0, 0.24);
|
|
}
|
|
}
|