fix _apply-colors

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

@@ -16,7 +16,7 @@ $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));
 $bgcolor-inline-code: var(--bgcolor-inline-code, #{$gray-100});
-$color-inline-code: var(--color-inline-code, darken($red, 15%));
+$color-inline-code: var(--color-inline-code, #{darken($red, 15%)});
 $bordercolor-inline-code: var(--bordercolor-inline-code, #{$gray-400});
 $bordercolor-nav-tabs: var(--bordercolor-nav-tabs, #{$gray-300});
 $bordercolor-nav-tabs-hover: var(--bordercolor-nav-tabs-hover,#{$gray-200} #{$gray-200} var(--bordercolor-nav-tabs));
@@ -50,7 +50,7 @@ $theme-colors: map-merge($theme-colors, ( primary: $primary ));
 $color-modal-header: var(--color-modal-header,contrast(var(--primary)));
 
 code:not([class^='language-']) {
-  @include code.code-inline-color($color-inline-code, $bgcolor-inline-code, $bordercolor-inline-code);
+  @include code.code-inline-color(var(--color-inline-code), var(--bgcolor-inline-code), var(--bordercolor-inline-code));
 }
 
 .code-highlighted {

packages/app/src/styles/theme/mixins/_hsl-button.scss

@@ -21,7 +21,7 @@
   &.focus {
     color: hsl.contrast($background, $hover-background-darken-degrees);
     @include bs.gradient-bg($hover-background);
-    border-color: $hover-border;;
+    border-color: $hover-border;
     // @if $enable-shadows {
     //   @include box-shadow($btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5));
     // } @else {

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

@@ -22,8 +22,8 @@
   --primary-hs: 216.7,65%;
   --primary-l: 20.2%;
   --accent: hsl(var(--accent-hs),var(--accent-l));
-  --accent-hs: 216.7,65%;
-  --accent-l: 20.2%;
+  --accent-hs: 198.6,74.2%;
+  --accent-l: 48.6%;
   $accent: #209fd8;
 
 
@@ -51,7 +51,7 @@
   --color-link-wiki-l: var(--color-link-l);
   --color-link-wiki-hover: #{hsl.lighten(var(--color-link-wiki),20%)};
   --color-link-nabvar: #{$gray-500};
-  --color-inline-code: darken($red, 15%); // optional
+  --color-inline-code: #{darken($red, 15%)}; // optional
 
   // List Group colors
   --color-list: var(--color-global); // optional
@@ -74,6 +74,8 @@
   --bgcolor-navbar-s:0%;
   --bgcolor-navbar-l:12.94%;
   --bgcolor-search-top-dropdown: var(--accent);
+  --bgcolor-search-top-dropdown-hs: var(--accent-hs);
+  --bgcolor-search-top-dropdown-l: var(--accent-l);
   $border-image-navbar: linear-gradient(to right, #36c9ff 0%, #36c9ff 33%, #7926ff 66%, #ff2eff 100%);
 
   // Logo colors
@@ -187,6 +189,8 @@
   // Navbar
   --bgcolor-navbar: #2a2929;
   --bgcolor-search-top-dropdown: var(--accent);
+  --bgcolor-search-top-dropdown-hs: var(--accent-hs);
+  --bgcolor-search-top-dropdown-l: (var(--accent-l));
   $border-image-navbar: linear-gradient(to right, #44bfe3 0%, #b04aff 50%, #ff1794 100%);
 
   // Logo colors