final polish and version bump

assets/css/compiled/main.css

@@ -885,11 +885,11 @@ select {
   color: var(--tw-prose-code);
   font-weight: 600;
   font-size: 0.875em;
-  background-color: rgba(var(--color-neutral-200), 1);
-  padding-top: 2px;
-  padding-bottom: 2px;
-  padding-left: 3px;
-  padding-right: 3px;
+  background-color: rgba(var(--color-secondary-200), 1);
+  padding-top: 3px;
+  padding-bottom: 3px;
+  padding-left: 5px;
+  padding-right: 5px;
 }
 
 .prose :where(code):not(:where([class~="not-prose"] *))::before {
@@ -2202,14 +2202,14 @@ select {
   opacity: 0;
 }
 
-.opacity-30 {
-  opacity: 0.3;
-}
-
 .opacity-70 {
   opacity: 0.7;
 }
 
+.opacity-30 {
+  opacity: 0.3;
+}
+
 .mix-blend-normal {
   mix-blend-mode: normal;
 }
@@ -3352,7 +3352,7 @@ body:has(#menu-controller:checked) {
 }
 
 .dark .dark\:prose-invert :where(code):not(:where([class~="not-prose"] *)) {
-  background-color: rgba(var(--color-neutral-600), 1);
+  background-color: rgba(var(--color-secondary-800), 1);
 }
 
 .dark .dark\:text-neutral-500 {

exampleSite/content/_index.md

@@ -3,12 +3,6 @@ title: "Welcome to Blowfish! :tada:"
 description: "This is a demo of the Blowfish theme for Hugo."
 ---
 
-<!--center style="display:flex;align-items:center;flex-wrap:wrap;justify-content:space-evenly;">
-<a target="_blank" href="https://www.buymeacoffee.com/nunocoracao"><img class="nozoom" src="https://img.buymeacoffee.com/button-api/?text=Buy me a coffee&emoji=&slug=nunocoracao&button_colour=FFDD00&font_colour=000000&font_family=Cookie&outline_colour=000000&coffee_colour=ffffff" /></a>
-
-<a target="_blank" href="http://tee.pub/lic/qwSlWVBL5zc"><img class="nozoom" src="https://img.buymeacoffee.com/button-api/?text=Merch Store &emoji=💎&slug=nunocoracao&button_colour=5F7FFF&font_colour=ffffff&font_family=Lato&outline_colour=000000&coffee_colour=FFDD00" /></a>
-</center-->
-
 This is a demo site built entirely using Blowfish. It also contains a complete set of [theme documentation]({{< ref "docs" >}}). Blowfish is flexible and is great for both static page-based content (like this demo) or a traditional blog with a feed of recent posts.
 
 <div class="flex px-4 py-2 mb-8 text-base rounded-md bg-primary-100 dark:bg-primary-900">

layouts/partials/header/basic.html

@@ -1,4 +1,4 @@
-<div style="padding-left:0;padding-right:0"
+<div style="padding-left:0;padding-right:0;padding-top:2px;padding-bottom:3px"
     class="flex items-center justify-between px-4 py-6 sm:px-6 md:justify-start space-x-3">
     {{ if .Site.Params.Logo -}}
     {{ $logo := resources.Get .Site.Params.Logo }}
@@ -94,12 +94,12 @@
             <div class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400">
                 {{ partial "icon.html" "bars" }}
             </div>
-            <div id="menu-wrapper" style="padding-top:25px;"
+            <div id="menu-wrapper" style="padding-top:5px;"
                 class="fixed inset-0 z-30 invisible w-screen h-screen m-auto overflow-auto transition-opacity opacity-0 cursor-default bg-neutral-100/50 backdrop-blur-sm dark:bg-neutral-900/50">
                 <ul
                     class="flex movedown flex-col w-full px-6 py-6 mx-auto overflow-visible list-none ltr:text-right rtl:text-left max-w-7xl sm:px-14 md:px-24 lg:px-32 sm:py-10 sm:pt-10">
                     <li class="mb-1">
-                        <span class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400">{{ partial
+                        <span class="cursor-pointer inline-block align-text-bottom hover:text-primary-600 dark:hover:text-primary-400">{{ partial
                             "icon.html"
                             "xmark" }}</span>
                     </li>

layouts/partials/hero/background.html

@@ -33,7 +33,7 @@
     <div class="absolute inset-0 bg-gradient-to-t from-neutral dark:from-neutral-800 to-transparent mix-blend-normal">
     </div>
     <div
-        class="absolute inset-0 opacity-30 dark:opacity-60 bg-gradient-to-t from-neutral dark:from-neutral-800 to-neutral dark:to-neutral-800 mix-blend-normal">
+        class="absolute inset-0 opacity-70 bg-gradient-to-t from-neutral dark:from-neutral-800 to-neutral dark:to-neutral-800 mix-blend-normal">
     </div>
 </div>
 {{ if $shouldBlur | default false }}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "hugo-blowfish-theme",
-  "version": "2.22.2",
+  "version": "2.23.0",
   "description": "Blowfish theme for Hugo",
   "scripts": {
     "fullinstall": "npm run preinstall && npm install && npm run postinstall",

tailwind.config.js

@@ -118,11 +118,11 @@ module.exports = {
               borderRadius: "0.12rem",
             },
             code:{
-              backgroundColor: theme("colors.neutral.200 / 1"),
-              paddingTop: "2px",
-              paddingBottom: "2px",
-              paddingLeft: "3px",
-              paddingRight: "3px",
+              backgroundColor: theme("colors.secondary.200 / 1"),
+              paddingTop: "3px",
+              paddingBottom: "3px",
+              paddingLeft: "5px",
+              paddingRight: "5px",
             },
             'code::before': {
               display: 'none'
@@ -151,7 +151,7 @@ module.exports = {
               backgroundColor: theme("colors.secondary.400 / 1"),
             },
             code:{
-              backgroundColor: theme("colors.neutral.600 / 1"),
+              backgroundColor: theme("colors.secondary.800 / 1"),
             },
           },
         },