mirror of
https://github.com/unraid/webgui.git
synced 2026-01-10 03:30:03 -06:00
63 lines
2.4 KiB
CSS
63 lines
2.4 KiB
CSS
:root {
|
|
--text-color: var(--gray-900);
|
|
--blockquote-text-color: var(--gray-800);
|
|
--alt-text-color: var(--gray-400);
|
|
--disabled-text-color: var(--gray-500);
|
|
--inverse-text-color: var(--gray-100);
|
|
--link-text-color: var(--blue-800);
|
|
|
|
--background-color: var(--gray-100);
|
|
--opac-background-color: var(--gray-895);
|
|
--mild-background-color: #f7f9f9;
|
|
--usage-bar-background-color: var(--gray-500);
|
|
--usage-disk-background-color: var(--gray-200);
|
|
--inverse-background-color: var(--gray-900);
|
|
--radio-background-color: var(--gray-200);
|
|
--dashboard-background-color: var(--gray-700);
|
|
--dashboard-title-action-color: var(--black-opacity-30);
|
|
--dashboard-icon-color: var(--mild-background-color);
|
|
|
|
--border-color: var(--gray-200);
|
|
--disabled-border-color: var(--gray-500);
|
|
--input-border-color: var(--gray-900);
|
|
--disabled-input-border-color: var(--gray-400);
|
|
--inverse-border-color: var(--gray-000);
|
|
--table-border-color: var(--gray-200);
|
|
--table-background-color: var(--gray-150);
|
|
--table-header-background-color: var(--gray-150);
|
|
|
|
--hover-table-row-background-color: var(--black-opacity-05);
|
|
|
|
--small-shadow: 0 0 3px var(--gray-700);
|
|
--hr-color: var(--gray-300);
|
|
|
|
--checkbox-color: var(--gray-200);
|
|
--checkbox-hover-color: var(--gray-300);
|
|
|
|
--brand-orange: var(--orange-500);
|
|
--brand-red: var(--red-800);
|
|
|
|
--header-color: var(--gray-900);
|
|
|
|
--scrollbar-color: var(--gray-400);
|
|
--scrollbar-hover-color: var(--gray-500);
|
|
|
|
--bg-opacity-10: var(--white-opacity-10);
|
|
--bg-opacity-30: var(--white-opacity-30);
|
|
|
|
--button-text-color: var(--brand-orange);
|
|
--button-border: none;
|
|
--button-background: linear-gradient(90deg, var(--brand-red) 0, var(--brand-orange)) 0 0 no-repeat,
|
|
linear-gradient(90deg, var(--brand-red) 0, var(--brand-orange)) 0 100% no-repeat,
|
|
linear-gradient(0deg, var(--brand-red) 0, var(--brand-red)) 0 100% no-repeat,
|
|
linear-gradient(0deg, var(--brand-orange) 0, var(--brand-orange)) 100% 100% no-repeat;
|
|
--button-background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%;
|
|
|
|
--hover-button-border: #0072c6;
|
|
--hover-button-text-color: var(--white);
|
|
--hover-button-background: linear-gradient(90deg,var(--brand-red) 0,var(--brand-orange));
|
|
|
|
--input-border-color: #1c1b1b;
|
|
--input-bg-color: transparent;
|
|
}
|