fix colors

assets/_amethyst.scss

@@ -5,7 +5,7 @@ header {
     width: 100%;
     padding: 0px 80px;
     z-index: 9999;
-    background-color: #88ddff;
+    background-color: var(--header);
     margin: 0 !important;
     height: $header-height;
 }
@@ -22,6 +22,10 @@ header {
     padding: 30px;
 }
 
+#page-title a {
+    color: var(--dark);
+}
+
 @media screen and (max-width: $mobile-breakpoint) {
     .book-header {
         justify-content: space-between;
@@ -84,17 +88,23 @@ pre::-webkit-scrollbar {
     background-color: #DDD;
 }
 
-.markdown h1, .markdown h2, .markdown h3 {
+.markdown h1,
+.markdown h2,
+.markdown h3 {
     font-weight: bold;
 }
 
-.markdown p {
-    color: #222;
-    font-weight: 500;
-}
-
 .title {
-    color: blue;
+    color: var(--secondary);
     font-size: 3rem;
     padding-bottom: 1rem;
 }
+
+.book-toc-content {
+    font-weight: normal;
+}
+
+.book-menu-content a:hover,
+.book-toc-content a:hover {
+    opacity: 100%;
+}

assets/_fonts.scss

@@ -16,6 +16,13 @@
   font-family: "PP Mori";
   font-style: normal;
   font-weight: bold;
+  src: url('fonts/PPMori-SemiBold.woff2');
+}
+
+@font-face {
+  font-family: "PP Mori";
+  font-style: normal;
+  font-weight: 1000;
   src: url('fonts/PPMori-ExtraBold.woff2');
 }
 

assets/_main.scss

@@ -38,9 +38,9 @@ img {
   vertical-align: baseline;
 }
 
-:focus {
-  @include outline;
-}
+// :focus {
+//   @include outline;
+// }
 
 aside nav ul {
   padding: 0;

assets/_markdown.scss

@@ -58,9 +58,9 @@
     &:hover {
       text-decoration: underline;
     }
-    &:visited {
-      color: var(--color-visited-link);
-    }
+    // &:visited {
+    //   color: var(--color-visited-link);
+    // }
   }
 
   img {
@@ -162,8 +162,12 @@
 
   details {
     padding: $padding-16;
-    border: $padding-1 solid var(--gray-200);
-    border-radius: $border-radius;
+    border: none !important;
+    font-family: var(--font-body);
+    font-weight: bold;
+    color: var(--dark);
+    // border: $padding-1 solid var(--gray-200);
+    // border-radius: $border-radius;
 
     summary {
       line-height: 1;

assets/_shortcodes.scss

@@ -4,15 +4,17 @@
     margin-top: $padding-16;
     margin-bottom: $padding-16;
 
-    border: $padding-1 solid var(--gray-200);
+    border: 2px solid var(--secondary);
     border-radius: $border-radius;
 
     overflow: hidden;
 
     .book-expand-head {
-      background: var(--gray-100);
+      color: var(--secondary);
+      font-family: var(--font-body);
       padding: $padding-8 $padding-16;
       cursor: pointer;
+      font-weight: bold;
     }
 
     .book-expand-content {
@@ -80,10 +82,10 @@
   a.book-btn {
     display: inline-block;
     font-size: $font-size-14;
-    color: var(--color-link);
+    color: var(--secondary);
     line-height: $padding-16 * 2;
     padding: 0 $padding-16;
-    border: $padding-1 solid var(--color-link);
+    border: $padding-1 solid var(--secondary);
     border-radius: $border-radius;
     cursor: pointer;
 

assets/quartz/styles/base.scss

@@ -60,7 +60,7 @@ p, ul, text, a, tr, td, li, ol, ul {
   font-family: var(--font-body);
   color: var(--gray);
   fill: var(--gray);
-  font-weight: revert;
+  font-weight: normal;
   margin: revert;
   padding: revert;
 }

assets/quartz/styles/custom.scss

@@ -3,29 +3,28 @@
 :root {
   --light: #faf8f8;
   --dark: #141021;
-  --secondary: #284b63;
-  --tertiary: #84a59d;
+  --secondary: #7c00ce;
+  --tertiary: #ff48d4;
   --visited: #afbfc9;
   --primary: #f28482;
-  --gray: #4e4e4e;
+  --gray: #3f3f3f;
   --lightgray: #f0f0f0;
   --outlinegray: #dadada;
   --million-progress-bar-color: var(--secondary);
-  --highlighted: #f5dfaf88;
+  --highlighted: #8446ff88;
+  --header: #bca1ff;
 }
 
 [saved-theme="dark"] {
   --light: #1e1e21 !important;
-  --dark: #fbfffe !important;
-  --secondary: #6b879a !important;
-  --visited: #4a575e !important;
-  --tertiary: #84a59d !important;
+  --dark: #f7f2fa !important;
+  --secondary: #b866ff !important;
+  --visited: #d199ff !important;
+  --tertiary: #92a8ff !important;
   --primary: #f58382 !important;
   --gray: #d4d4d4 !important;
   --lightgray: #292633 !important;
   --outlinegray: #343434 !important;
   --highlighted: #574010;
+  --header: #7838f8;
 }
-
-
-

resources/_gen/assets/scss/book.scss_e129fe35b8d0a70789c8a08429469073.json

@@ -1 +1 @@
-{"Target":"book.min.00e2484af1d96768d441cb06b14bb2ed25eb59797d1198704e2ae089102d63db.css","MediaType":"text/css","Data":{"Integrity":"sha256-AOJISvHZZ2jUQcsGsUuy7SXrWXl9EZhwTirgiRAtY9s="}}
+{"Target":"book.min.ba95e04ecac287af2d804f9e490c6e142ccacf44b01fa2e3aadda6e56ca485a9.css","MediaType":"text/css","Data":{"Integrity":"sha256-upXgTsrCh68tgE+eSQxuFCzKz0SwH6Ljqt2m5Wykhak="}}

resources/_gen/assets/scss/quartz/styles/custom.scss_0ccffbd39a5ea808aa33646cb7c2a662.content

@@ -1 +1 @@
-:root{--light: #faf8f8;--dark: #141021;--secondary: #284b63;--tertiary: #84a59d;--visited: #afbfc9;--primary: #f28482;--gray: #4e4e4e;--lightgray: #f0f0f0;--outlinegray: #dadada;--million-progress-bar-color: var(--secondary);--highlighted: #f5dfaf88}[saved-theme="dark"]{--light: #1e1e21 !important;--dark: #fbfffe !important;--secondary: #6b879a !important;--visited: #4a575e !important;--tertiary: #84a59d !important;--primary: #f58382 !important;--gray: #d4d4d4 !important;--lightgray: #292633 !important;--outlinegray: #343434 !important;--highlighted: #574010}
+:root{--light: #faf8f8;--dark: #141021;--secondary: #7c00ce;--tertiary: #ff48d4;--visited: #afbfc9;--primary: #f28482;--gray: #3f3f3f;--lightgray: #f0f0f0;--outlinegray: #dadada;--million-progress-bar-color: var(--secondary);--highlighted: #8446ff88;--header: #bca1ff}[saved-theme="dark"]{--light: #1e1e21 !important;--dark: #f7f2fa !important;--secondary: #b866ff !important;--visited: #d199ff !important;--tertiary: #92a8ff !important;--primary: #f58382 !important;--gray: #d4d4d4 !important;--lightgray: #292633 !important;--outlinegray: #343434 !important;--highlighted: #574010;--header: #7838f8}