skills/pbakaus_impeccable
1
0
Fork 0
mirror of https://github.com/pbakaus/impeccable.git synced 2026-09-12 22:26:38 +03:00
Code Issues Packages Projects Releases Wiki Activity

Refresh the Impeccable product experience

Browse Source 
Rework the landing page proof, steering demo, feature grid, slop catalog, detector coverage, theming, Live workflow, and responsive behavior.\n\nAI-assisted implementation by OpenAI Codex.
This commit is contained in:
Paul Bakaus
2026-07-15 23:29:47 -07:00
parent 8682c85c57
commit bbed6eef08
553 changed files with 8903 additions and 97987 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/scripts/utils/theme.js
+10 -11
View File
@@ -1,17 +1,16 @@
// Theme switcher — three-way: auto / light / dark with localStorage persistence.
// "auto" (the default) inherits from the OS via prefers-color-scheme and is only
// overridden once the user clicks the toggle. Clicking cycles auto → light → dark → auto.
// Theme switcher — three-way: dark / light / auto with localStorage persistence.
// Dark is the first-visit default. Auto remains an explicit choice and follows
// the OS via prefers-color-scheme. Clicking cycles dark → light → auto → dark.
const STORAGE_KEY = 'impeccable-theme';
export function getStoredPref() {
const v = localStorage.getItem(STORAGE_KEY);
return v === 'light' || v === 'dark' ? v : 'auto';
return v === 'light' || v === 'dark' || v === 'auto' ? v : 'dark';
}
export function setStoredPref(pref) {
if (pref === 'auto') localStorage.removeItem(STORAGE_KEY);
else localStorage.setItem(STORAGE_KEY, pref);
localStorage.setItem(STORAGE_KEY, pref);
}
function systemTheme() {
@@ -25,9 +24,9 @@ export function resolveTheme(pref) {
}
const LABELS = {
auto: 'Theme: auto, matching your system. Click to switch to light mode.',
light: 'Theme: light. Click to switch to dark mode.',
dark: 'Theme: dark. Click to switch back to auto.',
dark: 'Theme: dark. Click to switch to light mode.',
light: 'Theme: light. Click to switch to auto mode.',
auto: 'Theme: auto, matching your system. Click to switch to dark mode.',
};
const TITLES = {
@@ -55,8 +54,8 @@ export function applyTheme(pref) {
});
}
function nextPref(pref) {
return pref === 'auto' ? 'light' : pref === 'light' ? 'dark' : 'auto';
export function nextPref(pref) {
return pref === 'dark' ? 'light' : pref === 'light' ? 'auto' : 'dark';
}
export function initThemeToggle() {