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

31
assets/styles/sections/home.scss
View file

@ -2,7 +2,7 @@
height: 100vh;
padding: 0;
margin: 0;
color: $text-over-accent-color;
color: get-light-color('text-over-accent-color');
overflow: hidden;
.background {
@ -44,19 +44,19 @@
img {
width: 148px;
height: 148px;
background-color: $bg-secondary;
background-color: get-light-color('bg-secondary');
padding: 5px;
margin-bottom: 10px;
}
.greeting,
.greeting-subtitle {
color: $text-over-accent-color;
color: get-light-color('text-over-accent-color');
}
.typing-carousel {
font-size: 14pt;
color: $text-over-accent-color;
color: get-light-color('text-over-accent-color');
}
#typing-carousel-data {
@ -65,7 +65,7 @@
.arrow {
position: absolute;
color: $text-over-accent-color;
color: get-light-color('text-over-accent-color');
font-size: 1.5rem;
bottom: 0;
}
@ -108,3 +108,24 @@
}
}
}
html[data-theme='dark'] {
.home {
color: get-dark-color('text-over-accent-color');
img {
background-color: get-dark-color('bg-secondary');
}
.greeting,
.greeting-subtitle {
color: get-dark-color('text-over-accent-color');
}
.typing-carousel {
color: get-dark-color('text-over-accent-color');
}
.arrow {
color: get-dark-color('text-over-accent-color');
}
}
}