Added dark and SFW modes.

assets/css/_theme.scss

@@ -35,3 +35,72 @@ $empty: #333;
 
 $male: #0af;
 $female: #f0a;
+
+:root {
+    --primary: #ff6c88;
+
+    --text-dark: #222;
+    --text-light: #fff;
+
+    --darken: rgba(0, 0, 0, .5);
+    --darken-weak: rgba(0, 0, 0, .2);
+
+    --lighten: rgba(255, 255, 255, .5);
+    --lighten-weak: rgba(255, 255, 255, .2);
+}
+
+.light {
+    --text: #222;
+    --text-contrast: #fff;
+    --background: #fff;
+    --background-dim: #fafafa;
+
+    --profile: #222;
+    --tile: #2a2a2a;
+
+    --link: #cc4466;
+    --empty: #333;
+
+    --male: #0af;
+    --female: #f0a;
+
+    --shadow: rgba(0, 0, 0, .5);
+    --shadow-extreme: rgba(0, 0, 0, .9);
+    --shadow-strong: rgba(0, 0, 0, .7);
+    --shadow-weak: rgba(0, 0, 0, .2);
+    --shadow-hint: rgba(0, 0, 0, .1);
+
+    --highlight: rgba(255, 255, 255, .5);
+    --highlight-extreme: rgba(255, 255, 255, .9);
+    --highlight-strong: rgba(255, 255, 255, .7);
+    --highlight-weak: rgba(255, 255, 255, .2);
+    --highlight-hint: rgba(255, 255, 255, .075);
+}
+
+.dark {
+    --text: #fff;
+    --text-contrast: #222;
+    --background: #333;
+    --background-dim: #222;
+
+    --profile: #222;
+    --tile: #2a2a2a;
+
+    --link: #cc4466;
+    --empty: #333;
+
+    --male: #0af;
+    --female: #f0a;
+
+    --shadow: rgba(255, 255, 255, .5);
+    --shadow-extreme: rgba(255, 255, 255, .9);
+    --shadow-strong: rgba(255, 255, 255, .7);
+    --shadow-weak: rgba(255, 255, 255, .2);
+    --shadow-hint: rgba(255, 255, 255, .075);
+
+    --highlight: rgba(0, 0, 0, .5);
+    --highlight-extreme: rgba(0, 0, 0, .9);
+    --highlight-strong: rgba(0, 0, 0, .7);
+    --highlight-weak: rgba(0, 0, 0, .2);
+    --highlight-hint: rgba(0, 0, 0, .1);
+}

assets/css/style.scss

@@ -9,7 +9,7 @@ body {
 }
 
 body {
-    color: $text;
+    color: var(--text);
     margin: 0;
     font-family: Arial, Helvetica, sans-serif;
 }
@@ -25,7 +25,7 @@ body {
 }
 
 .heading {
-    color: $shadow;
+    color: var(--shadow);
     padding: 0;
     margin: 0 0 1rem 0;
     font-size: 1.5rem;