From 1132c5122fe8a325b2b762cf920cc5e54e91991e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Bla=C5=BE=20Hrastnik?= Date: Mon, 31 May 2021 00:31:39 +0900 Subject: [PATCH] Update mdbook styling, add link to AUR --- book/src/install.md | 2 +- book/theme/css/general.css | 16 +++++++++------- book/theme/css/variables.css | 11 +++++++++-- 3 files changed, 19 insertions(+), 10 deletions(-) diff --git a/book/src/install.md b/book/src/install.md index a125dd9c..ac9f1daa 100644 --- a/book/src/install.md +++ b/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 diff --git a/book/theme/css/general.css b/book/theme/css/general.css index 1eebef0f..7749bded 100644 --- a/book/theme/css/general.css +++ b/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; } diff --git a/book/theme/css/variables.css b/book/theme/css/variables.css index fcf3463a..a49d6794 100644 --- a/book/theme/css/variables.css +++ b/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%);