hyzen/hyzendust.github.io
1
0
Fork 0
mirror of https://github.com/hyzendust/hyzendust.github.io.git synced 2026-04-15 21:28:32 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update: light mode colorscheme

Browse Source
This commit is contained in:
hyzen
2026-03-15 01:23:31 +05:30
parent c9bdde3a1d
commit e6a57b5e9e
3 changed files with 64 additions and 822 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
static/css/custom.css
View File

@@ -1,4 +1,16 @@
.breadcrumbs {
/* Menu links */
.menu__link {
color: var(--menu-color, var(--accent-color));
}
[data-theme='light'] .menu__link {
color: var(--menu-color);
}
[data-theme='dark'] .menu__link {
color: var(--accent-color);
}
font-size: 0.9rem;
margin-bottom: 1rem;
font-weight: bold;
@@ -58,8 +70,8 @@
gap: 0.2rem;
padding: 0.2rem 0.4rem;
border-radius: 3px;
border: 1px solid #f26522;
background-color: #f26522;
border: 1px solid #ff3d3d;
background-color: #ff3d3d;
color: #fff !important;
font-size: 0.7rem;
font-weight: 340;
@@ -96,27 +108,22 @@
color: var(--foreground-color) !important;
}
[data-theme='light'] .rss-subscribe__link {
background-color: #f26522;
border-color: #f26522;
background-color: #ff3d3d;
border-color: #ff3d3d;
color: #fff !important;
}
[data-theme='light'] .rss-subscribe__link:hover,
[data-theme='light'] .rss-subscribe__link:focus {
background-color: transparent;
border-color: #f26522;
color: #f26522 !important;
border-color: #ff3d3d;
color: #ff3d3d !important;
}
.rss-subscribe__link:hover,
.rss-subscribe__link:focus {
background-color: transparent;
border-color: #f26522;
color: #f26522 !important;
}
.rss-subscribe__link:hover {
background-color: transparent;
color: var(--foreground-color) !important;
border-color: #ff3d3d;
color: #ff3d3d !important;
}
.rss-subscribe__link svg {
@@ -272,9 +279,9 @@
padding: 0;
box-sizing: border-box;
border-radius: 3px;
border: 1px solid #f26522;
border: 1px solid #ff3d3d;
background-color: transparent;
color: #f26522;
color: #ff3d3d;
cursor: pointer;
user-select: none;
transition:
@@ -283,7 +290,7 @@
}
.brand__mobile-toggle:hover {
background-color: #f26522;
background-color: #ff3d3d;
color: #fff;
}
@@ -307,12 +314,12 @@
}
[data-theme='light'] .brand__mobile-check:checked ~ .brand__mobile-toggle {
background-color: #f26522;
background-color: #ff3d3d;
color: #fff;
}
@media (prefers-color-scheme: light) {
.brand__mobile-check:checked ~ .brand__mobile-toggle {
background-color: #f26522;
background-color: #ff3d3d;
color: #fff;
}
}
@@ -352,11 +359,11 @@
[data-theme='light'] .brand__mobile-toggle {
background-color: transparent;
border-color: #f26522;
color: #f26522;
border-color: #ff3d3d;
color: #ff3d3d;
}
[data-theme='light'] .brand__mobile-toggle:hover {
background-color: #f26522;
background-color: #ff3d3d;
color: #fff;
}
[data-theme='dark'] .brand__mobile-toggle {
@@ -435,9 +442,10 @@
[data-theme='light'] {
--background-color: #fff;
--background-color1: #777;
--foreground-color: #000000f4;
--foreground-color: #000000e1;
--foreground-color3: #665c54;
--accent-color: #00000094;
--accent-color: #1133e9c5;
--menu-color: #000000ae;
}
/* Force dark theme */