Files
webgui/emhttp/plugins/dynamix/styles/default-gray.css
2024-07-08 11:53:12 -07:00

76 lines
2.8 KiB
CSS

:root {
--theme-gray--black-alt: #121510;
--theme-gray--cyan-400: #606e7f;
--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;
--text-color: var(--theme-gray--cyan-400);
--blockquote-text-color: var(--gray-800);
--alt-text-color: var(--theme-gray--cyan-400);
--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-700);
--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-400);
--alt-border-color: var(--theme-gray--cyan-600);
--disabled-border-color: var(--gray-500);
--input-border-color: var(--theme-gray--cyan-400);
--disabled-input-border-color: var(--gray-500);
--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: #566573;
--footer-text: var(--gray-500);
--small-shadow: 0 0 0 0 transparent;
--hr-color: var(--theme-gray--cyan-400);
--checkbox-color: var(--gray-800);
--checkbox-hover-color: var(--gray-600);
--brand-orange: var(--orange-500);
--brand-red: var(--red-800);
--header-color: var(--gray-100);
--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-400);
--button-text-color: var(--theme-gray--cyan-400);
--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);
}