[TikiWiki-commits] [Git][tikiwiki/tiki][30.x] [FIX][UI] Minor admin-section color and style improvements in several themes.

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


Commits:
22646838 by Gary Cunningham-Lee at 2026-03-27T18:56:19+09:00
[FIX][UI] Minor admin-section color and style improvements in several themes.
---
* [FIX][UI] Minor admin-section color and style improvements in several themes.
---
* [FIX][UI] Minor admin-section color and style improvements in several themes.

See merge request tikiwiki/tiki!9870


(cherry picked from commit e97a31c8016dc3eaaf65640196dc35394ba34f30)

11888c28 [FIX][UI] Minor admin-section color and style improvements in several themes.

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

See merge request tikiwiki/tiki!9871

- - - - -


13 changed files:

- themes/cerulean/scss/_css-variables.scss
- themes/feb12/scss/_css-variables.scss
- themes/fivealive-lite/options/akebi/scss/_tiki-selectors.scss
- themes/fivealive-lite/options/akebi/scss/_variables.scss
- themes/fivealive-lite/scss/_selectors-for-options.scss
- themes/fivealive/scss/_variables.scss
- themes/jqui/scss/_css-variables.scss
- themes/lumen/scss/_css-variables.scss
- themes/morph/scss/_css-variables.scss
- themes/sandstone/scss/_css-variables.scss
- themes/simplex/scss/_css-variables.scss
- themes/sketchy/scss/_css-variables.scss
- themes/zephyr/scss/_css-variables.scss


Changes:

=====================================
themes/cerulean/scss/_css-variables.scss
=====================================
@@ -115,6 +115,11 @@
     --tiki-top-bg: linear-gradient(#f9fafb, #f8f9fa 60%, #e9eaeb);
 }
 
+// Improve appearance when two areas with same background color meet
+.navbar-wrapper:has(.tiki-admin-aside-nav-light) {
+    box-shadow: 5px 0 10px -5px #e3e1e1;
+}
+
 // Dark navbar minus top nav
 @mixin admin-nav-dark {
     --tiki-admin-top-nav-bg: linear-gradient(#545a5f, #343a40 60%, #31373c) !important;


=====================================
themes/feb12/scss/_css-variables.scss
=====================================
@@ -110,6 +110,11 @@
     }
 }
 
+// Improve appearance when two areas with same background color meet
+.navbar-wrapper:has(.tiki-admin-aside-nav-light) {
+    box-shadow: 5px 0 10px -5px #e3e1e1;
+}
+
 // Dark navbar minus top nav
 @mixin admin-nav-dark {
     --tiki-admin-top-nav-bg: var(--tiki-feb12-dark-bg);


=====================================
themes/fivealive-lite/options/akebi/scss/_tiki-selectors.scss
=====================================
@@ -1,7 +1,9 @@
 // Formerly _button_color_variables.scss, this file evolved with variables moving to the variables file
 // and CSS selectors remaining.
 
-// - - - - - - - - - -  - - - - - - Other CSS, if any - - - - - - - - - - - - - - - - - //
+@import "variables";
+
+// - - - - - - - - - -  - - - - - - Other CSS - - - - - - - - - - - - - - - - - //
 
 .text-danger {
     color: #D63D00 !important;


=====================================
themes/fivealive-lite/options/akebi/scss/_variables.scss
=====================================
@@ -209,9 +209,9 @@ $tiki-dark-footer-link-hover-color: #8BB9FE;
     --tiki-topbar-text-color: #{$navbar-dark-hover-color};
 }
 
-.tiki-top-nav-light, .tiki-top-nav-dark {
-    --tiki-top-border-width: 0 0 5px 0;
-}
+//.tiki-top-nav-light, .tiki-top-nav-dark {
+//    --tiki-top-border-width: 0 0 5px 0;
+//}
 
 .tiki-top-nav-light {
     @include top-nav-light;


=====================================
themes/fivealive-lite/scss/_selectors-for-options.scss
=====================================
@@ -154,3 +154,9 @@ a.flipmoduletitle,
     a:not(.nav-link:not(.dropdown-toggle), .dropdown-item), .btn-link { color: $tiki-dark-footer-link-color; }
     a:not(.nav-link:not(.dropdown-toggle), .dropdown-item):hover, .btn-link:hover { color: $tiki-dark-footer-link-hover-color; }
 }
+
+
+// Navbar border seems to cause permanent scrollbar on side menu
+.tiki-admin .navbar-wrapper.fixed-top > .navbar-expand-lg {
+    height: calc(100vh - var(--tiki-admin-top-modules-height) - 4px)
+}
\ No newline at end of file


=====================================
themes/fivealive/scss/_variables.scss
=====================================
@@ -81,6 +81,19 @@ $navbar-dark-hover-bg:             #000; // transparent;
 // Dropdowns
 $dropdown-link-active-bg:           $component-active-bg; //  !default;
 
+$dropdown-dark-color:               $gray-300; // !default;
+$dropdown-dark-bg:                  $gray-800; // !default;
+$dropdown-dark-border-color:        $dropdown-border-color; // !default;
+$dropdown-dark-divider-bg:          $dropdown-divider-bg; // !default;
+$dropdown-dark-box-shadow:          null; // !default;
+$dropdown-dark-link-color:          $dropdown-dark-color; // !default;
+$dropdown-dark-link-hover-color:    $white; // !default;
+$dropdown-dark-link-hover-bg:       rgba($white, .15); // !default;
+$dropdown-dark-link-active-color:   $dropdown-link-active-color; // !default;
+$dropdown-dark-link-active-bg:      $dropdown-link-active-bg; // !default;
+$dropdown-dark-link-disabled-color: $gray-500; // !default;
+$dropdown-dark-header-color:        $gray-500; // !default;
+
 // Pagination
 // Cards
 $card-cap-bg: #2fb0ea; // $tiki-top-bg; // var(--tiki-top-bg);  // --bs-card-cap-bg default. In options, declared as $tiki-top-bg.


=====================================
themes/jqui/scss/_css-variables.scss
=====================================
@@ -184,6 +184,11 @@
     }
 }
 
