Theme Rework

Added skeleton-auto.css, which dynamically sets the theme based on the browser and/or the Operating Systems colors, if supported.

Set Default Theme to Auto with comments on helping switch to light and dark theme stylesheets.

Darkened the skeleton-dark.css background color to the same as the color that skeleton-auto.css sets it as, which is html recommended standard color of #121212.
This commit is contained in:
kebin
2022-02-09 06:50:46 -08:00
parent 5a6b21b646
commit 8a06a7cc69
3 changed files with 182 additions and 2 deletions

View File

@ -17,12 +17,21 @@
-->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap" rel="stylesheet">
<!-- CSS
-->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/skeleton-light.css">
<!-- Themes:
Auto: css/skeleton-auto.css
Light: css/skeleton-light.css
Dark: css/skeleton-dark.css
-->
<link rel="stylesheet" href="css/skeleton-auto.css">
<link rel="stylesheet" href="css/brands.css">
<!-- Favicon
-->
<link rel="icon" type="image/png" href="images/avatar.png">