mirror/webgui
1
0
Fork 0
mirror of https://github.com/unraid/webgui.git synced 2026-01-28 20:49:04 -06:00
Code Issues Packages Projects Releases Wiki Activity

feat: reduce css files for theme css vars

Browse Source
This commit is contained in:
Zack Spear
2024-07-02 16:08:01 -07:00
parent 6f426242ad
commit 27882e5f38
11 changed files with 79 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
emhttp/plugins/dynamix/include/DefaultPageLayout.php
View File

@@ -49,10 +49,9 @@ function annotate($text) {echo "\n<!--\n",str_repeat("#",strlen($text)),"\n$text
<link type="text/css" rel="stylesheet" href="<?autov("/webGui/styles/context.standalone.css")?>">
<link type="text/css" rel="stylesheet" href="<?autov("/webGui/styles/jquery.sweetalert.css")?>">
<link type="text/css" rel="stylesheet" href="<?autov("/webGui/styles/default-color-pallet.css")?>">
<link type="text/css" rel="stylesheet" href="<?autov("/webGui/styles/default-color-palette.css")?>">
<link type="text/css" rel="stylesheet" href="<?autov("/webGui/styles/default-base.css")?>">
<link type="text/css" rel="stylesheet" href="<?autov("/webGui/styles/default-{$display['theme']}.css")?>">
<link type="text/css" rel="stylesheet" href="<?autov("/webGui/styles/base-dynamix.css")?>">
<link type="text/css" rel="stylesheet" href="<?autov("/webGui/styles/default-dynamix.css")?>">
<link type="text/css" rel="stylesheet" href="<?autov("/webGui/styles/dynamix-{$display['theme']}.css")?>">
<style>
<?if (empty($display['width'])):?>

0
emhttp/plugins/dynamix/styles/default-color-pallet.css → emhttp/plugins/dynamix/styles/default-color-palette.css
View File

0
emhttp/plugins/dynamix/styles/base-dynamix.css → emhttp/plugins/dynamix/styles/default-dynamix.css
View File

22
emhttp/plugins/dynamix/styles/dynamix-azure.css
View File

@@ -1,22 +0,0 @@
:root {
--dynamix-ui-dropdownchecklist-color: #606e7f;
--dynamix-ui-dropdownchecklist-color-alt1: var(--gray-900);
--dynamix-ui-dropdownchecklist-color-alt2: var(--gray-500);
--dynamix-ui-dropdownchecklist-dropcontainer-border-color: #0072c6;
--dynamix-ui-state-active-border-color: #0072c6;
--dynamix-sweet-alert-text-color: #606e7f;
--dynamix-sweet-alert-icon-bg-color: #e4e2e4;
--dynamix-tablesorter-thead-row-border-color: #606e7f;
--dynamix-tablesorter-thead-th-text-color: #606e7f;
--dynamix-tablesorter-thead-th-bg-color: #e4e2e4;
--dynamix-tablesorter-tbody-row-border-color: #edeaef;
--dynamix-select-bg-color: #1c1b1b;
--dynamix-select-box-shadow: 0 2px 0 #1f1f1f, inset 0 -1px #000000;
--dynamix-select-disabled-bg-color: #383a34;
--dynamix-box-text-color: #606e7f;
}

1
emhttp/plugins/dynamix/styles/dynamix-black.css
View File

@@ -1 +0,0 @@
/* default CSS var values set in base-dynamix.css */

25
emhttp/plugins/dynamix/styles/dynamix-gray.css
View File

@@ -1,25 +0,0 @@
:root {
--dynamix-ui-dropdownchecklist-color: #606e7f;
--dynamix-ui-dropdownchecklist-color-alt1: var(--gray-900);
--dynamix-ui-dropdownchecklist-dropcontainer-border-color: #0072c6;
--dynamix-ui-state-active-border-color: #0072c6;
--dynamix-sweet-alert-text-color: #606e7f;
--dynamix-sweet-alert-icon-bg-color: #1b1d1b;
--dynamix-tablesorter-thead-row-border-color: #606e7f;
--dynamix-tablesorter-thead-th-text-color: var(--gray-500);
--dynamix-tablesorter-thead-th-bg-color: #1b1d1b;
--dynamix-tablesorter-tbody-row-alt-bg-color: #121510;
--dynamix-tablesorter-tbody-row-bg-color: #1b1d1b;
--dynamix-tablesorter-tbody-row-border-color: var(--table-alt-border-color); /* #edeaef */
--dynamix-select-bg-color: #1c1b1b;
--dynamix-select-box-shadow: 0 2px 0 #1f1f1f, inset 0 -1px #000000;
--dynamix-select-disabled-bg-color: #383a34;
--dynamix-select-disabled-border-color: #808080;
--dynamix-select-disabled-color: #808080;
--dynamix-box-text-color: #606e7f;
}

21
emhttp/plugins/dynamix/styles/dynamix-white.css
View File

@@ -1,21 +0,0 @@
:root {
--dynamix-ui-dropdownchecklist-color: #1c1b1b;
--dynamix-ui-dropdownchecklist-color-alt1: #e8e8e8;
--dynamix-ui-dropdownchecklist-color-alt2: #a2a2a2;
--dynamix-sweet-alert-text-color: #1c1b1b;
--dynamix-sweet-alert-icon-bg-color: #f2f2f2;
--dynamix-tablesorter-thead-row-border-color: #e3e3e3;
--dynamix-tablesorter-thead-th-text-color: #1c1b1b;
--dynamix-tablesorter-thead-th-bg-color: #e8e8e8;
--dynamix-tablesorter-tbody-row-alt-bg-color: #ededed;
--dynamix-tablesorter-tbody-row-bg-color: #f2f2f2;
--dynamix-tablesorter-tbody-row-border-color: #e3e3e3;
--dynamix-select-box-shadow: 0 2px 0 #ff8c2f, inset 0 -1px #f2f2f2;
--dynamix-select-disabled-bg-color: #e8e8e8;
--dynamix-select-disabled-border-color: #808080;
--dynamix-select-disabled-color: #1c1b1b;
}

24
emhttp/plugins/dynamix/styles/default-azure.css → emhttp/plugins/dynamix/styles/theme-azure.css
View File

@@ -83,4 +83,28 @@
--input-border-color: var(--blue-800); /* Condensed from: #0072c6 */
--input-bg-color: var(--mild-background-color);
/* /End vars used in default-base */
/* Set vars for default-dynamix */
--dynamix-ui-dropdownchecklist-color: var(--theme-azure--cyan-400);
--dynamix-ui-dropdownchecklist-color-alt1: var(--gray-900);
--dynamix-ui-dropdownchecklist-color-alt2: var(--gray-500);
--dynamix-ui-dropdownchecklist-dropcontainer-border-color: var(--blue-800); /* Condensed from: #0072c6 */
--dynamix-ui-state-active-border-color: var(--blue-800); /* Condensed from: #0072c6 */
--dynamix-sweet-alert-text-color: var(--theme-azure--cyan-400);
--dynamix-sweet-alert-icon-bg-color: var(--gray-150); /* Originally #e4e2e4 */
--dynamix-tablesorter-thead-row-border-color: var(--theme-azure--cyan-400);
--dynamix-tablesorter-thead-th-text-color: var(--theme-azure--cyan-400);
--dynamix-tablesorter-thead-th-bg-color: var(--gray-150); /* Originally #e4e2e4 */
--dynamix-tablesorter-tbody-row-border-color: var(--theme-azure--gray-150);
--dynamix-select-bg-color: var(--black);
--dynamix-select-box-shadow: 0 2px 0 #1f1f1f, inset 0 -1px #000000;
--dynamix-select-disabled-bg-color: var(--gray-700); /* Originally #383a34 */
--dynamix-box-text-color: var(--theme-azure--cyan-400);
/* /End vars for default-dynamix */
}