+// Improve appearance when two areas with same background color meet
+.navbar-wrapper:has(.tiki-admin-aside-nav-light) {
+    box-shadow: 5px 0 10px -5px #e3e1e1;
+}
+
 // Dark navbar
 @mixin admin-nav-dark {
     --tiki-admin-top-nav-bg: var(--tiki-top-bg); //linear-gradient(to bottom, #e3e3e3 0%, #cccccc 100%);


=====================================
themes/lumen/scss/_css-variables.scss
=====================================
@@ -186,4 +186,9 @@
     }
 }
 
+// Navbar border seems to cause permanent scrollbar on side menu
+.tiki-admin .navbar-wrapper.fixed-top > .navbar-expand-lg {
+    height: calc(100vh - var(--tiki-admin-top-modules-height) - 4px)
+}
+
 // - - - - - New admin pages (Unified Admin Backend) END - - - - - - - //


=====================================
themes/morph/scss/_css-variables.scss
=====================================
@@ -114,7 +114,7 @@
 
 // Improve appearance when two areas with same background color meet
 .navbar-wrapper:has(.tiki-admin-aside-nav-light) {
-    box-shadow: 5px 0 10px -5px #e3e1e1;
+    box-shadow: 5px 0 10px -5px #c9c9ca;
 }
 
 // Dark navbar minus top nav


=====================================
themes/sandstone/scss/_css-variables.scss
=====================================
@@ -120,6 +120,11 @@
     }
 }
 
+// Improve appearance when two areas with same background color meet
+.navbar-wrapper:has(.tiki-admin-aside-nav-light) {
+    box-shadow: 5px 0 10px -5px #e3e1e1;
+}
+
 // Dark navbar minus top nav
 @mixin admin-nav-dark {
     --tiki-admin-top-nav-bg: rgba(50, 93, 136, 1);


=====================================
themes/simplex/scss/_css-variables.scss
=====================================
@@ -178,5 +178,10 @@
     }
 }
 
-// - - - - - New admin pages (Unified Admin Backend) end - - - - - - - //
+// - - - - - New admin pages (Unified Admin Backend) END - - - - - - - //
+
+// Navbar border seems to cause permanent scrollbar on side menu
+.tiki-admin .navbar-wrapper.fixed-top > .navbar-expand-lg {
+    height: calc(100vh - var(--tiki-admin-top-modules-height) - 4px)
+}
 


=====================================
themes/sketchy/scss/_css-variables.scss
=====================================
@@ -181,13 +181,13 @@
     }
 }
 
-// - - - - - New admin pages (Unified Admin Backend) END - - - - - - - //
-
 // Navbar border seems to cause permanent scrollbar on side menu
 .tiki-admin .navbar-wrapper.fixed-top > .navbar-expand-lg {
     height: calc(100vh - var(--tiki-admin-top-modules-height) - 4px)
 }
 
+// - - - - - New admin pages (Unified Admin Backend) END - - - - - - - //
+
 :root {
     --tiki-vert-nav-link-color: $link-color;
     --tiki-vert-nav-link-hover-color: $link-hover-color;


=====================================
themes/zephyr/scss/_css-variables.scss
=====================================
@@ -99,6 +99,7 @@
     --tiki-admin-top-nav-color: #{$navbar-light-color};
     --tiki-admin-top-nav-hover-color: #{$navbar-light-hover-color};
     --tiki-admin-top-nav-hover-bg: rgba(0, 0, 0, 0.03);
+    --tiki-admin-top-box-shadow: 0px 1px 10px #f3eeea;
     --tiki-admin-aside-nav-bg: rgb(248, 249, 250);
     --tiki-admin-aside-nav-color: #{$navbar-light-color};
     --tiki-admin-aside-nav-hover-color: #{$navbar-light-hover-color};



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

-- 
View it on GitLab: https://gitlab.com/tikiwiki/tiki/-/commit/22646838ea42ba06863c0083ce7e4f718ac10c59
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