From 8499c8cec0a09106e1a1acebdfa42788febf5673 Mon Sep 17 00:00:00 2001 From: Vladimir Kidyaev Date: Sat, 7 Sep 2024 01:25:13 +0700 Subject: [PATCH] feat: add headers underline --- theme.css | 47 ++++++++++++++++++++++++++++++++++++----------- 1 file changed, 36 insertions(+), 11 deletions(-) diff --git a/theme.css b/theme.css index a34146e..b279bf4 100644 --- a/theme.css +++ b/theme.css @@ -15,14 +15,12 @@ settings: id: colorblind_protan-deutan title: Protanopia & Deuteranopia type: class-toggle - default: off - id: colorblind_tritan title: Tritanopia type: class-toggle - default: off - - + - # Callout Settings id: callout @@ -34,9 +32,26 @@ settings: id: callout-on title: GitHub callout style type: class-toggle - default: on - - + default: true + - + # Headers underline + + id: headers-underline + title: Headers underline + type: heading + level: 1 + collapsed: true + - + id: h1-underline + title: H1 header underline enabled + type: class-toggle + - + id: h2-underline + title: H2 header underline enabled + type: class-toggle + + - # Headers Settings id: headers @@ -45,7 +60,6 @@ settings: level: 1 collapsed: true - - # All Headers id: all-headers @@ -57,7 +71,7 @@ settings: id: headers-one-color title: All headers are the same color type: class-toggle - default: on + default: true - id: h-color-theme title: Header color @@ -66,8 +80,8 @@ settings: format: hex default-light: '#24292f' default-dark: '#7ee787' - - + - # Particular Headers id: particular headers @@ -124,8 +138,8 @@ settings: format: hex default-light: '#24292f' default-dark: '#7ee787' - - + - # Kanban Settings id: kanban @@ -155,13 +169,13 @@ settings: title: Minimal height for cards description: All cards will have the same initial height type: class-toggle - default: on + default: true - id: kanban-full-height-column title: Full height lists description: type: class-toggle - default: on + default: true */ body { /* Animations */ @@ -1218,3 +1232,14 @@ select:focus, .dropdown:focus { border-radius: 6px; color: var(--text-normal); } + +/* Underline for the top level headers */ + +body.h1-underline h1, body.h1-underline.markdown-rendered h1 { + padding-bottom: .3em; + border-bottom: 1px solid var(--color-base-40); +} +body.h2-underline h2, body.h2-underline.markdown-rendered h2 { + padding-bottom: .3em; + border-bottom: 1px solid var(--color-base-40); +}