[refactor] improve initial theme state

Author: zombieFox

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;

css/theme.css

@@ -19,17 +19,16 @@
 box-shadow:000.25em0rgba(var(--accent),0.6),000.5em0rgba(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);

index.html

@@ -54,13 +54,13 @@
 <buttonclass="button mb-0 control-link-list" tabindex="1">
 <spanclass="button-text">List</span>
 </button>
-<buttonclass="button mb-0 control-link-blocks active" tabindex="1">
+<buttonclass="button mb-0 control-link-blocks" tabindex="1">
 <spanclass="button-text">Block</span>
 </button>
 </div>
 <divclass="head-item mb-3 mb-xl-0">
 <formclass="theme">
-<inputid="accent-picker" type="color" class="theme-input" value="#ffaa33" tabindex="1">
+<inputid="accent-picker" type="color" class="theme-input" value="#000000" tabindex="1">
 <labelclass="button mb-0 theme-label" for="accent-picker">
 <spanclass="button-text">Accent</span>
 </label>