[TikiWiki-commits] [Git][tikiwiki/tiki][30.x] [FIX][UI] Improve visibility of links in non-color-switch areas in Tikiben...

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


Commits:
df471439 by Gary Cunningham-Lee at 2026-05-12T14:30:52+09:00
[FIX][UI] Improve visibility of links in non-color-switch areas in Tikiben...
---
* [FIX][UI] Improve visibility of links in non-color-switch areas in Tikiben...
---
* [FIX][UI] Improve visibility of links in non-color-switch areas in Tikiben theme and other small visual improvements in that theme and the Darkshine theme. Todo: Tikiben needs its theme thumbnail.

See merge request tikiwiki/tiki!10190


(cherry picked from commit 24133be3889ec015958993eb0eed40ad004a819e)

05028303 [FIX][UI] Improve visibility of links in non-color-switch areas in Tikiben...

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

See merge request tikiwiki/tiki!10191

- - - - -


5 changed files:

- themes/darkshine/scss/_tiki-selectors.scss
- themes/tikiben/scss/_color-mode_elements_and_exceptions.scss
- themes/tikiben/scss/_css-variables.scss
- themes/tikiben/scss/_tiki-selectors.scss
- themes/tikiben/scss/_variables.scss


Changes:

=====================================
themes/darkshine/scss/_tiki-selectors.scss
=====================================
@@ -313,17 +313,18 @@ body.fullscreen,
 }
 
 //orange_gradient_background
-#pagetop_modules, // :has(*) doesn't work effectively as the div sometimes contains empty divs, etc.
+#pagetop_modules:has(.module),
 .orange_gradient_background {
     background: #fec782;
     background: linear-gradient(to bottom, #fec782 0%, #fe9e27 0%, #fe9226 31%, #fe7723 75%, #fe6e22 100%, #783c1c 100%);
     padding: 15px;
 }
 
-#pagetop_modules > div {
+#pagetop_modules > .module {
     border: 3px solid #fff;
     border-radius: 0;
     margin: 15px;
+    padding: 0 !important;
 }
 
 #pagetop_modules > div .alert,
@@ -354,6 +355,10 @@ body.fullscreen,
     font: 1.8rem arial, verdana, helvetica, sans-serif;
 }
 
+.module .card-body {
+    --bs-card-spacer-y: 0px;
+}
+
 .bg-danger,
 .bg-warning,
 .bg-primary,


=====================================
themes/tikiben/scss/_color-mode_elements_and_exceptions.scss
=====================================
@@ -98,7 +98,7 @@ $imagePath: "../images/";
         }
     }
 
-    .top_modules > .module {
+    .top_modules > .module:not(.box-logo) {
         & a:not(.btn), // Too general?
         & h2,
         & .siteloginbar_popup > button {


=====================================
themes/tikiben/scss/_css-variables.scss
=====================================
@@ -33,7 +33,7 @@
     --tiki-top-color: #fff;
     --tiki-top-hover-color: #fff;
     //    --tiki-top-border: solid rgb(85, 85, 85);
-    --bs-navbar-brand-color: #{$navbar-dark-brand-color};
+    --bs-navbar-brand-color: var(--tiki-top-color); // #{$navbar-dark-brand-color};
     --bs-navbar-brand-hover-color: #{$navbar-dark-brand-hover-color};
 }
 
@@ -77,15 +77,15 @@
 }
 
 // Color mode preference trumps L&F admin light navbar option - THIS ADJUSTMENT ISN'T NEEDED IN THIS THEME.
-//[data-bs-theme=dark] {                              // color mode
-//    .tiki-top-nav-light {                           // light top selector
-//        @include top-nav-dark;                      // dark values
-//    }
-//    .tiki-topbar-nav-light {
-//        @include topbar-nav-dark;
-//    }
-//}
-//
+[data-bs-theme=dark] {                              // color mode
+    .tiki-top-nav-light {                           // light top selector
+        @include top-nav-dark;                      // dark values
+    }
+    .tiki-topbar-nav-light {
+        @include topbar-nav-dark;
+    }
+}
+
 // Color mode preference trumps L&F admin dark navbar option
 //[data-bs-theme=light] {                              // color mode
 //    .tiki-top-nav-dark {                           // dark top selector
@@ -238,3 +238,11 @@
     }
     --bs-card-cap-color: #212529;;
 }
+
+.tiki .tiki-topbar-nav-light:not(:has(.module)),
+.tiki .tiki-topbar-nav-dark:not(:has(.module)) {
+    background: transparent !important;
+}
+
+
+//.admin-content .tiki-nav-light, .tiki .tiki-topbar-nav-dark


=====================================
themes/tikiben/scss/_tiki-selectors.scss
=====================================
@@ -31,6 +31,8 @@ body.tiki.tiki-webmail {
 
 
 // -------------------- Links -------------------- //
+a { font-weight: 500; }
+
 // -------------------- Paragraphs -------------------- //
 // -------------------- Components -------------------- //
 // -------------------- Typography -------------------- //
@@ -110,6 +112,10 @@ h1 {
     }
 }
 
+.navbar-dark .nav-link {
+    color: $navbar-dark-color;
+}
+
 // -------------------- Dropdowns -------------------- //
 // -------------------- Pagination -------------------- //
 // -------------------- Jumbotron -------------------- //


=====================================
themes/tikiben/scss/_variables.scss
=====================================
@@ -54,7 +54,7 @@ $body-tertiary-bg:          $gray-100;
 $body-emphasis-color:       $black;
 
 // Links
-$link-color:                              #566837; // darkened $primary;
+$link-color:                              #29311B; // #566837; // darkened $primary;
 $link-decoration:                         none;
 $link-shade-percentage:                   20%; // Bootstrap 5.3
 $link-hover-color:                        shift-color($link-color, $link-shade-percentage);



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

-- 
View it on GitLab: https://gitlab.com/tikiwiki/tiki/-/commit/df47143912eb9b3aee47b56c356dab6b6a889553
You're receiving this email because of your account on gitlab.com. Manage all notifications: https://gitlab.com/-/profile/notifications | Help: https://gitlab.com/help

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