[TikiWiki-commits] [Git][tikiwiki/tiki][29.x] [FIX][UI] Fix color contrast in Darkly and Vapor themes (form details). Todo:...

Gary Cunningham-Lee pushed to branch 29.x at Tiki Wiki CMS Groupware / Tiki


Commits:
d6f40b58 by Gary Cunningham-Lee at 2025-08-25T01:40:19+09:00
[FIX][UI] Fix color contrast in Darkly and Vapor themes (form details). Todo:...
---
* [FIX][UI] Fix color contrast in Darkly and Vapor themes (form details). Todo:...
---
* [FIX][UI] Fix color contrast in Darkly and Vapor themes (form details). Todo: figure out how to fix Element Plus selector color contrast in Boosted theme's dark mode.

See merge request tikiwiki/tiki!8389


(cherry picked from commit 8842d754f4c6846420bcbe08eba3fee1d1485792)

b6c3742f [FIX][UI] Fix color contrast in Darkly and Vapor themes (form details). Todo:...

Co-authored-by: Gary Cunningham-Lee <gary_c-39LOpZwlz1/[email protected]>

See merge request tikiwiki/tiki!8390

- - - - -


3 changed files:

- src/js/vue-widgets/element-plus-ui/src/custom.scss
- themes/darkly/scss/_variables.scss
- themes/vapor/scss/_css-variables.scss


Changes:

=====================================
src/js/vue-widgets/element-plus-ui/src/custom.scss
=====================================
@@ -6,6 +6,7 @@
 //    --el-border-width: var(--bs-border-width); Not working
     --el-border-radius-base: var(--bs-border-radius);
     --el-menu-border-color: var(--el-border-color);
+    --el-border-color-light: var(--el-border-color);}
     --el-text-color-regular: var(--bs-body-color); // Text of selector options
     --el-fill-color-light: var(--bs-secondary-bg); // Selected option and hover background color
     --el-input-bg-color: var(--bs-body-bg); // This and --el-fill-color-blank are used for search input background


=====================================
themes/darkly/scss/_variables.scss
=====================================
@@ -83,7 +83,7 @@ $blockquote-footer-color:     #A3A3A3; // $gray-600 !default;
 // Tables
 // Buttons
 // Forms
-//$input-bg:                          var(--#{$prefix}tertiary-bg); // Changed from body-bg for visibility
+$input-bg:                          var(--#{$prefix}tertiary-bg); // Changed from body-bg for visibility
 $input-color:                       $body-color; // $gray-800 !default;
 //$input-border-color:                var(--#{$prefix}body-bg);
 


=====================================
themes/vapor/scss/_css-variables.scss
=====================================
@@ -195,4 +195,5 @@ body {
     --tiki-input-bg: #{$input-bg};
     --tiki-input-select-color: var(--tiki-input-color);
     --tiki-input-select-bg: var(--tiki-input-bg);
+    --bs-border-width: 1px;
 }



View it on GitLab: https://gitlab.com/tikiwiki/tiki/-/commit/d6f40b585c18b2307f15463c881d611cf63c0e64

-- 
View it on GitLab: https://gitlab.com/tikiwiki/tiki/-/commit/d6f40b585c18b2307f15463c881d611cf63c0e64
You're receiving this email because of your account on gitlab.com.

_______________________________________________
TikiWiki-cvs mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/tikiwiki-cvs