big restructure
This commit is contained in:
44
web/css/base/variables.contrast.css
Normal file
44
web/css/base/variables.contrast.css
Normal file
@@ -0,0 +1,44 @@
|
||||
@charset "UTF-8";
|
||||
|
||||
/* High contrast overrides */
|
||||
html[data-contrast="high"][data-theme="light"],
|
||||
[data-contrast="high"][data-theme="light"] {
|
||||
--app-background-color: #fff;
|
||||
--app-sidebar-background-color: #fff;
|
||||
--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;
|
||||
}
|
||||
|
||||
html[data-contrast="high"][data-theme^="dark"],
|
||||
[data-contrast="high"][data-theme^="dark"] {
|
||||
--app-background-color: #000;
|
||||
--app-sidebar-background-color: #000;
|
||||
--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;
|
||||
}
|
||||
Reference in New Issue
Block a user