Compare commits

...

3 Commits

Author SHA1 Message Date
hyzen
c9bdde3a1d Update: light theme 2026-03-06 02:36:08 +05:30
hyzen
aef949faa2 Update: light mode 2026-03-06 01:23:54 +05:30
hyzen
db1bb6bb6a Fix: dark mode hamburger button focus color 2026-03-06 00:24:00 +05:30
2 changed files with 22 additions and 8 deletions

View File

@@ -80,6 +80,7 @@
.rss-subscribe__link:hover,
.rss-subscribe__link:focus {
background-color: transparent;
border-color: var(--foreground-color);
color: var(--foreground-color) !important;
}
}
@@ -91,6 +92,7 @@
[data-theme='dark'] .rss-subscribe__link:hover,
[data-theme='dark'] .rss-subscribe__link:focus {
background-color: transparent;
border-color: var(--foreground-color);
color: var(--foreground-color) !important;
}
[data-theme='light'] .rss-subscribe__link {
@@ -304,11 +306,16 @@
display: flex;
}
.brand__mobile-check:checked ~ .brand__mobile-toggle,
[data-theme='light'] .brand__mobile-check:checked ~ .brand__mobile-toggle {
background-color: #f26522;
color: #fff;
}
@media (prefers-color-scheme: light) {
.brand__mobile-check:checked ~ .brand__mobile-toggle {
background-color: #f26522;
color: #fff;
}
}
.mobile-link {
display: flex;
@@ -426,11 +433,11 @@
/* Force light theme */
[data-theme='light'] {
--background-color: #fffff4;
--background-color: #fff;
--background-color1: #777;
--foreground-color: #1f2228;
--foreground-color: #000000f4;
--foreground-color3: #665c54;
--accent-color: #591818;
--accent-color: #00000094;
}
/* Force dark theme */

View File

@@ -80,6 +80,7 @@
.rss-subscribe__link:hover,
.rss-subscribe__link:focus {
background-color: transparent;
border-color: var(--foreground-color);
color: var(--foreground-color) !important;
}
}
@@ -91,6 +92,7 @@
[data-theme='dark'] .rss-subscribe__link:hover,
[data-theme='dark'] .rss-subscribe__link:focus {
background-color: transparent;
border-color: var(--foreground-color);
color: var(--foreground-color) !important;
}
[data-theme='light'] .rss-subscribe__link {
@@ -304,11 +306,16 @@
display: flex;
}
.brand__mobile-check:checked ~ .brand__mobile-toggle,
[data-theme='light'] .brand__mobile-check:checked ~ .brand__mobile-toggle {
background-color: #f26522;
color: #fff;
}
@media (prefers-color-scheme: light) {
.brand__mobile-check:checked ~ .brand__mobile-toggle {
background-color: #f26522;
color: #fff;
}
}
.mobile-link {
display: flex;
@@ -426,11 +433,11 @@
/* Force light theme */
[data-theme='light'] {
--background-color: #fffff4;
--background-color: #fff;
--background-color1: #777;
--foreground-color: #1f2228;
--foreground-color: #000000f4;
--foreground-color3: #665c54;
--accent-color: #591818;
--accent-color: #00000094;
}
/* Force dark theme */