Merge pull request #7245 from weseek/fix/border-image-navbar

fix:border-image-navbar

packages/app/src/styles/theme/_apply-colors.scss

@@ -10,7 +10,6 @@
 //
 
 // determine optional variables
-$border-image-navbar: var(--border-image-navbar,#{linear-gradient(to right, $gray-300 0%, $gray-300 100%)});
 $bgcolor-search-top-dropdown: var(--bgcolor-search-top-dropdown,var(--secondary));
 $bgcolor-sidebar-nav-item-active: var(--bgcolor-sidebar-nav-item-active,#{hsl.darken(var(--primary),10%)});
 $text-shadow-sidebar-nav-item-active: var(--text-shadow-sidebar-nav-item-active,1px 1px 2px var(--primary));
@@ -171,8 +170,8 @@ ul.pagination {
     color: var(--color-link-nabvar);
   }
 
-  border-image: $border-image-navbar;
-  border-image-slice: 1;
+  border-image: var(--border-image-navbar) !important;
+  border-image-slice: 1 !important;
 
   .grw-app-title {
     color: var(--fillcolor-logo-mark);

packages/preset-themes/src/styles/default.scss

@@ -63,7 +63,7 @@
   --bgcolor-navbar-h:0;
   --bgcolor-navbar-s:0%;
   --bgcolor-navbar-l:12.94%;
-  --bgcolor-navbar-hs:var(--bgcolor-navbar-h),var(--bgcolor-navbar-s);
+  --bgcolor-navbar-hs: 0,0%;
   --bgcolor-search-top-dropdown: var(--accent);
   --bgcolor-search-top-dropdown-hs: var(--accent-hs);
   --bgcolor-search-top-dropdown-l: var(--accent-l);

packages/preset-themes/src/styles/mono-blue.scss

@@ -54,7 +54,7 @@
   --bgcolor-navbar-h: 0;
   --bgcolor-navbar-s: 1%;
   --bgcolor-navbar-l: 16%;
-  --bgcolor-navbar-hs:var(--bgcolor-navbar-h),var(--bgcolor-navbar-s);
+  --bgcolor-navbar-hs: 0,1%;
   --bgcolor-search-top-dropdown: var(--primary);
   --bgcolor-search-top-dropdown-hs: var(--primary-hs);
   --bgcolor-search-top-dropdown-l: var(--primary-l);