codeSmell

css/style-switcher.css

@@ -49,6 +49,7 @@
 .style-switcher .s-icon
 {
     position: absolute;
+    padding-top: 4px;
     height: 40px;
     width: 40px;
     text-align: center;

index.html

@@ -575,11 +575,11 @@
         </div>
         <h4>Theme Colors</h4>
         <div class="colors">
-            <span class="color-1" onclick="setActiveStyle('color-1')"></span>
-            <span class="color-2" onclick="setActiveStyle('color-2')"></span>
-            <span class="color-3" onclick="setActiveStyle('color-3')"></span>
-            <span class="color-4" onclick="setActiveStyle('color-4')"></span>
-            <span class="color-5" onclick="setActiveStyle('color-5')"></span>
+            <span class="color-1" onclick="setActiveStyle('color-1')" onKeyPress="handleKeyPress(event)" tabIndex="0"></span>
+            <span class="color-2" onclick="setActiveStyle('color-2')" onKeyPress="handleKeyPress(event)" tabIndex="0"></span>
+            <span class="color-3" onclick="setActiveStyle('color-3')" onKeyPress="handleKeyPress(event)" tabIndex="0"></span>
+            <span class="color-4" onclick="setActiveStyle('color-4')" onKeyPress="handleKeyPress(event)" tabIndex="0"></span>
+            <span class="color-5" onclick="setActiveStyle('color-5')" onKeyPress="handleKeyPress(event)" tabIndex="0"></span>
         </div>
     </div>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.1.0/typed.umd.js"