From: Mike Frysinger Date: Thu, 2 Jan 2020 13:54:48 +0000 (-0500) Subject: add support for dark mode preferences X-Git-Url: https://git.wh0rd.org/?a=commitdiff_plain;h=7d81b70d77884e297a648577608ff33f0659c727;p=nano-editor.git add support for dark mode preferences --- diff --git a/style-dark.css b/style-dark.css new file mode 100644 index 0000000..fe37b06 --- /dev/null +++ b/style-dark.css @@ -0,0 +1,26 @@ +/* + * The dark style when user prefers that in their browser/OS. + */ + +body { + color: #cc88ff; + background-color: #111; +} +.inverted { + color: white; + background-color: #9200ff; +} + +a { + color: #cc88ff; +} +a:visited { + color: #bb77ff; +} +a:active { + color: #FF0000; +} + +.inverted a { + color: white; +} diff --git a/style-light.css b/style-light.css new file mode 100644 index 0000000..3a93df5 --- /dev/null +++ b/style-light.css @@ -0,0 +1,26 @@ +/* + * The default (light) style. + */ + +body { + color: #440077; + background-color: white; +} +.inverted { + color: white; + background-color: #440077; +} + +a { + color: #440077; +} +a:visited { + color: #51188E; +} +a:active { + color: #FF0000; +} + +.inverted a { + color: white; +} diff --git a/style.css b/style.css deleted file mode 100644 index a77bb79..0000000 --- a/style.css +++ /dev/null @@ -1,22 +0,0 @@ -body { - color: #440077; - background-color: white; -} -.inverted { - color: white; - background-color: #440077; -} - -a { - color: #440077; -} -a:visited { - color: #51188E; -} -a:active { - color: #FF0000; -} - -.inverted a { - color: white; -} diff --git a/top.php b/top.php index 33b1f5e..87c4ff1 100644 --- a/top.php +++ b/top.php @@ -4,7 +4,8 @@ - + +