chore: a few style changes

themes/starless/layouts/_default/baseof.html

@@ -146,6 +146,14 @@
         font-weight: 400;
       }
 
+      .prose h1,
+      .prose h2 {
+        text-decoration: underline;
+        text-decoration-color: rgba(234, 228, 226, 0.35);
+        text-decoration-thickness: 1px;
+        text-underline-offset: 0.18em;
+      }
+
       .prose h2 {
         font-size: 1.5rem;
         line-height: 2rem;
@@ -153,6 +161,18 @@
         margin-bottom: 0.75rem;
       }
 
+      .prose h3 {
+        font-size: 1.40625rem;
+        line-height: 1.90625rem;
+        font-weight: 500;
+      }
+
+      .prose h4 {
+        font-size: 1.1875rem;
+        line-height: 1.6875rem;
+        font-weight: 500;
+      }
+
       .prose blockquote {
         border-left-width: 2px;
         padding-left: 1rem;

themes/starless/layouts/partials/explorer-tree.html

@@ -7,7 +7,7 @@
       </a>
       {{- if .IsSection -}}
         {{- with .Pages.ByWeight -}}
-          <div class="ml-6 flex flex-col gap-1 text-on-surface-variant text-label-sm tree-item mt-1 mb-2">
+          <div class="ml-6 flex flex-col gap-1 text-on-surface-variant text-[13px] tree-item mt-1 mb-2">
             {{ partial "explorer-tree.html" (dict "nodes" . "level" (add $.level 1)) }}
           </div>
         {{- end -}}
@@ -21,7 +21,7 @@
           {{ .LinkTitle }}
         </a>
         {{- with .Pages.ByWeight -}}
-          <div class="ml-5 flex flex-col gap-1 text-on-surface-variant text-label-sm tree-item mt-1 italic">
+          <div class="ml-5 flex flex-col gap-1 text-on-surface-variant text-[13px] tree-item mt-1 italic">
             {{ partial "explorer-tree.html" (dict "nodes" . "level" (add $.level 1)) }}
           </div>
         {{- end -}}

themes/starless/layouts/partials/sidebar.html

@@ -3,12 +3,12 @@
     <a class="font-display-lg text-display-lg text-on-surface" href="{{ `/` | relLangURL }}">{{ site.Title }}</a>
   </header>
 
-  <button class="relative w-full bg-transparent text-on-surface border border-outline/30 rounded py-1.5 pl-8 pr-3 text-left focus:outline-none focus:border-primary focus:ring-1 focus:ring-primary transition-colors text-label-sm" type="button" data-search-open aria-haspopup="dialog">
+  <button class="relative w-full bg-transparent text-on-surface border border-outline/30 rounded py-1.5 pl-8 pr-3 text-left focus:outline-none focus:border-primary focus:ring-1 focus:ring-primary transition-colors text-[13px]" type="button" data-search-open aria-haspopup="dialog">
     <span class="material-symbols-outlined absolute left-2 top-1.5 text-on-surface-variant text-[18px]" aria-hidden="true">search</span>
     <span class="text-on-surface-variant/70">Search</span>
   </button>
 
-  <nav class="flex flex-col gap-1 text-sm" aria-label="Primary">
+  <nav class="flex flex-col gap-1 text-[14px]" aria-label="Primary">
     {{ with site.Sections }}
       {{ partial "explorer-tree.html" (dict "nodes" . "level" 0) }}
     {{ end }}