Implement proper dark mode

Signed-off-by: hossainemruz <hossainemruz@gmail.com>
This commit is contained in:
hossainemruz 2023-09-30 04:53:27 +06:00
parent 6dc9d1d33d
commit 1913cf1e9d
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;
}
}
}
}
}
}
}
}