fix: table header bg

This commit is contained in:
Zack Spear
2024-06-25 15:44:12 -07:00
parent cea30ed3a8
commit 4c7f736b3a
5 changed files with 14 additions and 5 deletions

View File

@@ -18,9 +18,13 @@
--radio-background-color: var(--gray-700);
--disabled-input-background-color: var(--gray-300);
--table-background-color: transparent;
--table-header-background-color: var(--gray-150);
--hover-table-row-background-color: var(--black-opacity-05);
--dashboard-background-color: #d7dbdd;
--dashboard-title-action-color: var(--black-opacity-30);
--dashboard-icon-color: var(--mild-background-color);
--border-color: #606e7f;
--alt-border-color: #004e86;

View File

@@ -743,7 +743,7 @@ table.unraid thead tr:first-child > td {
font-size: 1.1rem;
text-transform: uppercase;
letter-spacing: 1px;
background-color: var(--mild-background-color);
background-color: var(--table-header-background-color);
}
table.unraid thead tr:last-child {
border-bottom: 1px solid var(--table-border-color);
@@ -935,7 +935,7 @@ table.dashboard i.control {
font-size: 1.4rem !important;
margin: 0 3px 0 0;
cursor: pointer;
color: var(--dashboard-background-color);
color: var(--dashboard-icon-color);
background-color: var(--dashboard-title-action-color);
padding: 2px;
border-radius: 5px;

View File

@@ -8,13 +8,14 @@
--background-color: var(--gray-900);
--opac-background-color: var(--gray-895);
--mild-background-color: var(--gray-700);
--mild-background-color: #262626; /* var(--gray-700); */
--usage-bar-background-color: var(--gray-700);
--usage-disk-background-color: var(--gray-700);
--inverse-background-color: var(--gray-100);
--radio-background-color: var(--gray-700);
--dashboard-background-color: var(--gray-700);
--dashboard-title-action-color: var(--black-opacity-30);
--dashboard-title-action-color: var(--white-opacity-30);
--dashboard-icon-color: var(--mild-background-color);
--border-color: var(--gray-600);
--disabled-border-color: var(--gray-500);
@@ -23,6 +24,7 @@
--inverse-border-color: var(--white-opacity-25);
--table-border-color: var(--gray-700);
--table-background-color: var(--gray-800);
--table-header-background-color: var(--gray-800);
--hover-table-row-background-color: var(--white-opacity-05);
--small-shadow: 0 0 3px var(--gray-700);

View File

@@ -28,6 +28,7 @@
--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);

View File

@@ -8,13 +8,14 @@
--background-color: var(--gray-100);
--opac-background-color: var(--gray-895);
--mild-background-color: var(--gray-150);
--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);
@@ -23,6 +24,7 @@
--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);