Welcome to the Sci-Fi Theme Switcher!

Below are some frequently asked questions

What?

The Theme Switcher is a project for web written in

HTML5
CSS3
JavaScript


It uses CSS custom properties (A.K.A. variables) to change the color scheme of the page.

To demo the project and change the theme, follow the instructions below.

There are three sections:

  • light themes
  • default theme
  • dark themes

How?

Select a theme from the Theme-switcher panel by following the steps below.

  1. Open the Theme-switcher Control Panel by clicking the following button:

  2. From the panel that appears on the right-hand side of the screen, select a theme by clicking on the cooresponding switch.