From a85491618aea34f7f437e07a91c2454be89581d2 Mon Sep 17 00:00:00 2001 From: Eltrac Date: Mon, 20 Jan 2025 12:23:06 +0800 Subject: feat(theme): fine-tunes markdown style Former-commit-id: 5ee643bfe16cdafe114b99ddd02dcaa167d42cd0 --- assets/css/components/_markdown.scss | 19 ++++++++++++++++--- assets/css/components/_reset.scss | 4 ---- assets/css/components/_variables.scss | 5 ++--- 3 files changed, 18 insertions(+), 10 deletions(-) (limited to 'assets/css/components') diff --git a/assets/css/components/_markdown.scss b/assets/css/components/_markdown.scss index 9ed1c967..76b8d122 100644 --- a/assets/css/components/_markdown.scss +++ b/assets/css/components/_markdown.scss @@ -4,6 +4,8 @@ $link-color: var(--link-color); $secondary-text-color: var(--secondary-text-color); $border-color: var(--border-color); $block-background-color: var(--block-background-color); +$strong-text-color: #A94A4A; +$em-text-color: #889E73; // Mixin for block styles @mixin block-style($margin, $padding, $color: null, $border-left: null) { @@ -29,7 +31,9 @@ $block-background-color: var(--block-background-color); } blockquote { - @include block-style(0, 0 1em, $secondary-text-color, 0.25em solid $border-color); + @include block-style(0, 0 1em, $secondary-text-color, 0.2em solid $border-color); + margin-left: -1.4rem; + padding-right: 0; } pre { @@ -59,11 +63,11 @@ $block-background-color: var(--block-background-color); } strong { - color: var(--strong-text-color) + color: $strong-text-color; } em { - color: var(--em-text-color) + color: $em-text-color; } hr { @@ -87,4 +91,13 @@ $block-background-color: var(--block-background-color); color: var(--secondary-text-color); font-weight: 400; } + + ul { + list-style-type: square; + padding-inline-start: 1.5rem; + } + + mark { + background-color: rgba(255, 235, 0, .5) + } } diff --git a/assets/css/components/_reset.scss b/assets/css/components/_reset.scss index 1e694bd8..eeb324e4 100644 --- a/assets/css/components/_reset.scss +++ b/assets/css/components/_reset.scss @@ -27,10 +27,6 @@ a:hover { text-decoration: underline; } -ul { - list-style-type: square; -} - button { border: none; outline: none; diff --git a/assets/css/components/_variables.scss b/assets/css/components/_variables.scss index bf7fe601..bd0dd8cc 100644 --- a/assets/css/components/_variables.scss +++ b/assets/css/components/_variables.scss @@ -1,3 +1,5 @@ + + :root { /* colors */ --background-color: #F5F5F7; @@ -7,9 +9,6 @@ --secondary-text-color: #6E6E73; --link-color: #277BD9; - --strong-text-color: #B6506A; - --em-text-color: #0271A4; - /* fonts */ --mono-font-family: "Courier New", Courier, "Menlo", "Monaco", Consolas, "Liberation Mono", "Lucida Console", monospace; --serif-font-family: "Noto Serif SC", serif; -- cgit v1.2.3