Skip to content

lucaslight/theme-switcher

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Theme Switcher

A THEME SWITCHER static website with both light and dark mode and a solarised option.

html5 HTML

I've used semantic HTML by applying elements such as <nav>, <header> and <main> instead of just <div class="something">.

css3 CSS

I used only CSS for the dropdown on the navbar.

The header's background shape is made with clip-path: polygon();.

I've used CSS --variables to update the colours.

Media queries for responsiveness.

Rainbow effect while hovering on the image.

javascript JavaScript

DOM elements and event handlers to toggle the desired option.

localStorage to apply the cached user's theme on refresh.

About

Simple static website to display a theme switcher in HTML, CSS and JS.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published