refactor(sidebar): add theme support for footer shadows

Author: mydearxym

utils/themes/skins/cyan.js

@@ -113,7 +113,6 @@ const cyan = {
     headerShadowBorderBottom: '1px dashed #316d7b',
     footerShadow: '-1px -4px 4px 0px rgba(0,0,0,0.2)',
     footerShadowBorderBottom: '1px dashed #316d7b',
-
     searchInputBottom: '#2b6775',
     searchInputBottomActive: '#61ABB2',
     searchInputHolder: '#3a7786',

utils/themes/skins/github.js

@@ -112,6 +112,8 @@ const github = {
     borderColor: '#14363E',
     headerShadow: '0px 6px 4px 0px rgba(0,0,0,0.2)',
     headerShadowBorderBottom: '1px dashed #3d5a51',
+    footerShadow: '-1px -4px 4px 0px rgba(0,0,0,0.2)',
+    footerShadowBorderBottom: '1px dashed #3d5a51',
     searchInputBottom: '#3A3948',
     searchInputBottomActive: '#3B8250',
     searchInputHolder: '#3B3948',

utils/themes/skins/green.js

@@ -113,6 +113,8 @@ const green = {
     borderColor: lighten(0.05, sidebarBg),
     headerShadow: '-2px 2px 2px 0px rgb(39, 53, 45)',
     headerShadowBorderBottom: '1px solid #576957',
+    footerShadow: '-1px -4px 4px 0px rgb(39, 53, 45)',
+    footerShadowBorderBottom: '1px dashed #576957',
     searchInputBottom: '#606f64',
     searchInputBottomActive: '#92C446',
     searchInputHolder: '#607765',

utils/themes/skins/iron_green.js

@@ -111,6 +111,8 @@ const iconGreen = {
     borderColor: '#14363E',
     headerShadow: '-1px 6px 2px 0px rgb(9, 171, 165)',
     headerShadowBorderBottom: '1px solid #668d90',
+    footerShadow: '-1px -4px 4px 0px rgb(9, 171, 165)',
+    footerShadowBorderBottom: '1px dashed #668d90',
     searchInputBottom: '#8ED5B4',
     searchInputBottomActive: '#BFE4B4',
     searchInputHolder: '#8ED5B4',

utils/themes/skins/monokai.js

@@ -114,6 +114,8 @@ const monokai = {
     borderColor: lighten(0.05, sidebarBg),
     headerShadow: '-2px 1px 6px 0px rgb(1,21,25)',
     headerShadowBorderBottom: '1px solid #6b5f34',
+    footerShadow: '-1px -4px 4px 0px rgb(1,21,25)',
+    footerShadowBorderBottom: '1px dashed #6b5f34',
     searchInputBottom: '#3A3948',
     searchInputBottomActive: '#877853',
     searchInputHolder: '#3B3948',

utils/themes/skins/purple.js

@@ -112,6 +112,8 @@ const purple = {
     borderColor: lighten(0.05, sidebarBg),
     headerShadow: '-2px 1px 6px 0px rgb(1,21,25)',
     headerShadowBorderBottom: '1px solid #615b79',
+    footerShadow: '-1px -4px 4px 0px rgb(1,21,25)',
+    footerShadowBorderBottom: '1px dashed #615b79',
     searchInputBottom: '#3A3948',
     searchInputBottomActive: '#5F5C75',
     searchInputHolder: '#3B3948',

utils/themes/skins/solarized_dark.js

@@ -113,6 +113,8 @@ const solarizedDark = {
     borderColor: '#14363E',
     headerShadow: '-2px 1px 6px 0px rgb(1,21,25)',
     headerShadowBorderBottom: '1px solid #06495a',
+    footerShadow: '-1px -4px 4px 0px rgb(1,21,25)',
+    footerShadowBorderBottom: '1px dashed #06495a',
     searchInputBottom: '#154964',
     searchInputBottomActive: '#2e78a4',
     searchInputHolder: '#17414E',

utils/themes/skins/yellow.js

@@ -112,6 +112,8 @@ const yellow = {
     borderColor: lighten(0.05, sidebarBg),
     headerShadow: '0px 6px 4px 0px rgba(0,0,0,0.2)',
     headerShadowBorderBottom: '1px dashed #88755b',
+    footerShadow: '-1px -4px 4px 0px rgba(0,0,0,0.2)',
+    footerShadowBorderBottom: '1px dashed #88755b',
     searchInputBottom: '#5D4833',
     searchInputBottomActive: '#A4644B',
     searchInputHolder: '#5D4833',