FunctionalHacker/hugo-toha
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Implement proper dark mode (#800)

Browse source 
* 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
Download patch file Download diff file Expand all files Collapse all files

37
assets/styles/components/cards.scss
View file

@ -2,12 +2,12 @@
box-shadow: none;
@include transition();
overflow: hidden;
background: $bg-card;
background: get-light-color('bg-card');
&:hover,
&:focus {
box-shadow: $box-shadow;
border: 1px solid $bg-primary;
border: 1px solid get-light-color('bg-primary');
@include transition();
}
@ -36,7 +36,10 @@
}
.card-footer {
background: $bg-card !important;
background: get-light-color('bg-card') !important;
a.btn {
text-decoration: none !important;
}
}
}
@ -45,7 +48,7 @@
display: inline-flex;
.post-card-link {
text-decoration: none;
text-decoration: none !important;
}
.card {
@ -80,9 +83,33 @@
span {
font-size: 10pt;
color: $muted-text-color !important;
color: get-light-color('muted-text-color') !important;
padding-top: 5px;
}
}
}
}
html[data-theme='dark'] {
.card {
background: get-dark-color('bg-card');
&:hover,
&:focus {
border: 1px solid rgba(get-dark-color('accent-color'), 0.2);
}
.card-footer {
background: get-dark-color('bg-card') !important;
}
}
.post-card {
.card {
.card-footer {
span {
color: get-dark-color('muted-text-color') !important;
}
}
}
}
}