From 71479ef50410f5bf15c3980ff232812c317d500b Mon Sep 17 00:00:00 2001
From: zombieFox <crudetoaster@gmail.com>
Date: Thu, 27 Dec 2018 12:31:45 -0700
Subject: [PATCH] [refactor] improve initial theme state

---
 css/form.css  | 1 -
 css/theme.css | 5 ++---
 index.html    | 4 ++--
 3 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/css/form.css b/css/form.css
index 0330229f..2b7554ac 100644
--- a/css/form.css
+++ b/css/form.css
@@ -76,7 +76,6 @@ label {
 input[type="color"] {
   border: 0;
   height: 2.5em;
-  min-width: 2.5em;
   display: block;
   cursor: pointer;
   -webkit-appearance: none;
diff --git a/css/theme.css b/css/theme.css
index 8a4f0fa5..f8cf3bc3 100644
--- a/css/theme.css
+++ b/css/theme.css
@@ -19,17 +19,16 @@
   box-shadow: 0 0 0.25em 0 rgba(var(--accent), 0.6), 0 0 0.5em 0 rgba(var(--accent), 0.4);
 }
 
-.theme-input {
+.theme-input[type="color"] {
   opacity: 0;
   width: 2px;
-  min-width: 2px;
   height: 2px;
   position: absolute;
   top: 0;
   left: 0;
 }
 
-.theme-input:focus+.theme-label {
+.theme-input[type="color"]:focus+.theme-label {
   background-color: var(--gray-03);
   border-bottom-color: rgb(var(--accent));
   color: var(--white);
diff --git a/index.html b/index.html
index 0717e95e..9cae233b 100644
--- a/index.html
+++ b/index.html
@@ -54,13 +54,13 @@
           <button class="button mb-0 control-link-list" tabindex="1">
             <span class="button-text">List</span>
           </button>
-          <button class="button mb-0 control-link-blocks active" tabindex="1">
+          <button class="button mb-0 control-link-blocks" tabindex="1">
             <span class="button-text">Block</span>
           </button>
         </div>
         <div class="head-item mb-3 mb-xl-0">
           <form class="theme">
-            <input id="accent-picker" type="color" class="theme-input" value="#ffaa33" tabindex="1">
+            <input id="accent-picker" type="color" class="theme-input" value="#000000" tabindex="1">
             <label class="button mb-0 theme-label" for="accent-picker">
               <span class="button-text">Accent</span>
             </label>