mirror of
https://github.com/unraid/webgui.git
synced 2026-02-09 02:19:16 -06:00
117 lines
4.7 KiB
CSS
117 lines
4.7 KiB
CSS
:root {
|
|
/* Theme specific vars */
|
|
--theme-gray--black-alt: #121510;
|
|
--theme-gray--cyan-300: #606e7f;
|
|
--theme-gray--cyan-400: #566573;
|
|
--theme-gray--cyan-500: #42453e;
|
|
--theme-gray--cyan-600: #004e86;
|
|
--theme-gray--cyan-700: #39587f;
|
|
--theme-gray--cyan-900: #212f3d;
|
|
|
|
--theme-gray--green-900: #232523;
|
|
/* /Theme specific vars */
|
|
|
|
/* Begin setting vars used in default-base */
|
|
--text-color: var(--theme-gray--cyan-300);
|
|
--blockquote-text-color: var(--gray-800);
|
|
--alt-text-color: var(--theme-gray--cyan-300);
|
|
--disabled-text-color: var(--gray-500);
|
|
--inverse-text-color: var(--gray-900);
|
|
--link-text-color: var(--blue-800);
|
|
|
|
--background-color: var(--black);
|
|
--alt-background-color: var(--gray-700);
|
|
--opac-background-color: var(--gray-895);
|
|
--mild-background-color: var(--theme-gray--black-alt);
|
|
--usage-bar-background-color: var(--gray-600);
|
|
--usage-bar-used-background-color: var(--gray-500);
|
|
--usage-disk-background-color: var(--theme-gray--green-900);
|
|
--inverse-background-color: var(--gray-100);
|
|
--radio-background-color: var(--gray-700);
|
|
--disabled-input-background-color: var(--alt-background-color);
|
|
--table-background-color: transparent;
|
|
--hover-table-row-background-color: var(--white-opacity-05);
|
|
--dashboard-background-color: var(--theme-gray--cyan-900);
|
|
--dashboard-title-action-color: var(--white-opacity-30);
|
|
--dashboard-icon-color: var(--mild-background-color);
|
|
|
|
--border-color: var(--theme-gray--cyan-300);
|
|
--alt-border-color: var(--theme-gray--cyan-600);
|
|
--disabled-border-color: var(--gray-500);
|
|
--input-border-color: var(--border-color);
|
|
--disabled-input-border-color: var(--gray-500);
|
|
--textarea-border-color: var(--border-color);
|
|
--inverse-border-color: var(--theme-gray--cyan-500);
|
|
--table-border-color: var(--gray-700);
|
|
--table-alt-border-color: var(--theme-gray--black-alt);
|
|
--dashboard-border-color: var(--theme-gray--cyan-400);
|
|
|
|
--footer-text: var(--gray-500);
|
|
--footer-background-color: var(--black);
|
|
|
|
--small-shadow: 0 0 0 0 transparent;
|
|
--hr-color: var(--theme-gray--cyan-300);
|
|
|
|
--checkbox-color: var(--gray-800);
|
|
--checkbox-hover-color: var(--gray-600);
|
|
|
|
--brand-orange: var(--orange-500);
|
|
--brand-red: var(--red-800);
|
|
|
|
--header-text-color: var(--customer-header-text-color, var(--inverse-text-color));
|
|
--header-background-color: var(--custom-header-background-color, var(--gray-100));
|
|
|
|
--title-header-background-color: var(--mild-background-color);
|
|
|
|
--scrollbar-color: var(--gray-300);
|
|
--scrollbar-hover-color: var(--gray-200);
|
|
|
|
--bg-opacity-10: var(--black-opacity-10);
|
|
--bg-opacity-30: var(--black-opacity-30);
|
|
|
|
--button-border: var(--theme-gray--cyan-300);
|
|
--button-text-color: var(--theme-gray--cyan-300);
|
|
--button-background: var(--theme-gray--black-alt);
|
|
--button-background-size: cover;
|
|
|
|
--hover-button-border: var(--blue-700);
|
|
--hover-button-text-color: var(--gray-300);
|
|
--hover-button-background: var(--theme-gray--black-alt);
|
|
|
|
/* --input-border-color: var(--blue-700); */
|
|
--input-bg-color: var(--theme-gray--black-alt);
|
|
--focus-input-border-color: var(--blue-700);
|
|
--focus-input-background-color: var(--mild-background-color);
|
|
|
|
--shade-bg-color: var(--theme-gray--black-alt);
|
|
/* /End vars used in default-base */
|
|
|
|
/* Set vars for default-dynamix */
|
|
--dynamix-filetree-bg-color: var(--gray-900);
|
|
|
|
--dynamix-ui-dropdownchecklist-color: var(--theme-gray--cyan-300);
|
|
--dynamix-ui-dropdownchecklist-color-alt1: var(--gray-900);
|
|
--dynamix-ui-dropdownchecklist-dropcontainer-border-color: var(--blue-700);
|
|
--dynamix-ui-state-active-border-color: var(--blue-700);
|
|
|
|
--dynamix-sweet-alert-text-color: var(--theme-gray--cyan-300);
|
|
--dynamix-sweet-alert-icon-bg-color: var(--black);
|
|
|
|
--dynamix-tablesorter-thead-row-border-color: var(--theme-gray--cyan-300);
|
|
--dynamix-tablesorter-thead-th-text-color: var(--gray-500);
|
|
--dynamix-tablesorter-thead-th-bg-color: var(--black);
|
|
|
|
--dynamix-tablesorter-tbody-row-alt-bg-color: var(--theme-gray--black-alt);
|
|
--dynamix-tablesorter-tbody-row-bg-color: var(--black);
|
|
--dynamix-tablesorter-tbody-row-border-color: var(--table-alt-border-color); /* #edeaef */
|
|
|
|
--dynamix-select-bg-color: var(--black);
|
|
--dynamix-select-box-shadow: 0 2px 0 var(--theme-gray--black-alt), inset 0 -1px var(--black);
|
|
--dynamix-select-disabled-bg-color: var(--gray-700); /* Originally #383a34 */
|
|
--dynamix-select-disabled-border-color: var(--gray-500);
|
|
--dynamix-select-disabled-color: var(--gray-500);
|
|
|
|
--dynamix-box-text-color: var(--theme-gray--cyan-300);
|
|
/* /End vars for default-dynamix */
|
|
}
|