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

@ -1,7 +1,7 @@
.projects-section {
.card {
.card-header {
background-color: $bg-card;
background-color: get-light-color('bg-card');
padding: 0.7rem;
padding-bottom: 0rem;
text-decoration: none;
@ -10,7 +10,7 @@
margin-right: 0.5rem;
}
.sub-title {
color: $muted-text-color;
color: get-light-color('muted-text-color');
margin-top: 0.4rem;
span {
@ -81,3 +81,16 @@
}
}
}
html[data-theme='dark'] {
.projects-section {
.card {
.card-header {
background-color: get-dark-color('bg-card');
.sub-title {
color: get-dark-color('muted-text-color');
}
}
}
}
}