thePR0M3TH3AN/bitvid
1
0
Fork 0
mirror of https://github.com/PR0M3TH3AN/bitvid.git synced 2025-09-08 06:58:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

edited blog theme

Browse Source
This commit is contained in:
Keep Creating Online
2025-02-07 11:45:11 -05:00
parent b0afa27486
commit 4c9b03e485
1 changed files with 34 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
blog.html
View File

@@ -22256,24 +22256,28 @@ svg {
}, },
}; };
} }
// Theme default to light
function ZS(e, t, n) { function ZS(e, t, n) {
let r = !0; let r = false; // default to light mode
function o() { function o() {
n(0, (r = !r)), n(0, (r = !r));
localStorage.setItem("theme", r ? "dark" : "light"), localStorage.setItem("theme", r ? "dark" : "light");
r if (r) {
? document.documentElement.classList.add("dark") document.documentElement.classList.add("dark");
: document.documentElement.classList.remove("dark"); } else {
document.documentElement.classList.remove("dark");
}
} }
return ( if (typeof window !== "undefined") {
typeof window < "u" && if (localStorage.theme === "dark") {
(localStorage.theme === "dark" || document.documentElement.classList.add("dark");
(!("theme" in localStorage) && r = true;
window.matchMedia("(prefers-color-scheme: dark)").matches) } else {
? (document.documentElement.classList.add("dark"), (r = !0)) document.documentElement.classList.remove("dark");
: (document.documentElement.classList.remove("dark"), (r = !1))), r = false;
[r, o] }
); }
return [r, o];
} }
class YS extends oo { class YS extends oo {
constructor(t) { constructor(t) {
@@ -29638,7 +29642,7 @@ svg {
padding: 0; padding: 0;
} }
html.dark body { html.dark body {
background-color: #242424; background-color: #0f172a;
color: #cbcbcb; color: #cbcbcb;
} }
#app { #app {
@@ -29647,7 +29651,7 @@ svg {
max-width: 760px; max-width: 760px;
margin: 2rem auto; margin: 2rem auto;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
color: #242424; color: #0f172a;
} }
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
#app { #app {
@@ -29657,12 +29661,12 @@ svg {
} }
} }
html.dark #app { html.dark #app {
background-color: #242424; background-color: #0f172a;
color: #ebebeb; color: #ebebeb;
} }
a, a,
a:visited { a:visited {
color: #242424; color: #0f172a;
} }
html.dark a, html.dark a,
html.dark a:visited { html.dark a:visited {
@@ -29773,12 +29777,12 @@ svg {
background-color: #ebebeb; background-color: #ebebeb;
} }
.topic-wrapper div a.selected { .topic-wrapper div a.selected {
background-color: #242424; background-color: #0f172a;
color: #f5f5f5; color: #f5f5f5;
} }
html.dark .topic-wrapper div a { html.dark .topic-wrapper div a {
background-color: #747474; background-color: #747474;
color: #242424; color: #0f172a;
} }
html.dark .topic-wrapper div a:hover { html.dark .topic-wrapper div a:hover {
background-color: #f5f5f5; background-color: #f5f5f5;
@@ -29802,14 +29806,14 @@ svg {
border-bottom: 8px solid #ebebeb; border-bottom: 8px solid #ebebeb;
} }
html.dark .about { html.dark .about {
border-bottom: 8px solid #373737; border-bottom: 8px solid #1e293b;
} }
.separator { .separator {
margin-bottom: 2rem; margin-bottom: 2rem;
border-bottom: 8px solid #ebebeb; border-bottom: 8px solid #ebebeb;
} }
html.dark .separator { html.dark .separator {
border-bottom: 8px solid #373737; border-bottom: 8px solid #1e293b;
} }
.top-notes { .top-notes {
display: flex; display: flex;
@@ -29867,7 +29871,7 @@ svg {
} }
html.dark .top-notes { html.dark .top-notes {
color: #cbcbcb; color: #cbcbcb;
border-bottom: 8px solid #373737; border-bottom: 8px solid #1e293b;
} }
.short-notes { .short-notes {
border-bottom: 8px solid #f5f5f5; border-bottom: 8px solid #f5f5f5;
@@ -29905,7 +29909,7 @@ svg {
fill: #a9a9a9; fill: #a9a9a9;
} }
html.dark .short-notes { html.dark .short-notes {
border-bottom: 8px solid #373737; border-bottom: 8px solid #1e293b;
} }
html.dark .short-notes a { html.dark .short-notes a {
color: #cbcbcb; color: #cbcbcb;
@@ -29918,7 +29922,7 @@ svg {
margin-bottom: 2rem; margin-bottom: 2rem;
} }
.listing-notes.short-feed-full .summary { .listing-notes.short-feed-full .summary {
color: #242424; color: #0f172a;
} }
.listing-notes ul { .listing-notes ul {
list-style-type: none; list-style-type: none;
@@ -30035,7 +30039,7 @@ svg {
color: #cbcbcb; color: #cbcbcb;
} }
html.dark .footer { html.dark .footer {
border-top: 8px solid #373737; border-top: 8px solid #1e293b;
color: #747474; color: #747474;
} }
html.dark .footer a, html.dark .footer a,
@@ -30394,8 +30398,8 @@ svg {
} }
} }
html.dark .loader.svelte-181fgen:after { html.dark .loader.svelte-181fgen:after {
border: 6px solid #373737; border: 6px solid #1e293b;
border-color: #373737 transparent #373737 transparent; border-color: #1e293b transparent #1e293b transparent;
} }
#theme-toggle.svelte-bxrhh.svelte-bxrhh { #theme-toggle.svelte-bxrhh.svelte-bxrhh {
display: none; display: none;
@@ -30422,7 +30426,7 @@ svg {
} }
#theme-toggle.svelte-bxrhh:checked + label.svelte-bxrhh { #theme-toggle.svelte-bxrhh:checked + label.svelte-bxrhh {
background-color: transparent; background-color: transparent;
box-shadow: inset -6px -6px 1px 1px #3f3f3f; box-shadow: inset -6px -6px 1px 1px #1e293b;
} }
</style> </style>
</head> </head>