Align spacings and colors in titles and buttons

assets/_defaults.scss

@@ -16,7 +16,6 @@ $body-font-weight: normal !default;
 $body-min-width: 20rem !default;
 $container-max-width: 80rem !default;
 
-$header-height: 3.5rem !default;
 $menu-width: 16rem !default;
 $toc-width: 16rem !default;
 
@@ -48,9 +47,9 @@ $hint-colors: (
 }
 
 @mixin theme-dark {
-  --gray-100: rgba(255, 255, 255, 0.1);
-  --gray-200: rgba(255, 255, 255, 0.2);
-  --gray-500: rgba(255, 255, 255, 0.5);
+  --gray-100: #494e54;
+  --gray-200: #5c6165;
+  --gray-500: #999d9f;
 
   --color-link: #84b2ff;
   --color-visited-link: #b88dff;

assets/_main.scss

@@ -195,6 +195,12 @@ body[dir="rtl"] .book-menu {
     line-height: 0;
   }
 
+  h3 {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    margin: 0 $padding-16;
+  }
+
   img.book-icon {
     height: 1.5em;
     width: 1.5em;

assets/_shortcodes.scss

@@ -83,7 +83,6 @@
     color: var(--color-link);
     line-height: $padding-16 * 2;
     padding: 0 $padding-16;
-    margin: 0 $padding-4;
     border: $padding-1 solid var(--color-link);
     border-radius: $border-radius;
     cursor: pointer;

exampleSite/resources/_gen/assets/book.scss_b807c86e8030af4cdc30edccea379f5f.json

@@ -1 +1 @@
-{"Target":"book.min.3b63b9ecb24b01f1be0df5c6f361b3a2004ab96665227385e0196f67e7607b29.css","MediaType":"text/css","Data":{"Integrity":"sha256-O2O57LJLAfG+DfXG82GzogBKuWZlInOF4BlvZ+dgeyk="}}
+{"Target":"book.min.6c8b9d2a1fc95075ed7da46ca81060b39add8fff6741ac51259f768929281e2c.css","MediaType":"text/css","Data":{"Integrity":"sha256-bIudKh/JUHXtfaRsqBBgs5rdj/9nQaxRJZ92iSkoHiw="}}

layouts/partials/docs/header.html

@@ -3,7 +3,7 @@
     <img src="{{ "svg/menu.svg" | relURL }}" class="book-icon" alt="Menu" />
   </label>
 
-  <strong>{{ partial "docs/title" . }}</strong>
+  <h3>{{ partial "docs/title" . }}</h3>
 
   <label for="toc-control">
     {{ if default true (default .Site.Params.BookToC .Params.BookToC) }}