From a3f35fb1d2d9c4bf2aee5e6472fc2a07de2829c4 Mon Sep 17 00:00:00 2001
From: narcolepticinsomniac <therealdoctorgonzo@gmail.com>
Date: Wed, 18 Jul 2018 20:37:06 -0400
Subject: [PATCH] Light grey theme

---
 options/onoffswitch.css |  6 +++---
 options/options.css     | 12 +++++++-----
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/options/onoffswitch.css b/options/onoffswitch.css
index c335c97e..679264b6 100644
--- a/options/onoffswitch.css
+++ b/options/onoffswitch.css
@@ -33,7 +33,7 @@
   height: 12px;
   padding: 0;
   line-height: 12px;
-  border: 0 solid #E3E3E3;
+  border: 1px solid hsl(0, 0%, 80%);
   border-radius: 12px;
   background-color: #E0E0E0;
   box-shadow: inset 2px 2px 4px rgba(0,0,0,0.1);
@@ -55,11 +55,11 @@
 }
 
 .onoffswitch input:checked + span {
-  background-color: #CAEBE3;
+  background-color: hsl(165, 45%, 80%);
 }
 
 .onoffswitch input:checked + span, .onoffswitch input:checked + span::before {
-  border-color: #CAEBE3;
+  border-color: hsl(165, 45%, 66%);
 }
 
 .onoffswitch input:checked + span .onoffswitch-inner {
diff --git a/options/options.css b/options/options.css
index e852e568..18a32a22 100644
--- a/options/options.css
+++ b/options/options.css
@@ -10,7 +10,9 @@ html.opera body {
 }
 
 body {
-  background: #fff;
+  color: hsl(0, 0%, 20%);
+  background-color: hsl(0, 0%, 90%);
+  box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .4);
   margin: 0;
   font-family: "Helvetica Neue", Helvetica, sans-serif;
   font-size: 12px;
@@ -38,10 +40,10 @@ body {
 .block {
   display: flex;
   align-items: center;
-  margin: 1em 0;
-  border-bottom: 1px dotted #ccc;
-  padding: 0 16px .75em;
+  border-bottom: 1px solid hsl(0, 0%, 74%);
+  padding: 1em 16px 1.75em;
   position: relative;
+  box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .4);
 }
 
 .block:nth-last-child(2) {
@@ -79,6 +81,7 @@ label {
   display: flex;
   margin: .25ex 0;
   align-items: center;
+  cursor: pointer;
 }
 
 label > :first-child {
@@ -143,7 +146,6 @@ input[type="color"] {
   align-items: stretch;
   padding: 1em;
   white-space: nowrap;
-  background-color: rgba(0, 0, 0, .05);
   margin: 0;
 }