public/toha
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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
38 changed files with 1136 additions and 353 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/styles/sections/publications.scss
+29 -5
View File
@@ -2,12 +2,12 @@
@include section-title-adjustment();
.card {
background: $bg-card;
border-top: 2px solid $accent-color;
background: get-light-color('bg-card');
border-top: 2px solid get-light-color('accent-color');
&:hover,
&:focus {
border-top: 2px solid $accent-color;
border-top: 2px solid get-light-color('accent-color');
}
.card-header {
@@ -17,7 +17,7 @@
flex-direction: column;
.sub-title {
color: $muted-text-color;
color: get-light-color('muted-text-color');
margin-top: 0.4rem;
span:nth-child(2) {
@@ -33,7 +33,7 @@
}
.card-footer {
background: $bg-card;
background: get-light-color('bg-card');
border: none;
padding: 0;
padding-left: 1rem;
@@ -106,3 +106,27 @@
}
}
}
html[data-theme='dark'] {
.publications-section {
.card {
background: get-dark-color('bg-card');
border-top: 2px solid get-dark-color('accent-color');
&:hover,
&:focus {
border-top: 2px solid get-dark-color('accent-color');
}
.card-header {
.sub-title {
color: get-dark-color('muted-text-color');
}
}
.card-footer {
background: get-dark-color('bg-card');
}
}
}
}