From fa15ebf4c9abbb210d9082d287a2c679ac80cded Mon Sep 17 00:00:00 2001 From: daudix Date: Thu, 15 Feb 2024 23:50:21 +0300 Subject: [PATCH] Less shadows, more edge highlights Use shadows only for "heavy" elements like nav, images and disclaimers, don't use for details tho since it looks dirty --- sass/_main.scss | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/sass/_main.scss b/sass/_main.scss index 87ade6c..daf3d4a 100644 --- a/sass/_main.scss +++ b/sass/_main.scss @@ -186,7 +186,7 @@ aside { backdrop-filter: var(--blur); background-color: var(--primary-color-alpha); border-radius: var(--rounded-corner); - box-shadow: var(--shadow); + box-shadow: var(--edge-highlight); float: right; margin-inline-start: 1rem; padding: 1rem; @@ -223,7 +223,7 @@ pre { margin: 1rem 0 1rem; border-radius: var(--rounded-corner); max-width: 100vw; - box-shadow: var(--shadow); + box-shadow: var(--edge-highlight), var(--shadow); overflow: auto; table td { @@ -238,10 +238,10 @@ pre { } mark { - display: block; background-color: var(--fg-muted-1); - color: var(--fg-color); // Unset mark color from primary color to text color border-radius: 0; // Unset code block border radius + color: var(--fg-color); // Unset mark color from primary color to text color + display: block; padding: 0; // Unset mark padding } @@ -282,6 +282,7 @@ mark { backdrop-filter: var(--blur); background-color: var(--primary-color-alpha); border-radius: var(--rounded-corner-small); + box-shadow: var(--edge-highlight); color: var(--primary-color); padding: 0.125rem 0.375rem; } @@ -298,7 +299,6 @@ details { backdrop-filter: var(--blur); background-color: var(--fg-muted-1); border-radius: var(--rounded-corner); - box-shadow: var(--shadow); padding: 1rem; & > summary {