[TikiWiki-commits] [Git][tikiwiki/tiki][30.x] [FIX][UI] Style fixes and improvements in theme files mostly around the top navbar and topbar.

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


Commits:
6829b595 by Gary Cunningham-Lee at 2026-07-14T23:42:42+09:00
[FIX][UI] Style fixes and improvements in theme files mostly around the top navbar and topbar.
---
* [FIX][UI] Style fixes and improvements in theme files mostly around the top navbar and topbar.
---
* [FIX][UI] Style fixes and improvements in theme files mostly around the top navbar and topbar.

See merge request tikiwiki/tiki!10717


(cherry picked from commit 05e57bc3b4972ae0e736c8e3fc22158c10606364)

f260f24d [FIX][UI] Style fixes and improvements in theme files mostly around the top navbar and topbar.

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

See merge request tikiwiki/tiki!10718

- - - - -


8 changed files:

- themes/jqui/options/sunny/css/sunny.css
- themes/lumen/scss/_tiki-selectors.scss
- themes/materia/css/materia.scss
- themes/morph/scss/_tiki-selectors.scss
- themes/neubrutiki/scss/_css-variables.scss
- themes/solar/scss/_css-variables.scss
- themes/strasa/scss/_css-variables.scss
- themes/strasa/scss/_variables.scss


Changes:

