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
|
@ -5,12 +5,12 @@
|
|||
height: 100%;
|
||||
|
||||
.card-head {
|
||||
background-color: $bg-primary !important;
|
||||
background-color: get-light-color('bg-primary') !important;
|
||||
height: -moz-fit-content;
|
||||
height: fit-content;
|
||||
padding: 0.7rem;
|
||||
padding-bottom: 0rem;
|
||||
border-bottom: 0.0625rem solid rgba($accent-color, 0.4);
|
||||
border-bottom: 0.0625rem solid rgba(get-light-color('accent-color'), 0.4);
|
||||
|
||||
.card-img-xs {
|
||||
margin-right: 0.5rem;
|
||||
|
@ -33,3 +33,14 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
html[data-theme='dark'] {
|
||||
.skills-section {
|
||||
.card {
|
||||
.card-head {
|
||||
background-color: get-dark-color('bg-card') !important;
|
||||
border-bottom: 0.0625rem solid rgba(get-dark-color('accent-color'), 0.4);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue