refactor(theme): improve sidebar trend, pin color & doramon of yellow

Author: mydearxym

utils/themes/skins/github.js

@@ -107,7 +107,7 @@ const github = {
     holder: lighten(0.15, sidebarBg),
     logoText: '#5e9aa2',
     menuHover: darken(0.1, sidebarBg),
-    pinActive: primaryColor,
+    pinActive: 'yellowgreen',
     menuLink: '#D9E6E5',
     borderColor: '#14363E',
     topShadow: '0px 6px 4px 0px rgba(0,0,0,0.2)',
@@ -179,8 +179,8 @@ const github = {
   },
 
   heatmap: {
-    activityLow: '#007D7C',
-    activityHight: '#26A9A0',
+    activityLow: darken(0.2, '#6EC385'),
+    activityHight: 'yellowgreen',
     empty: '#efefef',
     borderHover: '#51abb2',
     monthLabel: '#c6dbde',

utils/themes/skins/green.js

@@ -108,7 +108,7 @@ const green = {
     holder: lighten(0.15, sidebarBg),
     logoText: primaryColor,
     menuHover: lighten(0.1, sidebarBg),
-    pinActive: contentBg,
+    pinActive: 'yellowgreen',
     menuLink: '#A6BBAF',
     borderColor: lighten(0.05, sidebarBg),
     topShadow: '-2px 2px 2px 0px rgb(39, 53, 45)',
@@ -178,8 +178,8 @@ const green = {
     inactiveNum: primaryColor,
   },
   heatmap: {
-    activityLow: '#007D7C',
-    activityHight: '#26A9A0',
+    activityLow: darken(0.05, '#5FA47A'),
+    activityHight: 'yellowgreen',
     empty: '#d3dccc',
     borderHover: primaryColor,
     monthLabel: descText,
@@ -231,13 +231,13 @@ const green = {
   },
   shell: {
     link: lighten(0.2, contentBg),
-    searchInput: lighten(0.1, contentBg),
-    searchIcon: lighten(0.1, contentBg),
+    searchInput: '#99B09B',
+    searchIcon: '#99B09B',
     barBg: darken(0.01, contentBg),
-    border: lighten(0.05, contentBg),
-    title: lighten(0.4, contentBg),
-    desc: lighten(0.2, contentBg),
-    activeBg: lighten(0.05, contentBg),
+    border: darken(0.04, '#D3DFD1'),
+    title: '#718E7A',
+    desc: '#849F88',
+    activeBg: darken(0.05, contentBg),
   },
   button: {
     primary: primaryColor,

utils/themes/skins/monokai.js

@@ -109,7 +109,7 @@ const monokai = {
     holder: lighten(0.15, sidebarBg),
     logoText: primaryColor,
     menuHover: lighten(0.1, sidebarBg),
-    pinActive: '#849804',
+    pinActive: '#AA9862',
     menuLink: '#93A1A1',
     borderColor: lighten(0.05, sidebarBg),
     topShadow: '-2px 1px 6px 0px rgb(1,21,25)',
@@ -180,8 +180,8 @@ const monokai = {
     inactiveNum: primaryColor,
   },
   heatmap: {
-    activityLow: '#007D7C',
-    activityHight: '#26A9A0',
+    activityLow: darken(0.2, '#AA9660'),
+    activityHight: '#AA9660',
     empty: '#342e3a',
     borderHover: primaryColor,
     monthLabel: descText,

utils/themes/skins/purple.js

@@ -107,8 +107,8 @@ const purple = {
     holder: lighten(0.15, sidebarBg),
     logoText: primaryColor,
     menuHover: lighten(0.1, sidebarBg),
-    pinActive: '#849804',
-    menuLink: '#93A1A1',
+    pinActive: '#92584a',
+    menuLink: '#9a96b1',
     borderColor: lighten(0.05, sidebarBg),
     topShadow: '-2px 1px 6px 0px rgb(1,21,25)',
     topShadowBorderBottom: '1px solid #615b79',
@@ -178,8 +178,8 @@ const purple = {
     inactiveNum: primaryColor,
   },
   heatmap: {
-    activityLow: '#007D7C',
-    activityHight: '#26A9A0',
+    activityLow: darken(0.15, '#615D78'),
+    activityHight: '#615D78',
     empty: '#342e3a',
     borderHover: primaryColor,
     monthLabel: descText,

utils/themes/skins/solarized_dark.js

@@ -108,8 +108,8 @@ const solarizedDark = {
     holder: lighten(0.15, sidebarBg),
     logoText: primaryColor,
     menuHover: lighten(0.1, sidebarBg),
-    pinActive: '#849804',
-    menuLink: '#93A1A1',
+    pinActive: '#227B7F',
+    menuLink: '#7e98a9',
     borderColor: '#14363E',
     topShadow: '-2px 1px 6px 0px rgb(1,21,25)',
     topShadowBorderBottom: '1px solid #06495a',

utils/themes/skins/yellow.js

@@ -107,8 +107,8 @@ const yellow = {
     holder: lighten(0.15, sidebarBg),
     logoText: primaryColor,
     menuHover: lighten(0.1, sidebarBg),
-    pinActive: '#6AB3B1',
-    menuLink: '#b6cecd',
+    pinActive: '#D48367',
+    menuLink: '#cec3b6',
     borderColor: lighten(0.05, sidebarBg),
     topShadow: '0px 6px 4px 0px rgba(0,0,0,0.2)',
     topShadowBorderBottom: '1px dashed #88755b',
@@ -177,8 +177,8 @@ const yellow = {
     inactiveNum: primaryColor,
   },
   heatmap: {
-    activityLow: '#007D7C',
-    activityHight: '#26A9A0',
+    activityLow: '#A3634A',
+    activityHight: '#D08269',
     empty: '#f1eddd',
     borderHover: primaryColor,
     monthLabel: descText,