Implement proper dark mode (#800)

* Implement proper dark mode

Signed-off-by: hossainemruz <hossainemruz@gmail.com>

* Fix footer color in light mode

Signed-off-by: hossainemruz <hossainemruz@gmail.com>

---------

Signed-off-by: hossainemruz <hossainemruz@gmail.com>
This commit is contained in:
Emruz Hossain 2023-09-30 05:04:48 +06:00 committed by GitHub
parent 6dc9d1d33d
commit 5f0aebcf68
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
38 changed files with 1136 additions and 353 deletions

View file

@ -48,7 +48,7 @@ body.type-notes {
.note-title {
padding-left: 1rem;
color: $accent-color;
color: get-light-color('accent-color');
&:before {
content: '';
@ -56,11 +56,11 @@ body.type-notes {
width: 98%;
height: 100%;
margin-bottom: -26px;
border-bottom: 1px solid $accent-color;
border-bottom: 1px solid get-light-color('accent-color');
}
span {
background: $bg-secondary;
background: get-light-color('bg-secondary');
padding-right: 5px;
}
}
@ -173,3 +173,27 @@ body.type-notes {
}
}
}
html[data-theme='dark'] {
body.type-notes {
.wrapper {
.content-section {
.content {
.note-card-holder {
.note-title {
color: get-dark-color('accent-color');
&:before {
border-bottom: 1px solid get-dark-color('accent-color');
}
span {
background: get-dark-color('bg-secondary');
padding-right: 5px;
}
}
}
}
}
}
}
}