site: update top navigation styles

- use the full viewport width
- goodbye sad gray, hello fun blue
- nicer logo

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>

hugo_stats.json

@@ -139,7 +139,6 @@
       "absolute",
       "aspect-video",
       "bake-action",
-      "bg-accent-light",
       "bg-amber-light",
       "bg-amber-light-200",
       "bg-background-light",
@@ -155,6 +154,7 @@
       "bg-gray-light-200",
       "bg-gray-light-200/50",
       "bg-gray-light-400",
+      "bg-gray-light-700",
       "bg-green-light",
       "bg-green-light-400",
       "bg-pattern-blue",
@@ -191,11 +191,9 @@
       "box-content",
       "build-push-action",
       "chroma",
-      "cls-1",
       "col-start-2",
       "cursor-not-allowed",
       "cursor-pointer",
-      "dark:bg-accent-dark",
       "dark:bg-amber-dark",
       "dark:bg-amber-dark-200",
       "dark:bg-background-dark",
@@ -227,8 +225,8 @@
       "dark:decoration-blue-dark",
       "dark:fill-blue-dark",
       "dark:focus:ring-blue-dark",
-      "dark:from-accent-dark",
       "dark:from-background-dark",
+      "dark:from-blue-dark-200",
       "dark:from-blue-dark-400",
       "dark:hidden",
       "dark:hover:bg-blue-dark",
@@ -274,9 +272,9 @@
       "footnote-backref",
       "footnote-ref",
       "footnotes",
-      "from-accent-light",
       "from-background-light",
       "from-blue-light-400",
+      "from-blue-light-600",
       "gap-1",
       "gap-10",
       "gap-12",
@@ -357,7 +355,6 @@
       "macOS",
       "max-h-full",
       "max-w-56",
-      "max-w-[1400px]",
       "max-w-[840px]",
       "max-w-full",
       "max-w-none",
@@ -494,8 +491,9 @@
       "text-white",
       "text-xl",
       "text-xs",
+      "to-50%",
       "to-75%",
-      "to-blue-light-500",
+      "to-blue-light",
       "to-magenta-light-400",
       "to-transparent",
       "toc",

layouts/partials/header.html

@@ -1,6 +1,6 @@
 <header
-  class="sticky top-0 z-20 h-16 px-4 text-white bg-gradient-to-r from-accent-light to-blue-light-500 dark:from-accent-dark dark:to-blue-dark-100">
-  <div class="mx-auto flex gap-4 h-full max-w-[1400px] items-center justify-between">
+  class="sticky top-0 z-20 h-16 px-6 text-white bg-gradient-to-r from-blue-light-600 to-blue-light dark:from-blue-dark-200 to-50% dark:to-blue-dark-100">
+  <div class="mx-auto flex h-full items-center justify-between">
     <div class="flex h-full items-center md:gap-8 gap-2">
       {{ if not .IsHome }}
       <button x-data @click="$dispatch('togglesidebar')"

layouts/partials/tooltip.html

@@ -3,9 +3,9 @@
     {{ partialCached "icon" "help" "help" }}
   </div>
   <div data-tooltip-body
-    class="absolute left-0 top-0 hidden max-w-56 rounded bg-accent-light p-2 text-white dark:bg-accent-dark"
+    class="absolute left-0 top-0 hidden max-w-56 rounded bg-gray-light-700 p-2 text-white dark:bg-gray-dark-300"
     role="tooltip">
     {{ . }}
-    <div data-tooltip-arrow class="absolute h-2 w-2 rotate-45 bg-accent-light dark:bg-accent-dark"></div>
+    <div data-tooltip-arrow class="absolute h-2 w-2 rotate-45 bg-gray-light-700 dark:bg-gray-dark-300"></div>
   </div>
 </div>

tailwind.config.js

@@ -68,11 +68,6 @@ module.exports = {
       black: "#000",
       transparent: 'transparent',
 
-      accent: {
-        light: "#677285",
-        dark: "#2D404E",
-      },
-
       background: {
         light: "#f9f9fa",
         dark: "#141b1f",