fix(style): bg color issue when hovering over input count in other th…

…emes
vrcx-team · Dec 17, 2024 · cdf5688 · cdf5688
1 parent 0570716
commit cdf5688
Show file tree

Hide file tree

Showing 5 changed files with 32 additions and 3 deletions.
diff --git a/html/src/theme.dark.scss b/html/src/theme.dark.scss
@@ -44,10 +44,15 @@ button {
 .el-textarea .el-input__count,
 .el-input .el-input__count .el-input__count-inner {
     color: #fff;
-    background-color: #444;
+    background-color: #333;
     border: #333;
 }
 
+// User dialog memo: input count background color
+.x-friend-item:hover .el-input__count {
+    background: #3e3e3e;
+}
+
 .el-input-group__append,
 .el-input-group__prepend {
     color: #fff;

diff --git a/html/src/theme.darkvanilla.scss b/html/src/theme.darkvanilla.scss
@@ -3,7 +3,7 @@
  * https://github.com/MintLily/Dark-Vanilla
  */
 
- :root {
+:root {
     --ThemeName: 'Dark Vanilla';
     --ThemeVers: '2.0.2';
     --ThemeAuth: 'MintLily';
@@ -682,3 +682,8 @@ i[class='el-icon-star-off']:not(.el-menu-item div.el-tooltip i) {
 ::-webkit-scrollbar-thumb {
     background: var(--dv_bg-bot);
 }
+
+// User dialog memo: input count background color
+.x-friend-item:hover .el-input__count {
+    background-color: transparent;
+}
diff --git a/html/src/theme.darkvanillaold.scss b/html/src/theme.darkvanillaold.scss
@@ -73,10 +73,15 @@ a {
 .el-textarea__inner,
 .el-textarea .el-input__count,
 .el-input .el-input__count .el-input__count-inner {
-    background: var(--top) !important;
+    background: transparent;
     border: var(--top-border) !important;
 }
 
+// User dialog memo: input count background color
+.x-friend-item:hover .el-input__count {
+    background: transparent;
+}
+
 .el-table th.is-leaf {
     background: var(--top) !important;
     /*border: 1px solid var(--top-border) !important;*/

diff --git a/html/src/theme.material3.scss b/html/src/theme.material3.scss
@@ -1121,6 +1121,15 @@ input[type='number'],
     border-radius: 25px;
 }
 
+.x-friend-item .el-input__count {
+    background-color: transparent;
+}
+
+// User dialog memo: input count background color
+.x-friend-item:hover .el-input__count {
+    background-color: transparent;
+}
+
 .x-friend-item .detail {
     margin: 0 -2px;
 }

diff --git a/html/src/theme.pink.scss b/html/src/theme.pink.scss
@@ -356,3 +356,8 @@ input[type='checkbox']:checked + .el-switch__core {
 .el-loading-spinner .path {
     stroke: var(--theme);
 }
+
+// User dialog memo: input count background color
+.x-friend-item:hover .el-input__count {
+    background-color: var(--lighter-lighter-bg);
+}