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

style: update input and textarea border colors across themes and adjust textarea padding in default-base.css

Browse Source
This commit is contained in:
Zack Spear
2025-03-31 18:42:40 -07:00
parent efbc229b5d
commit 2895883e51
5 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -198,7 +198,7 @@ input:focus[type="email"],
input:focus[type="file"],
textarea:focus,
.sweet-alert button:focus {
background-color: var(--mild-background-color);
background-color: var(--focus-input-bg-color);
outline: 0;
}
input:hover[type="button"],
@@ -353,6 +353,9 @@ input.trim {
}
textarea {
resize: none;
padding: 6px;
border: 1px solid var(--textarea-border-color);
border-bottom: 1px solid var(--input-border-color);
}
#header {
position: absolute;

5
emhttp/plugins/dynamix/styles/themes/azure.css
View File

@@ -44,8 +44,9 @@
--border-color: var(--theme-azure--cyan-400);
--alt-border-color: var(--theme-azure--cyan-700);
--disabled-border-color: var(--gray-500);
--input-border-color: var(--gray-200);
--input-border-color: var(--border-color);
--disabled-input-border-color: var(--gray-500);
--textarea-border-color: var(--input-border-color);
--inverse-border-color: var(--gray-600); /* Originally #42453e */
--table-border-color: var(--theme-azure--cyan-400);
--table-alt-border-color: var(--theme-azure--gray-100);
@@ -82,8 +83,8 @@
--hover-button-text-color: var(--theme-azure--gray-800);
--hover-button-background: var(--mild-background-color);
--input-border-color: var(--blue-800); /* Condensed from: #0072c6 */
--input-bg-color: var(--mild-background-color);
--focus-input-bg-color: var(--theme-azure--gray-150);
/* /End vars used in default-base */
/* Set vars for default-dynamix */

3
emhttp/plugins/dynamix/styles/themes/black.css
View File

@@ -27,6 +27,7 @@
--disabled-border-color: var(--gray-500);
--input-border-color: var(--gray-200);
--disabled-input-border-color: var(--gray-500);
--textarea-border-color: var(--gray-400);
--inverse-border-color: var(--white-opacity-25);
--table-border-color: var(--gray-700);
--table-background-color: var(--gray-800);
@@ -67,8 +68,8 @@
--hover-button-text-color: var(--white);
--hover-button-background: linear-gradient(90deg,var(--brand-red) 0,var(--brand-orange));
--input-border-color: var(--gray-200);
--input-bg-color: transparent;
--focus-input-bg-color: var(--mild-background-color);
/* /End vars used in default-base */
/* dynamix CSS var values set in base-dynamix.css */

3
emhttp/plugins/dynamix/styles/themes/gray.css
View File

@@ -38,8 +38,9 @@
--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(--theme-gray--cyan-300);
--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);

5
emhttp/plugins/dynamix/styles/themes/white.css
View File

@@ -25,8 +25,9 @@
--border-color: var(--gray-200);
--disabled-border-color: var(--gray-500);
--input-border-color: var(--gray-900);
--input-border-color: var(--black);
--disabled-input-border-color: var(--gray-400);
--textarea-border-color: var(--gray-400);
--inverse-border-color: var(--gray-000);
--table-border-color: var(--gray-200);
--table-background-color: var(--gray-150);
@@ -68,8 +69,8 @@
--hover-button-text-color: var(--white);
--hover-button-background: linear-gradient(90deg,var(--brand-red) 0,var(--brand-orange));
--input-border-color: var(--black);
--input-bg-color: transparent;
--focus-input-bg-color: var(--gray-150);
/* /End vars used in default-base */
/* Set vars for default-dynamix */