popup: Add light theme

Closes browserpass#98

Author: adtac

src/options/interface.js

@@ -53,7 +53,12 @@ function view(ctl, params) {
     nodes.push(createInput.call(this, "gpgPath", "Custom gpg binary", "/path/to/gpg"));
 
     nodes.push(m("h3", "Theme"));
-    nodes.push(createDropdown.call(this, "theme", [m("option", { value: "dark" }, "Dark")]));
+    nodes.push(
+        createDropdown.call(this, "theme", [
+            m("option", { value: "dark" }, "Dark"),
+            m("option", { value: "light" }, "Light")
+        ])
+    );
 
     nodes.push(m("h3", "Custom store locations"));
     nodes.push(

src/popup/colors-light.less

@@ -0,0 +1,18 @@
+@import "colors.less";
+
+.colors-light {
+    .colors(
+        @bg-color: #f1f3f5,
+        @default-bg-color: #dee2e6,
+        @hover-bg-color: #ced4da,
+        @text-color: #343a40,
+        @error-text-color: #e03131,
+        @dim-text-color: #868e96,
+        @badge-color: #bec4ca,
+        @input-bg-color: #e9ecef,
+        @active-input-bg-color: #e3e6e9,
+        @input-text-color: #343a40,
+        @hint-bg-color: #d6336c,
+        @hint-color: #ffdeeb
+    );
+}

src/popup/popup.less

@@ -1,4 +1,5 @@
 @import "colors-dark.less";
+@import "colors-light.less";
 
 @login-height: 53px;
 @max-logins-height: @login-height * 7;