kubernetes
/
website
mirror of https://github.com/kubernetes/website.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Home page enable dark mode 

Co-Authored-By: Tamilselvan Thangamony <20103020+tamilselvan1102@users.noreply.github.com>
pull/49586/head
Tim Bannister 2025-01-28 17:58:51 +00:00
parent 4762f586c4
commit 32a41849d6
No known key found for this signature in database
GPG Key ID: 31BA93F2DB289EFE
2 changed files with 35 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
assets/scss/_custom.scss
View File

@ -469,6 +469,35 @@ footer {
}
}
// Home page dark-mode
@media (prefers-color-scheme: dark) {
.cid-home main {
background-color: $dark-bg-color-2;
color:$dark-text-color-1;
}
.cid-home main section:not(#video) {
background-color: $dark-bg-color-1;
color:$dark-text-color-1;
}
.cid-home .feature-box div {
background-color: $dark-bg-color-2;
color:$dark-text-color-1;
}
.cid-home main section:is(#video) #desktopShowVideoButton {
background-color: $dark-bg-color-1;
}
.cid-home main section:is(#video) #desktopShowVideoButton:hover {
color: $dark-text-color-2;
}
.cid-home main section:is(#video) #desktopKCButton:hover {
background-color: $dark-bg-color-1;
}
}
/* COMMUNITY */

6
assets/scss/_variables_project.scss
View File

@ -20,3 +20,9 @@ $tooltip-font-size: 1rem;
$tooltip-padding: 5px 8px;
$tooltip-border-radius: 6px;
$tooltip-font-weight: 400;
// light / dark mode support
$dark-bg-color-1: #303030;
$dark-bg-color-2: #4f4f4f;
$dark-text-color-1: #ffffff;
$dark-text-color-2: #3371e3;