Merge pull request #584 from nunocoracao/dev

🔖 release v2.31.0

assets/css/compiled/main.css

@@ -935,6 +935,7 @@ select {
   padding-bottom: 3px;
   padding-left: 5px;
   padding-right: 5px;
+  border-radius: 0.25rem;
 }
 
 .prose :where(code):not(:where([class~="not-prose"] *))::before {
@@ -1202,9 +1203,9 @@ select {
 
 .prose :where(mark):not(:where([class~="not-prose"] *)) {
   color: rgba(var(--color-neutral-800), 1);
-  background-color: rgb(228 230 233 / 1);
+  background-color: rgb(48 97 175 / 1);
   padding: 0.1rem 0.2rem;
-  border-radius: 0.12rem;
+  border-radius: 0.25rem;
 }
 
 .prose :where(p):not(:where([class~="not-prose"] *))::before {
@@ -1275,6 +1276,10 @@ select {
   position: fixed;
 }
 
+.\!absolute {
+  position: absolute !important;
+}
+
 .absolute {
   position: absolute;
 }
@@ -1439,6 +1444,14 @@ select {
   z-index: 1080;
 }
 
+.z-\[1\] {
+  z-index: 1;
+}
+
+.z-\[2\] {
+  z-index: 2;
+}
+
 .z-\[999\] {
   z-index: 999;
 }
@@ -1455,6 +1468,10 @@ select {
   float: left;
 }
 
+.\!-m-px {
+  margin: -1px !important;
+}
+
 .m-0 {
   margin: 0px;
 }
@@ -1491,6 +1508,16 @@ select {
   margin-right: 0.25rem;
 }
 
+.mx-\[15\%\] {
+  margin-left: 15%;
+  margin-right: 15%;
+}
+
+.mx-\[3px\] {
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
 .mx-auto {
   margin-left: auto;
   margin-right: auto;
@@ -1539,6 +1566,10 @@ select {
   margin-right: -12rem;
 }
 
+.-mr-\[100\%\] {
+  margin-right: -100%;
+}
+
 .-mt-3 {
   margin-top: -0.75rem;
 }
@@ -1743,6 +1774,10 @@ select {
   height: 0px !important;
 }
 
+.\!h-px {
+  height: 1px !important;
+}
+
 .h-0 {
   height: 0px;
 }
@@ -1851,6 +1886,10 @@ select {
   height: 32px;
 }
 
+.h-\[3px\] {
+  height: 3px;
+}
+
 .h-\[40px\] {
   height: 40px;
 }
@@ -1927,6 +1966,10 @@ select {
   min-height: auto;
 }
 
+.\!w-px {
+  width: 1px !important;
+}
+
 .w-0 {
   width: 0px;
 }
@@ -1987,6 +2030,10 @@ select {
   width: 2.25rem;
 }
 
+.w-\[15\%\] {
+  width: 15%;
+}
+
 .w-\[150px\] {
   width: 150px;
 }
@@ -2152,6 +2199,10 @@ select {
   flex: 1 1 auto;
 }
 
+.flex-initial {
+  flex: 0 1 auto;
+}
+
 .flex-none {
   flex: none;
 }
@@ -2485,6 +2536,10 @@ select {
   overflow: auto;
 }
 
+.\!overflow-hidden {
+  overflow: hidden !important;
+}
+
 .overflow-hidden {
   overflow: hidden;
 }
@@ -2515,6 +2570,10 @@ select {
   white-space: normal;
 }
 
+.\!whitespace-nowrap {
+  white-space: nowrap !important;
+}
+
 .whitespace-nowrap {
   white-space: nowrap;
 }
@@ -2609,6 +2668,10 @@ select {
   border-top-right-radius: 0.5rem;
 }
 
+.\!border-0 {
+  border-width: 0px !important;
+}
+
 .\!border-\[3px\] {
   border-width: 3px !important;
 }
@@ -2633,6 +2696,11 @@ select {
   border-width: 14px;
 }
 
+.border-y-\[10px\] {
+  border-top-width: 10px;
+  border-bottom-width: 10px;
+}
+
 .border-b-2 {
   border-bottom-width: 2px;
 }
@@ -2832,6 +2900,10 @@ select {
   background-image: linear-gradient(to top, var(--tw-gradient-stops));
 }
 
+.bg-none {
+  background-image: none;
+}
+
 .from-neutral {
   --tw-gradient-from: rgba(var(--color-neutral), 1);
   --tw-gradient-to: rgba(var(--color-neutral), 0);
@@ -2895,6 +2967,10 @@ select {
      object-position: left;
 }
 
+.\!p-0 {
+  padding: 0px !important;
+}
+
 .p-0 {
   padding: 0px;
 }
@@ -3160,6 +3236,10 @@ select {
   text-align: right;
 }
 
+.-indent-\[999px\] {
+  text-indent: -999px;
+}
+
 .align-top {
   vertical-align: top;
 }
@@ -3694,10 +3774,20 @@ select {
   transition-duration: 150ms;
 }
 
+.transition-transform {
+  transition-property: transform;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
 .delay-\[0ms\] {
   transition-delay: 0ms;
 }
 
+.duration-150 {
+  transition-duration: 150ms;
+}
+
 .duration-200 {
   transition-duration: 200ms;
 }
@@ -3718,6 +3808,10 @@ select {
   transition-duration: 400ms;
 }
 
+.duration-\[600ms\] {
+  transition-duration: 600ms;
+}
+
 .ease-\[cubic-bezier\(0\2c 0\2c 0\.15\2c 1\)\2c _cubic-bezier\(0\2c 0\2c 0\.15\2c 1\)\] {
   transition-timing-function: cubic-bezier(0,0,0.15,1), cubic-bezier(0,0,0.15,1);
 }
@@ -3750,6 +3844,10 @@ select {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
 
+.\!\[clip\:rect\(0\2c 0\2c 0\2c 0\)\] {
+  clip: rect(0,0,0,0) !important;
+}
+
 .\[direction\:ltr\] {
   direction: ltr;
 }
@@ -5347,7 +5445,7 @@ body:has(#menu-controller:checked) {
 }
 
 .dark .dark\:prose-invert :where(mark):not(:where([class~="not-prose"] *)) {
-  background-color: rgb(200 204 211 / 1);
+  background-color: rgb(143 174 224 / 1);
 }
 
 .dark .dark\:prose-invert :where(code):not(:where([class~="not-prose"] *)) {
@@ -5378,6 +5476,21 @@ body:has(#menu-controller:checked) {
   background-color: transparent;
 }
 
+.after\:clear-both::after {
+  content: var(--tw-content);
+  clear: both;
+}
+
+.after\:block::after {
+  content: var(--tw-content);
+  display: block;
+}
+
+.after\:content-\[\'\'\]::after {
+  --tw-content: '';
+  content: var(--tw-content);
+}
+
 .first\:mt-8:first-child {
   margin-top: 2rem;
 }
@@ -5578,6 +5691,10 @@ body:has(#menu-controller:checked) {
   opacity: 1;
 }
 
+.hover\:opacity-90:hover {
+  opacity: 0.9;
+}
+
 .hover\:\!shadow-none:hover {
   --tw-shadow: 0 0 #0000 !important;
   --tw-shadow-colored: 0 0 #0000 !important;
@@ -5639,6 +5756,10 @@ body:has(#menu-controller:checked) {
   opacity: 0.9 !important;
 }
 
+.focus\:opacity-90:focus {
+  opacity: 0.9;
+}
+
 .focus\:outline-none:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;

exampleSite/content/docs/configuration/index.md

@@ -76,6 +76,7 @@ The theme currently supports the following languages by default:
 | 🇷🇴 Romanian                     | `ro`    |
 | 🇷🇺 Russian                      | `ru`    |
 | 🇹🇷 Turkish                      | `tr`    |
+| 🇻🇳 Vietnamese                   | `vi`    |
 | 🇨🇳 Simplified Chinese (China)   | `zh-cn` |
 | 🇹🇼 Traditional Chinese (Taiwan) | `zh-tw` |
 

exampleSite/content/samples/markdown.md

@@ -143,4 +143,4 @@ X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
 
 Press <kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd> to end the session.
 
-Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.
+Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.

i18n/vi.yaml

@@ -0,0 +1,70 @@
+global:
+  language: "🇻🇳"
+
+article:
+  anchor_label: "Neo"
+  date: "{{ .Date }}"
+  date_updated: "Cập nhật: {{ .Date }}"
+  draft: "Bản nháp"
+  edit_title: "Sửa nội dung"
+  reading_time:
+    one: "{{ .Count }} phút"
+    other: "{{ .Count }} phút"
+  reading_time_title: "Thời gian đọc"
+  table_of_contents: "Mục lục"
+  word_count:
+    one: "{{ .Count }} từ"
+    other: "{{ .Count }} từ"
+  views:
+    one: "{{ .Count }} lượt xem"
+    other: "{{ .Count }} lượt xem"
+  likes:
+    one: "{{ .Count }} lượt thích"
+    other: "{{ .Count }} lượt thích"
+  part_of_series: "Bài viết này là một phần của loạt bài."
+  part: "Phần"
+  this_article: "Bài viết này"
+
+author:
+  byline_title: "Tác giả"
+
+code:
+  copy: "Sao chép"
+  copied: "Đã sao chép"
+
+error:
+  404_title: "Không tìm thấy trang :confused:"
+  404_error: "Lỗi 404"
+  404_description: "Có vẻ như trang bạn yêu cầu không tồn tại."
+
+footer:
+  dark_appearance: "Chuyển sang giao diện tối"
+  light_appearance: "Chuyển sang giao diện sáng"
+  powered_by: "Dựa trên {{ .Hugo }} & {{ .Theme }}"
+
+list:
+  externalurl_title: "Liên kết đến trang web bên ngoài"
+  no_articles: "Không có bài viết nào để liệt kê ở đây."
+
+nav:
+  scroll_to_top_title: "Cuộn lên trên cùng"
+  skip_to_main: "Chuyển đến nội dung chính"
+
+search:
+  open_button_title: "Tìm kiếm (/)"
+  close_button_title: "Đóng (Esc)"
+  input_placeholder: "Tìm kiếm"
+
+sharing:
+  email: "Gửi qua email"
+  facebook: "Chia sẻ trên facebook"
+  linkedin: "Chia sẻ trên LinkedIn"
+  pinterest: "Ghim trên Pinterest"
+  reddit: "Gửi lên Reddit"
+  twitter: "Tweet trên Twitter"
+
+shortcode:
+  recent_articles: "Gần đây"
+
+recent:
+  show_more: "Xem nhiều hơn"

layouts/partials/header/basic.html

@@ -34,7 +34,7 @@
             {{ partial "translations.html" . }}
 
             {{ if .Site.Params.enableSearch | default false }}
-            <button id="search-button" class="text-base hover:text-primary-600 dark:hover:text-primary-400"
+            <button id="search-button" aria-label="Search" class="text-base hover:text-primary-600 dark:hover:text-primary-400"
                 title="{{ i18n " search.open_button_title" }}">
                 {{ partial "icon.html" "search" }}
             </button>
@@ -45,7 +45,7 @@
             {{ if .Site.Params.footer.showAppearanceSwitcher | default false }}
             <div
                 class="{{ if .Site.Params.footer.showScrollToTop | default true -}} ltr:mr-14 rtl:ml-14 {{- end }} cursor-pointer text-sm text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400">
-                <button id="appearance-switcher" type="button">
+                <button id="appearance-switcher" aria-label="Dark mode switcher" type="button">
                     <div class="flex items-center justify-center h-12 dark:hidden">
                         {{ partial "icon.html" "moon" }}
                     </div>
@@ -174,4 +174,4 @@
         });
     })();
 </script>
-{{ end }}
+{{ end }}

layouts/partials/home/background.html

@@ -39,7 +39,7 @@
                         <div class="flex flex-wrap">
                             {{ range $links := . }}
                             {{ range $name, $url := $links }}
-                            <a class="px-1 hover:text-primary-400 text-primary-800 dark:text-primary-200" href="{{ $url }}" target="_blank"
+                            <a class="px-2 hover:text-primary-400 text-primary-800 dark:text-primary-200" href="{{ $url }}" target="_blank"
                                 aria-label="{{ $name | title }}" rel="me noopener noreferrer">{{ partial
                                 "icon.html" $name }}</a>
                             {{ end }}

layouts/partials/home/hero.html

@@ -36,7 +36,7 @@
                         <div class="flex flex-wrap">
                             {{ range $links := . }}
                             {{ range $name, $url := $links }}
-                            <a class="px-1 hover:text-primary-400 text-primary-300" href="{{ $url }}" target="_blank"
+                            <a class="px-2 hover:text-primary-400 text-primary-300" href="{{ $url }}" target="_blank"
                                 aria-label="{{ $name | title }}" rel="me noopener noreferrer">{{ partial
                                 "icon.html" $name }}</a>
                             {{ end }}
@@ -52,4 +52,4 @@
 </article>
 <section>
     {{ partial "recent-articles/main.html" . }}
-</section>
+</section>

layouts/partials/translations.html

@@ -1,7 +1,7 @@
 {{ if .IsTranslated }}
 <div>
   <div class="cursor-pointer flex items-center nested-menu">
-    <a class="text-base font-medium text-gray-500 hover:text-gray-900" title="{{ .Title }}">
+    <a href="#" class="text-base font-medium text-gray-500 hover:text-gray-900" title="{{ .Title }}">
       {{- i18n "global.language" | markdownify | emojify -}}
     </a>
   </div>
@@ -19,4 +19,4 @@
     </div>
   </div>
 </div>
-{{ end }}
+{{ end }}

layouts/shortcodes/carousel.html

@@ -4,42 +4,59 @@
 {{ $images := .Page.Resources.Match (.Get "images") }}
 {{ $interval := default "2000" (.Get "interval") }}
 
-<div id="{{ $id }}" class="carousel slide relative" data-bs-ride="carousel">
+<div id="{{ $id }}" class="relative" data-te-carousel-init data-te-carousel-slide>
-    <div class="carousel-indicators absolute right-0 bottom-0 left-0 flex justify-center p-0 mb-2">
+    <div class="absolute right-0 bottom-0 left-0 z-[2] mx-[15%] mb-10 flex list-none justify-center p-0"
+        data-te-carousel-indicators>
 
         {{ $num := 0 }}
         {{ range $images }}
 
-        <button type="button" data-bs-target="#{{ $id }}" data-bs-slide-to="{{ $num }}" 
+        <button type="button" data-te-target="#{{ $id }}" data-te-slide-to="{{ $num }}" {{ if eq $num 0 }} data-te-carousel-active aria-current="true" {{ end }} 
-        {{ if eq $num 0 }} class="active" aria-current="true" {{ end }} aria-label="Slide {{ $num }}"></button>
+        class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none"
+        aria-label="Slide {{ $num }}"></button>
 
         {{ $num = add $num 1 }}
         {{ end }}
 
     </div>
-    <div class="carousel-inner relative w-full overflow-hidden">
+    <div class="relative w-full overflow-hidden after:clear-both after:block after:content-['']">
 
         {{ $num := 0 }}
         {{ range $images }}
 
-        <div class="carousel-item {{ if eq $num 0 }} active {{ end }} relative float-left w-full ratio-{{ $aspect }} single_hero_background"
+        <div class="relative float-left -mr-[100%] {{ if not (eq $num 0) }} hidden {{ end }} w-full transition-transform duration-[{{ $interval }}ms] ease-in-out motion-reduce:transition-none"
-            style="background-image:url({{ . }})"
+            data-te-carousel-item {{ if eq $num 0 }} data-te-carousel-active {{ end }}>
-            data-bs-interval="{{ $interval }}"
+            <div class="ratio-{{ $aspect }} single_hero_background">
-        ></div>
+                <img src="{{ . }}" class="block absolute top-0 object-cover w-full h-full nozoom" />
+            </div>
+        </div>
+
         {{ $num = add $num 1 }}
         {{ end }}
 
     </div>
     <button
-        class="carousel-control-prev absolute top-0 bottom-0 flex items-center justify-center p-0 text-center border-0 hover:outline-none hover:no-underline focus:outline-none focus:no-underline left-0"
+        class="absolute top-0 bottom-0 left-0 z-[2] flex w-[15%] items-center justify-center border-0 bg-none p-0 text-center text-white opacity-50 transition-opacity duration-150 ease-[cubic-bezier(0.25,0.1,0.25,1.0)] hover:text-white hover:no-underline hover:opacity-90 hover:outline-none focus:text-white focus:no-underline focus:opacity-90 focus:outline-none motion-reduce:transition-none"
-        type="button" data-bs-target="#{{ $id }}" data-bs-slide="prev">
+        type="button" data-te-target="#{{ $id }}" data-te-slide="prev">
-        <span class="carousel-control-prev-icon inline-block bg-no-repeat" aria-hidden="true"></span>
+        <span class="inline-block h-8 w-8">
-        <span class="visually-hidden">Previous</span>
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="4.5"
+                stroke="currentColor" class="h-6 w-6">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" />
+            </svg>
+        </span>
+        <span
+            class="!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]">Previous</span>
     </button>
     <button
-        class="carousel-control-next absolute top-0 bottom-0 flex items-center justify-center p-0 text-center border-0 hover:outline-none hover:no-underline focus:outline-none focus:no-underline right-0"
+        class="absolute top-0 bottom-0 right-0 z-[1] flex w-[15%] items-center justify-center border-0 bg-none p-0 text-center text-white opacity-50 transition-opacity duration-150 ease-[cubic-bezier(0.25,0.1,0.25,1.0)] hover:text-white hover:no-underline hover:opacity-90 hover:outline-none focus:text-white focus:no-underline focus:opacity-90 focus:outline-none motion-reduce:transition-none"
-        type="button" data-bs-target="#{{ $id }}" data-bs-slide="next">
+        type="button" data-te-target="#{{ $id }}" data-te-slide="next">
-        <span class="carousel-control-next-icon inline-block bg-no-repeat" aria-hidden="true"></span>
+        <span class="inline-block h-8 w-8">
-        <span class="visually-hidden">Next</span>
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="4.5"
+                stroke="currentColor" class="h-6 w-6">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
+            </svg>
+        </span>
+        <span
+            class="!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]">Nextsads</span>
     </button>
 </div>

layouts/shortcodes/gallery.html

@@ -6,13 +6,11 @@
 </div>
 
 <script>
-
+  $(document).ready(function () {
-  document.addEventListener("DOMContentLoaded", function () {
+    $('#{{ $id }}').packery({
-    var elem = document.querySelector('#{{ $id }}');
-    var pckry = new Packery(elem, {
       percentPosition: true,
       gutter: 5,
       resize: true
     });
-  });
+  })
 </script>

package-lock.json

@@ -1,16 +1,16 @@
 {
   "name": "hugo-blowfish-theme",
-  "version": "2.29.0",
+  "version": "2.30.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "hugo-blowfish-theme",
-      "version": "2.29.0",
+      "version": "2.30.0",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
-        "@headlessui/react": "^1.7.12",
+        "@headlessui/react": "^1.7.13",
         "@heroicons/react": "^2.0.16",
         "@tailwindcss/forms": "^0.5.3",
         "commander": "^10.0.0"
@@ -19,23 +19,23 @@
         "@tailwindcss/typography": "^0.5.9",
         "chart.js": "^4.2.1",
         "fuse.js": "^6.6.2",
-        "jquery": "^3.6.3",
+        "jquery": "^3.6.4",
         "katex": "^0.16.4",
         "packery": "^2.1.2",
         "prettier": "^2.8.4",
         "prettier-plugin-go-template": "^0.0.13",
         "prettier-plugin-tailwindcss": "^0.2.4",
-        "rimraf": "^4.2.0",
+        "rimraf": "^4.4.0",
         "tailwindcss": "^3.2.7",
-        "tw-elements": "^1.0.0-beta1",
+        "tw-elements": "1.0.0-beta1",
         "typeit": "^8.7.1",
         "vendor-copy": "^3.0.1"
       }
     },
     "node_modules/@headlessui/react": {
-      "version": "1.7.12",
+      "version": "1.7.13",
-      "resolved": "https://registry.npmjs.org/@headlessui/react/-/react-1.7.12.tgz",
+      "resolved": "https://registry.npmjs.org/@headlessui/react/-/react-1.7.13.tgz",
-      "integrity": "sha512-FhSx5V+Qp0GvbTpaxyS+ymGDDNntCacClWsk/d8Upbr19g3AsPbjfPk4+m2CgJGcuCB5Dz7LpUIOAbvQTyjL2g==",
+      "integrity": "sha512-9n+EQKRtD9266xIHXdY5MfiXPDfYwl7zBM7KOx2Ae3Gdgxy8QML1FkCMjq6AsOf0l6N9uvI4HcFtuFlenaldKg==",
       "dependencies": {
         "client-only": "^0.0.1"
       },
@@ -579,9 +579,9 @@
       }
     },
     "node_modules/jquery": {
-      "version": "3.6.3",
+      "version": "3.6.4",
-      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.3.tgz",
+      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.4.tgz",
-      "integrity": "sha512-bZ5Sy3YzKo9Fyc8wH2iIQK4JImJ6R0GWI9kL1/k7Z91ZBNgkRXE6U0JfHIizZbort8ZunhSI3jw9I6253ahKfg==",
+      "integrity": "sha512-v28EW9DWDFpzcD9O5iyJXg3R3+q+mET5JhnjJzQUZMHOv67bpSIHq81GEYpPNZHG+XXHsfSme3nxp/hndKEcsQ==",
       "dev": true
     },
     "node_modules/js-tokens": {
@@ -1171,9 +1171,9 @@
       }
     },
     "node_modules/rimraf": {
-      "version": "4.2.0",
+      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-4.2.0.tgz",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-4.4.0.tgz",
-      "integrity": "sha512-tPt+gLORNVqRCk0NwuJ5SlMEcOGvt4CCU8sUPqgCFtCbnoNCTd9Q6vq7JlBbxQlACiH14OR28y7piA2Bak9Sxw==",
+      "integrity": "sha512-X36S+qpCUR0HjXlkDe4NAOhS//aHH0Z+h8Ckf2auGJk3PTnx5rLmrHkwNdbVQuCSUhOyFrlRvFEllZOYE+yZGQ==",
       "dev": true,
       "dependencies": {
         "glob": "^9.2.0"
@@ -1432,9 +1432,9 @@
   },
   "dependencies": {
     "@headlessui/react": {
-      "version": "1.7.12",
+      "version": "1.7.13",
-      "resolved": "https://registry.npmjs.org/@headlessui/react/-/react-1.7.12.tgz",
+      "resolved": "https://registry.npmjs.org/@headlessui/react/-/react-1.7.13.tgz",
-      "integrity": "sha512-FhSx5V+Qp0GvbTpaxyS+ymGDDNntCacClWsk/d8Upbr19g3AsPbjfPk4+m2CgJGcuCB5Dz7LpUIOAbvQTyjL2g==",
+      "integrity": "sha512-9n+EQKRtD9266xIHXdY5MfiXPDfYwl7zBM7KOx2Ae3Gdgxy8QML1FkCMjq6AsOf0l6N9uvI4HcFtuFlenaldKg==",
       "requires": {
         "client-only": "^0.0.1"
       }
@@ -1854,9 +1854,9 @@
       "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng=="
     },
     "jquery": {
-      "version": "3.6.3",
+      "version": "3.6.4",
-      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.3.tgz",
+      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.4.tgz",
-      "integrity": "sha512-bZ5Sy3YzKo9Fyc8wH2iIQK4JImJ6R0GWI9kL1/k7Z91ZBNgkRXE6U0JfHIizZbort8ZunhSI3jw9I6253ahKfg==",
+      "integrity": "sha512-v28EW9DWDFpzcD9O5iyJXg3R3+q+mET5JhnjJzQUZMHOv67bpSIHq81GEYpPNZHG+XXHsfSme3nxp/hndKEcsQ==",
       "dev": true
     },
     "js-tokens": {
@@ -2191,9 +2191,9 @@
       "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw=="
     },
     "rimraf": {
-      "version": "4.2.0",
+      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-4.2.0.tgz",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-4.4.0.tgz",
-      "integrity": "sha512-tPt+gLORNVqRCk0NwuJ5SlMEcOGvt4CCU8sUPqgCFtCbnoNCTd9Q6vq7JlBbxQlACiH14OR28y7piA2Bak9Sxw==",
+      "integrity": "sha512-X36S+qpCUR0HjXlkDe4NAOhS//aHH0Z+h8Ckf2auGJk3PTnx5rLmrHkwNdbVQuCSUhOyFrlRvFEllZOYE+yZGQ==",
       "dev": true,
       "requires": {
         "glob": "^9.2.0"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "hugo-blowfish-theme",
-  "version": "2.30.0",
+  "version": "2.31.0",
   "description": "Blowfish theme for Hugo",
   "scripts": {
     "fullinstall": "npm run preinstall && npm install && npm run postinstall",
@@ -37,15 +37,15 @@
     "@tailwindcss/typography": "^0.5.9",
     "chart.js": "^4.2.1",
     "fuse.js": "^6.6.2",
-    "jquery": "^3.6.3",
+    "jquery": "^3.6.4",
     "katex": "^0.16.4",
     "packery": "^2.1.2",
     "prettier": "^2.8.4",
     "prettier-plugin-go-template": "^0.0.13",
     "prettier-plugin-tailwindcss": "^0.2.4",
-    "rimraf": "^4.2.0",
+    "rimraf": "^4.4.0",
     "tailwindcss": "^3.2.7",
-    "tw-elements": "^1.0.0-beta1",
+    "tw-elements": "1.0.0-beta1",
     "typeit": "^8.7.1",
     "vendor-copy": "^3.0.1"
   },
@@ -93,7 +93,7 @@
     }
   ],
   "dependencies": {
-    "@headlessui/react": "^1.7.12",
+    "@headlessui/react": "^1.7.13",
     "@heroicons/react": "^2.0.16",
     "@tailwindcss/forms": "^0.5.3",
     "commander": "^10.0.0"

tailwind.config.js

@@ -114,9 +114,9 @@ module.exports = {
             },
             mark: {
               color: theme("colors.neutral.800 / 1"),
-              backgroundColor: theme("colors.secondary.200 / 1"),
+              backgroundColor: theme("colors.primary.600 / 1"),
               padding: "0.1rem 0.2rem",
-              borderRadius: "0.12rem",
+              borderRadius: "0.25rem",
             },
             code:{
               backgroundColor: theme("colors.neutral.50 / 1"),
@@ -124,6 +124,7 @@ module.exports = {
               paddingBottom: "3px",
               paddingLeft: "5px",
               paddingRight: "5px",
+              borderRadius: "0.25rem",
             },
             'code::before': {
               display: 'none'
@@ -155,7 +156,7 @@ module.exports = {
               backgroundColor: theme("colors.neutral.700 / 1"),
             },
             mark: {
-              backgroundColor: theme("colors.secondary.400 / 1"),
+              backgroundColor: theme("colors.primary.400 / 1"),
             },
             code:{
               backgroundColor: theme("colors.neutral.700 / 1"),