refactor(sidebar): add theme support for search box

Author: mydearxym

utils/themes/skins/cyan.js

@@ -111,6 +111,9 @@ const cyan = {
     borderColor: '#14363E',
     topShadow: '0px 6px 4px 0px rgba(0,0,0,0.2)',
     topShadowBorderBottom: '1px dashed #316d7b',
+    searchInputBottom: '#2b6775',
+    searchInputBottomActive: '#61ABB2',
+    searchInputHolder: '#3a7786',
   },
   preview: {
     title: '#83a2a5',

utils/themes/skins/github.js

@@ -112,6 +112,9 @@ const github = {
     borderColor: '#14363E',
     topShadow: '0px 6px 4px 0px rgba(0,0,0,0.2)',
     topShadowBorderBottom: '1px dashed #3d5a51',
+    searchInputBottom: '#3A3948',
+    searchInputBottomActive: '#3B8250',
+    searchInputHolder: '#3B3948',
   },
   preview: {
     title: threadTitle,

utils/themes/skins/green.js

@@ -113,6 +113,9 @@ const green = {
     borderColor: lighten(0.05, sidebarBg),
     topShadow: '-2px 2px 2px 0px rgb(39, 53, 45)',
     topShadowBorderBottom: '1px solid #576957',
+    searchInputBottom: '#606f64',
+    searchInputBottomActive: '#92C446',
+    searchInputHolder: '#607765',
   },
   preview: {
     title: bannerTitle,

utils/themes/skins/iron_green.js

@@ -106,11 +106,14 @@ const iconGreen = {
     holder: lighten(0.15, sidebarBg),
     logoText: primaryColor,
     menuHover: darken(0.05, sidebarBg),
-    pinActive: '#54848B',
+    pinActive: '#BFE4B4',
     menuLink: '#F0F9F8',
     borderColor: '#14363E',
     topShadow: '-1px 6px 2px 0px rgb(9, 171, 165)',
     topShadowBorderBottom: '1px solid #668d90',
+    searchInputBottom: '#8ED5B4',
+    searchInputBottomActive: '#BFE4B4',
+    searchInputHolder: '#8ED5B4',
   },
   preview: {
     title: '#C2CDD0',

utils/themes/skins/monokai.js

@@ -114,6 +114,9 @@ const monokai = {
     borderColor: lighten(0.05, sidebarBg),
     topShadow: '-2px 1px 6px 0px rgb(1,21,25)',
     topShadowBorderBottom: '1px solid #6b5f34',
+    searchInputBottom: '#3A3948',
+    searchInputBottomActive: '#877853',
+    searchInputHolder: '#3B3948',
   },
   preview: {
     title: primaryColor,

utils/themes/skins/purple.js

@@ -112,6 +112,9 @@ const purple = {
     borderColor: lighten(0.05, sidebarBg),
     topShadow: '-2px 1px 6px 0px rgb(1,21,25)',
     topShadowBorderBottom: '1px solid #615b79',
+    searchInputBottom: '#3A3948',
+    searchInputBottomActive: '#5F5C75',
+    searchInputHolder: '#3B3948',
   },
   preview: {
     title: primaryColor,

utils/themes/skins/yellow.js

@@ -112,6 +112,9 @@ const yellow = {
     borderColor: lighten(0.05, sidebarBg),
     topShadow: '0px 6px 4px 0px rgba(0,0,0,0.2)',
     topShadowBorderBottom: '1px dashed #88755b',
+    searchInputBottom: '#5D4833',
+    searchInputBottomActive: '#A4644B',
+    searchInputHolder: '#5D4833',
   },
   preview: {
     title: primaryColor,