=====================================
themes/jqui/options/sunny/css/sunny.css
=====================================
@@ -174,7 +174,7 @@
 
 /* Pagetop navbars and admin interface */
 .tiki-top-nav-light {
-    --tiki-top-bg:  url('../../sunny/images/ui-bg_gloss-wave_70_ffdd57_500x100.png') 50% 50% repeat-x; /*linear-gradient(to bottom,  #fffcf2 0%,#fffcf1 45%,#fffcf0 52%,#fffbeb 53%,#fff9e5 100%); */
+    --tiki-top-bg: linear-gradient(to bottom,  #fffcf2 0%,#fffcf1 45%,#fffcf0 52%,#fffbeb 53%,#fff9e5 100%);
     --tiki-top-color: #000000; /*var(--tiki-jui-widget-header-color);*/ /*#e0e0e0;*/
     --tiki-site-title-color: var(--tiki-top-color);
     --tiki-top-hover-color: #8b8371;
@@ -187,7 +187,7 @@
     background:  url('../../sunny/images/ui-bg_gloss-wave_70_ffdd57_500x100.png') 50% 50% repeat-x !important;
 }
 
-.tiki-top-nav-light { background: url('../../sunny/images/ui-bg_gloss-wave_70_ffdd57_500x100.png') 50% 50% repeat-x; }
+/*.tiki-top-nav-light { background: url('../../sunny/images/ui-bg_gloss-wave_70_ffdd57_500x100.png') 50% 50% repeat-x; }*/
 
 .tiki-topbar-nav-light {
     --tiki-topbar-bg: var(--tiki-jui-highlight-bg);


=====================================
themes/lumen/scss/_tiki-selectors.scss
=====================================
@@ -26,6 +26,10 @@
 // Forms
 // Navs
 // Navbar
+.module:not(.no-box) .navbar {
+    border: none;
+}
+
 // Dropdowns
 // Pagination
 // Cards


=====================================
themes/materia/css/materia.scss
=====================================
@@ -67,3 +67,11 @@ input[type="radio"],
 .card.module.no-decorations {
     box-shadow: none;
 }
+
+.bs-vertical,
+.sm-navbar--vertical {
+    .nav-link {
+        padding-top: 0.4rem;
+        padding-bottom: 0.4rem;
+    }
+}


=====================================
themes/morph/scss/_tiki-selectors.scss
=====================================
@@ -72,7 +72,7 @@ button.dropdown-toggle + .dropdown-menu  .btn.dropdown-item {
 // Alerts
     // Improve color contrast for readability
 .alert-info,
-.alert-success,
+.alert-success //,
     //.alert-danger
     {
     color: #fff;


=====================================
themes/neubrutiki/scss/_css-variables.scss
=====================================
@@ -45,6 +45,7 @@
     --tiki-site-title-color: #{$navbar-light-brand-color, var(--tiki-top-color)};
     --tiki-site-subtitle-color: #{$navbar-light-brand-color, var(--tiki-top-color)};
     --tiki-top-border: solid #1a1a1a;
+    --tiki-top-border-width: 0 0 4px 0;
     --tiki-top-box-shadow: none;
 }
 
@@ -57,7 +58,7 @@
     --tiki-topbar-active-bg: transparent;
     --tiki-topbar-text-color: #{$navbar-light-hover-color};
     --tiki-topbar-border: solid #1a1a1a;
-    --tiki-topbar-border-width: 0 0.75rem 0.75rem 0.75rem;
+    --tiki-topbar-border-width: 0 4px 4px 4px;
     --tiki-topbar-box-shadow: none;
 }
 
@@ -97,11 +98,6 @@
 //    }
 //}
 
-.tiki-top-nav-light, .tiki-top-nav-dark {
-    --tiki-top-border-width: 0 0 0.75rem 0;
-    --tiki-topbar-border-width: 0 0.75rem 0.75rem 0.75rem;
-}
-
 // - - - - - New admin pages (Unified Admin Backend) - - - - - - - //
 
 // Light navbar minus top nav


=====================================
themes/solar/scss/_css-variables.scss
=====================================
@@ -44,7 +44,7 @@
 }
 
 @mixin top-nav-light {
-    --tiki-top-bg: rgba(var(--bs-light-rgb), var(--bs-bg-opacity));
+    --tiki-top-bg: #fdf6e3;
     --tiki-top-color: #{$navbar-light-color};
     --tiki-top-hover-color: #{$navbar-light-hover-color};
     --tiki-top-text-color: #{$navbar-light-color};


=====================================
themes/strasa/scss/_css-variables.scss
=====================================
@@ -34,12 +34,12 @@
 }
 
 @mixin top-nav-light {
-    --tiki-top-bg: var(--tiki-strasa-darkblue-bg);
-    --tiki-top-color: #{$navbar-dark-color};
-    --tiki-top-hover-color: #{$navbar-dark-hover-color};
-    --tiki-top-text-color: #{$navbar-dark-hover-color};
-    --tiki-site-title-color: #{$navbar-dark-brand-color, var(--tiki-top-color)};
-    --tiki-site-subtitle-color: #{$navbar-dark-brand-color, var(--tiki-top-color)};
+    --tiki-top-bg: var(--tiki-strasa-lightblue-bg-inverted); // var(--tiki-strasa-darkblue-bg);
+    --tiki-top-color: #{$navbar-light-color};
+    --tiki-top-hover-color: #{$navbar-light-hover-color};
+    --tiki-top-text-color: #{$navbar-light-hover-color};
+    --tiki-site-title-color: #{$navbar-light-brand-color, var(--tiki-top-color)};
+    --tiki-site-subtitle-color: #{$navbar-light-brand-color, var(--tiki-top-color)};
     --tiki-top-border: none;
     --tiki-top-box-shadow: 0px 1px 10px #393939;
 }


=====================================
themes/strasa/scss/_variables.scss
=====================================
@@ -33,6 +33,7 @@ $theme-colors: (
 :root {
     --tiki-strasa-darkblue-bg: linear-gradient(to bottom, #214d68 0%, #204c67 51%, #262f36 100%);
     --tiki-strasa-lightblue-bg: linear-gradient(to bottom, #2498c7 0%, #047aa8 4%, #1b98c6 39%, #32b5e1 65%, #32bbe9 70%, #44d1fe 100%);
+    --tiki-strasa-lightblue-bg-inverted: linear-gradient(to bottom, #44d1fe 0%, #32bbe9 4%, #32b5e1 39%, #1b98c6 65%, #047aa8 100%);
 }
 
 // Options



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

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