Update mdbook styling, add link to AUR

book/src/install.md

@@ -21,7 +21,7 @@ shell for working on Helix.
 
 ### Arch Linux
 
-TODO: AUR
+A binary package is available on AUR as [helix-bin](https://aur.archlinux.org/packages/helix-bin/).
 
 ## Build from source
 

book/theme/css/general.css

@@ -109,7 +109,7 @@ h6:target::before {
     margin-top: 1.275em;
     margin-bottom: .875em;
 }
-.content p, .content ol, .content ul, .content table, .content blockquote {
+.content p, .content ol, .content ul, .content table {
     margin-top: 0;
     margin-bottom: .875em;
 }
@@ -123,8 +123,7 @@ h6:target::before {
 .content .header:link,
 .content .header:visited {
     color: var(--fg);
-    /* color: white; */
-    color: #281733;
+    color: var(--heading-fg);
 }
 .content .header:link,
 .content .header:visited:hover {
@@ -168,12 +167,15 @@ table tbody tr:nth-child(2n) {
 
 
 blockquote {
-    margin: 20px 0;
-    padding: 0 20px;
+    margin: 1.5rem 0;
+    padding: 1rem 1.5rem;
     color: var(--fg);
+    opacity: .9;
     background-color: var(--quote-bg);
-    border-top: .1em solid var(--quote-border);
-    border-bottom: .1em solid var(--quote-border);
+    border-left: 4px solid var(--quote-border);
+}
+blockquote *:last-child {
+  margin-bottom: 0;
 }
 
 

book/theme/css/variables.css

@@ -13,6 +13,7 @@
 .ayu {
     --bg: hsl(210, 25%, 8%);
     --fg: #c5c5c5;
+    --heading-fg: #c5c5c5;
 
     --sidebar-bg: #14191f;
     --sidebar-fg: #c8c9db;
@@ -53,6 +54,7 @@
 .coal {
     --bg: hsl(200, 7%, 8%);
     --fg: #98a3ad;
+    --heading-fg: #98a3ad;
 
     --sidebar-bg: #292c2f;
     --sidebar-fg: #a1adb8;
@@ -93,6 +95,7 @@
 .light {
     --bg: hsl(0, 0%, 100%);
     --fg: hsl(0, 0%, 0%);
+    --heading-fg: hsl(0, 0%, 0%);
 
     --sidebar-bg: #fafafa;
     --sidebar-fg: hsl(0, 0%, 0%);
@@ -133,6 +136,7 @@
 .navy {
     --bg: hsl(226, 23%, 11%);
     --fg: #bcbdd0;
+    --heading-fg: #bcbdd0;
 
     --sidebar-bg: #282d3f;
     --sidebar-fg: #c8c9db;
@@ -173,6 +177,7 @@
 .rust {
     --bg: hsl(60, 9%, 87%);
     --fg: #262625;
+    --heading-fg: #262625;
 
     --sidebar-bg: #3b2e2a;
     --sidebar-fg: #c8c9db;
@@ -214,6 +219,7 @@
     .light.no-js {
         --bg: hsl(200, 7%, 8%);
         --fg: #ebeafa;
+        --heading-fg: #ebeafa;
 
         --sidebar-bg: #292c2f;
         --sidebar-fg: #a1adb8;
@@ -297,6 +303,7 @@
     --bg: #ffffff;
     --fg: #452859;
     --fg: #5a5977;
+    --heading-fg: #281733;
 
     --sidebar-bg: #281733;
     --sidebar-fg: #c8c9db;
@@ -317,8 +324,8 @@
     --theme-popup-border: #737480;
     --theme-hover: rgba(0,0,0, .2);
 
-    --quote-bg: hsl(226, 15%, 17%);
-    --quote-border: hsl(226, 15%, 22%);
+    --quote-bg: rgba(0, 0, 0, 0);
+    --quote-border: hsl(226, 15%, 75%);
 
     --table-border-color: #5a5977;
     --table-border-color: hsl(201deg 10% 67%);