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/home.scss
+26 -5
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');
}
}
}