diff --git a/assets/css/main.scss b/assets/css/main.scss index e189974..05782d7 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -16,11 +16,11 @@ $c-bg-inv: #333; $c-bg-main: #fff; $c-bg-main-inv: #222; $c-primary: #4d3c9b; +$c-primary-inv: #755bf0; $c-bg-category: #4d3c9b; -$c-primary-inv: #ad9bff; $c-bg-category-inv: #755bf0; $c-bg-tag: #8171c8; -$c-bg-tag-inv: #a49ccc; +$c-bg-tag-inv: #4d3c9b; $c-font: #333; $c-font-inv: #fafafa; $c-btn-font: $c-font; @@ -174,23 +174,9 @@ body > header { @media (prefers-color-scheme: dark) { background: $c-bg-inv; - a { - color: $c-primary-inv; - } - #title { color: $c-font-inv; } - - nav { - a { - &:hover { - &:after { - background: $c-primary-inv; - } - } - } - } } } @@ -257,8 +243,7 @@ main { margin: 0; img { - width: 100%; - border-radius: 20px; + width: 100% } } @@ -284,7 +269,7 @@ main { } .btn { - border: 1px solid $c-primary; + border: 1px solid $c-btn-bg; padding: 8px 12px; border-radius: 20px; line-height: 3; @@ -300,14 +285,10 @@ main { box-shadow: $c-btn-shadow-inv 1px 2px 6px; } } - - @media (prefers-color-scheme: dark) { - border-color: $c-primary-inv; - } } .highlight > pre { - border-radius: 20px; + border-radius: 2px; overflow-y: auto; padding: 20px; } @@ -360,11 +341,6 @@ main { #tags > a { color: $c-bg-tag; border: 1px solid $c-bg-tag; - - @media (prefers-color-scheme: dark) { - color: $c-bg-tag-inv; - border-color: $c-bg-tag-inv; - } } #categories > a {