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:
parent
6dc9d1d33d
commit
5f0aebcf68
38 changed files with 1136 additions and 353 deletions
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue