GitShow/fireship-io/226-css-theme-toggler
fireship-io

226-css-theme-toggler

Episode 226 - Build a CSS Theme Toggler from Scratch

by fireship-io
Star on GitHubFork

HTML

145 stars48 forks1 contributorQuiet · 1y agoSince 2020

Meet the team

See all 1 on GitHub →
codediodeio
codediodeio3 contributions

Languages

View on GitHub →
HTML44.1%
CSS40.9%
JavaScript15.1%

Commit activity

Last 12 weeks · 0 commits

Full graph →

Community health

1 of 6 standards met

Community profile →
25
✓README○License○Contributing○Code of Conduct○Issue Template○PR Template

Recent PRs & issues

Quiet · 1 in progress · Last activity 1y ago
See all on GitHub →
ILikeGrayColor
Web beginnerOpenIssue
ILikeGrayColor · 2y ago
AdmiralAnne
No titleOpenIssue

No comment

AdmiralAnne · 5y ago
ThyMakra
update dropdownOpenPR

I noticed that the you can also click the drop-down elements even when they are not being shown. So I change their z-index so that they are clickable only when focused

ThyMakra · 6y ago

Recent fixes

View closed PRs →
kr4chinin
Fixed most common issues related to the dropdown behaviour and caching in the local storageMergedPR

In this version of css theme toggler app I've resolved these problems: Initial class is now being added to the body programmatically. In the _Fireship's_ version after page reload you could notice that body deriving preffered theme from the local storage and adding it to the already exsisiting one which is hardcoded light theme (so, if preferred theme was dark then after the page reload you will see . In initial version of this app if you choose solarized theme — acquires _normalize_ property. But when page is reloaded it loses its value although the theme is still solarized. Now it will keep it. Dropdown was accessible via page inspector and dev tools even when it was hidden. I've changed its property so now it is truly unreachable when hidden. Removed unnecessary property because its implicitly has necessary value.

kr4chinin · 3w ago
GesundesWasser
Add GPL-3.0 LicenceMergedPR
GesundesWasser · 1y ago
Structured data for AI agents

Repository: fireship-io/226-css-theme-toggler. Description: Episode 226 - Build a CSS Theme Toggler from Scratch Stars: 145, Forks: 48. Primary language: HTML. Languages: HTML (44.1%), CSS (40.9%), JavaScript (15.1%). Open PRs: 1, open issues: 4. Last activity: 1y ago. Community health: 25%. Top contributors: codediodeio.

·@ofershap

Replace github.com with gitshow.dev