3
emhttp/plugins/dynamix/styles/default-black.css → emhttp/plugins/dynamix/styles/theme-black.css
View File

@@ -66,4 +66,7 @@
--input-border-color: var(--gray-200);
--input-bg-color: transparent;
/* /End vars used in default-base */
/* dynamix CSS var values set in base-dynamix.css */
}

27
emhttp/plugins/dynamix/styles/default-gray.css → emhttp/plugins/dynamix/styles/theme-gray.css
View File

@@ -79,4 +79,31 @@
--input-bg-color: var(--theme-gray--black-alt);
--focus-input-border-color: var(--blue-700);
--focus-input-background-color: var(--mild-background-color);
/* /End vars used in default-base */
/* Set vars for default-dynamix */
--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: #121510;
--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 #1f1f1f, inset 0 -1px #000000;
--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 */
}

23
emhttp/plugins/dynamix/styles/default-white.css → emhttp/plugins/dynamix/styles/theme-white.css
View File

@@ -67,4 +67,27 @@
--input-border-color: var(--black);
--input-bg-color: transparent;
/* /End vars used in default-base */
/* Set vars for default-dynamix */
--dynamix-ui-dropdownchecklist-color: var(--black);
--dynamix-ui-dropdownchecklist-color-alt1: var(--gray-150);
--dynamix-ui-dropdownchecklist-color-alt2: var(--gray-400); /* Originally #a2a2a2 */
--dynamix-sweet-alert-text-color: var(--black);
--dynamix-sweet-alert-icon-bg-color: var(--gray-100);
--dynamix-tablesorter-thead-row-border-color: var(--gray-200); /* Originally #e3e3e3 */
--dynamix-tablesorter-thead-th-text-color: var(--black);
--dynamix-tablesorter-thead-th-bg-color: var(--gray-150);
--dynamix-tablesorter-tbody-row-alt-bg-color: var(--gray-150); /* Originally #ededed */
--dynamix-tablesorter-tbody-row-bg-color: var(--gray-100);
--dynamix-tablesorter-tbody-row-border-color: var(--gray-200); /* Originally #e3e3e3 */
--dynamix-select-box-shadow: 0 2px 0 var(--orange-500), inset 0 -1px var(--gray-100);
--dynamix-select-disabled-bg-color: var(--gray-150);
--dynamix-select-disabled-border-color: var(--gray-500);
--dynamix-select-disabled-color: var(--black);
/* /End vars for default-dynamix */
}