michael/blog
1
0
Fork 0
Code Issues 2 Pull requests Releases Packages 1 Wiki Activity

Forgot to account for dark theme

Browse source
This commit is contained in:
Michael Zhang 2022-07-19 03:53:25 -05:00
parent ad3bd9bce1
commit 89c28d0a45
2 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
assets/sass/_content.scss
View file

@ -70,8 +70,8 @@ footer {
.side-nav-content { .side-nav-content {
width: 100%; width: 100%;
padding: 18px 0; padding: 18px 0;
border-bottom: 1px solid #eee; border-bottom: 1px solid $shadow-color;
box-shadow: 0 10px 20px -10px #eee; box-shadow: 0 10px 20px -10px $shadow-color;
.home-link { .home-link {
display: flex; display: flex;
@ -103,8 +103,8 @@ footer {
.side-nav-content { .side-nav-content {
padding-top: 32px; padding-top: 32px;
padding-right: 32px; padding-right: 32px;
border-right: 1px solid #eee; border-right: 1px solid $shadow-color;
box-shadow: 10px 0 20px -10px #eee; box-shadow: 10px 0 20px -10px $shadow-color;
.portrait { .portrait {
max-width: 100%; max-width: 100%;

2
assets/sass/main.scss
View file

@ -11,6 +11,7 @@ $monofont: "PragmataPro Mono Liga", "Roboto Mono", "Roboto Mono for Powerline",
@media (prefers-color-scheme: light) { @media (prefers-color-scheme: light) {
$background-color: white; $background-color: white;
$faded-background-color: darken($background-color, 10%); $faded-background-color: darken($background-color, 10%);
$shadow-color: darken($background-color, 10%);
$heading-color: darken(royalblue, 10%); $heading-color: darken(royalblue, 10%);
$text-color: #15202B; $text-color: #15202B;
$small-text-color: #6e707f; $small-text-color: #6e707f;
@ -26,6 +27,7 @@ $monofont: "PragmataPro Mono Liga", "Roboto Mono", "Roboto Mono for Powerline",
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
$background-color: #202030; $background-color: #202030;
$faded-background-color: lighten($background-color, 10%); $faded-background-color: lighten($background-color, 10%);
$shadow-color: lighten($background-color, 10%);
$heading-color: lighten(lightskyblue, 20%); $heading-color: lighten(lightskyblue, 20%);
$text-color: #BCBCBC; $text-color: #BCBCBC;
$small-text-color: darken($text-color, 8%); $small-text-color: darken($text-color, 8%);