From 00935f02e87d6e5f910662d8d60565cc59a870f6 Mon Sep 17 00:00:00 2001 From: Michael Czechowski Date: Mon, 19 May 2025 22:14:18 +0200 Subject: [PATCH] feat: add kbd css styles and make sidebar transparent for better focus on lessons --- src/main.css | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) diff --git a/src/main.css b/src/main.css index 4844c40..442e761 100644 --- a/src/main.css +++ b/src/main.css @@ -147,8 +147,8 @@ code { .sidebar { width: var(--sidebar-width); - background-color: var(--panel-bg); - border-right: 1px solid var(--border-color); + /*background-color: var(--panel-bg);*/ + /*border-right: 1px solid var(--border-color);*/ padding: var(--spacing-lg) var(--spacing-md); overflow-y: auto; height: calc(100vh - var(--header-height)); @@ -247,6 +247,16 @@ code { margin-bottom: var(--spacing-lg); } +.lesson-description kbd { + font-family: var(--font-code); + background-color: var(--code-bg); + color: var(--text-color); + border-radius: var(--border-radius-sm); + padding: calc(var(--spacing-xs) / 2); + font-size: 0.9rem; + letter-spacing: -0.75px; +} + /* Challenge Container */ .challenge-container { display: flex; @@ -557,6 +567,7 @@ code { } .feedback-error kbd { + font-family: var(--font-code); background-color: var(--error-bg-light); color: var(--text-color); border-radius: var(--border-radius-sm);