diff --git a/emhttp/plugins/dynamix/styles/default-azure.css b/emhttp/plugins/dynamix/styles/default-azure.css index b92cedf94..4b59072bb 100644 --- a/emhttp/plugins/dynamix/styles/default-azure.css +++ b/emhttp/plugins/dynamix/styles/default-azure.css @@ -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; diff --git a/emhttp/plugins/dynamix/styles/default-base.css b/emhttp/plugins/dynamix/styles/default-base.css index 8e3e6cc9c..5c02b9504 100644 --- a/emhttp/plugins/dynamix/styles/default-base.css +++ b/emhttp/plugins/dynamix/styles/default-base.css @@ -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; diff --git a/emhttp/plugins/dynamix/styles/default-black.css b/emhttp/plugins/dynamix/styles/default-black.css index 471629836..7a24c0b76 100644 --- a/emhttp/plugins/dynamix/styles/default-black.css +++ b/emhttp/plugins/dynamix/styles/default-black.css @@ -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); diff --git a/emhttp/plugins/dynamix/styles/default-gray.css b/emhttp/plugins/dynamix/styles/default-gray.css index ec3d12534..6e1c6fcad 100644 --- a/emhttp/plugins/dynamix/styles/default-gray.css +++ b/emhttp/plugins/dynamix/styles/default-gray.css @@ -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); diff --git a/emhttp/plugins/dynamix/styles/default-white.css b/emhttp/plugins/dynamix/styles/default-white.css index ec7a6293b..e684a7be4 100644 --- a/emhttp/plugins/dynamix/styles/default-white.css +++ b/emhttp/plugins/dynamix/styles/default-white.css @@ -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);