Files
breadcrumb-the-shire/web/css/base/variables.contrast.css

75 lines
3.0 KiB
CSS
Raw Normal View History

2026-02-11 19:28:12 +01:00
@charset "UTF-8";
@layer tokens {
2026-02-11 19:28:12 +01:00
/* High contrast overrides */
html[data-contrast="high"][data-theme="light"],
[data-contrast="high"][data-theme="light"] {
--app-background-color: #fff;
2026-03-12 09:41:18 +01:00
--app-sidebar-background-color: var(--app-background-color);
2026-02-11 19:28:12 +01:00
--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;
2026-03-12 16:47:53 +01:00
--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);
2026-02-11 19:28:12 +01:00
}
html[data-contrast="high"][data-theme^="dark"],
[data-contrast="high"][data-theme^="dark"] {
--app-background-color: #000;
2026-03-12 09:41:18 +01:00
--app-sidebar-background-color: var(--app-background-color);
2026-02-11 19:28:12 +01:00
--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;
2026-03-12 16:47:53 +01:00
--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);
2026-02-11 19:28:12 +01:00
}
}