From 835c31b83344392a1e3187e39dc33e4adb2f4b81 Mon Sep 17 00:00:00 2001
From: Adam Porter <adam@alphapapa.net>
Date: Sat, 16 Jun 2018 04:32:17 -0500
Subject: [PATCH] Fix: (GitHub) Insights/Pulse

---
 css/apprentice/apprentice-all-sites.css       | 25 ++++++++++++++++
 css/apprentice/apprentice-github.css          | 25 ++++++++++++++++
 css/darculized/darculized-all-sites.css       | 25 ++++++++++++++++
 css/darculized/darculized-github.css          | 25 ++++++++++++++++
 css/gruvbox/gruvbox-all-sites.css             | 25 ++++++++++++++++
 css/gruvbox/gruvbox-github.css                | 25 ++++++++++++++++
 .../solarized-dark-all-sites.css              | 25 ++++++++++++++++
 css/solarized-dark/solarized-dark-github.css  | 25 ++++++++++++++++
 .../solarized-light-all-sites.css             | 25 ++++++++++++++++
 .../solarized-light-github.css                | 25 ++++++++++++++++
 sites/github.styl                             | 29 +++++++++++++++++++
 11 files changed, 279 insertions(+)

diff --git a/css/apprentice/apprentice-all-sites.css b/css/apprentice/apprentice-all-sites.css
index 4602b4a..5936411 100644
--- a/css/apprentice/apprentice-all-sites.css
+++ b/css/apprentice/apprentice-all-sites.css
@@ -1013,6 +1013,31 @@ a.tabnav-tab.selected,
 .suggester li.navigation-focus {
   background-color: #303030 !important;
 }
+.menu {
+  background-color: #272727 !important;
+}
+.menu-item.selected {
+  background-color: #444 !important;
+}
+.menu-item:hover {
+  background-color: #303030 !important;
+}
+.Box {
+  background-color: #262626 !important;
+}
+.Box-header {
+  background-color: #272727 !important;
+}
+svg > * text {
+  color: #bcbcbc !important;
+  fill: #bcbcbc !important;
+}
+.insertions {
+  color: #008000 !important;
+}
+.deletions {
+  color: #f00 !important;
+}
 .sfbgg {
   background-color: #272727 !important;
 }
diff --git a/css/apprentice/apprentice-github.css b/css/apprentice/apprentice-github.css
index cc517c9..34939a8 100644
--- a/css/apprentice/apprentice-github.css
+++ b/css/apprentice/apprentice-github.css
@@ -945,3 +945,28 @@ a.tabnav-tab.selected,
 .suggester li.navigation-focus {
   background-color: #303030 !important;
 }
+.menu {
+  background-color: #272727 !important;
+}
+.menu-item.selected {
+  background-color: #444 !important;
+}
+.menu-item:hover {
+  background-color: #303030 !important;
+}
+.Box {
+  background-color: #262626 !important;
+}
+.Box-header {
+  background-color: #272727 !important;
+}
+svg > * text {
+  color: #bcbcbc !important;
+  fill: #bcbcbc !important;
+}
+.insertions {
+  color: #008000 !important;
+}
+.deletions {
+  color: #f00 !important;
+}
diff --git a/css/darculized/darculized-all-sites.css b/css/darculized/darculized-all-sites.css
index e86d722..2123b7b 100644
--- a/css/darculized/darculized-all-sites.css
+++ b/css/darculized/darculized-all-sites.css
@@ -1013,6 +1013,31 @@ a.tabnav-tab.selected,
 .suggester li.navigation-focus {
   background-color: #5e6263 !important;
 }
+.menu {
+  background-color: #2e2e2e !important;
+}
+.menu-item.selected {
+  background-color: #363636 !important;
+}
+.menu-item:hover {
+  background-color: #5e6263 !important;
+}
+.Box {
+  background-color: #262626 !important;
+}
+.Box-header {
+  background-color: #2e2e2e !important;
+}
+svg > * text {
+  color: #909396 !important;
+  fill: #909396 !important;
+}
+.insertions {
+  color: #598249 !important;
+}
+.deletions {
+  color: #bd3832 !important;
+}
 .sfbgg {
   background-color: #2e2e2e !important;
 }
diff --git a/css/darculized/darculized-github.css b/css/darculized/darculized-github.css
index 479ebb5..df43d07 100644
--- a/css/darculized/darculized-github.css
+++ b/css/darculized/darculized-github.css
@@ -945,3 +945,28 @@ a.tabnav-tab.selected,
 .suggester li.navigation-focus {
   background-color: #5e6263 !important;
 }
+.menu {
+  background-color: #2e2e2e !important;
+}
+.menu-item.selected {
+  background-color: #363636 !important;
+}
+.menu-item:hover {
+  background-color: #5e6263 !important;
+}
+.Box {
+  background-color: #262626 !important;
+}
+.Box-header {
+  background-color: #2e2e2e !important;
+}
+svg > * text {
+  color: #909396 !important;
+  fill: #909396 !important;
+}
+.insertions {
+  color: #598249 !important;
+}
+.deletions {
+  color: #bd3832 !important;
+}
diff --git a/css/gruvbox/gruvbox-all-sites.css b/css/gruvbox/gruvbox-all-sites.css
index bdfe569..c2c2fbc 100644
--- a/css/gruvbox/gruvbox-all-sites.css
+++ b/css/gruvbox/gruvbox-all-sites.css
@@ -1013,6 +1013,31 @@ a.tabnav-tab.selected,
 .suggester li.navigation-focus {
   background-color: #b8bb26 !important;
 }
+.menu {
+  background-color: #3c3836 !important;
+}
+.menu-item.selected {
+  background-color: #44403e !important;
+}
+.menu-item:hover {
+  background-color: #b8bb26 !important;
+}
+.Box {
+  background-color: #282828 !important;
+}
+.Box-header {
+  background-color: #3c3836 !important;
+}
+svg > * text {
+  color: #83a598 !important;
+  fill: #83a598 !important;
+}
+.insertions {
+  color: #98971a !important;
+}
+.deletions {
+  color: #cc241d !important;
+}
 .sfbgg {
   background-color: #3c3836 !important;
 }
diff --git a/css/gruvbox/gruvbox-github.css b/css/gruvbox/gruvbox-github.css
index caa9f0c..2311392 100644
--- a/css/gruvbox/gruvbox-github.css
+++ b/css/gruvbox/gruvbox-github.css
@@ -945,3 +945,28 @@ a.tabnav-tab.selected,
 .suggester li.navigation-focus {
   background-color: #b8bb26 !important;
 }
+.menu {
+  background-color: #3c3836 !important;
+}
+.menu-item.selected {
+  background-color: #44403e !important;
+}
+.menu-item:hover {
+  background-color: #b8bb26 !important;
+}
+.Box {
+  background-color: #282828 !important;
+}
+.Box-header {
+  background-color: #3c3836 !important;
+}
+svg > * text {
+  color: #83a598 !important;
+  fill: #83a598 !important;
+}
+.insertions {
+  color: #98971a !important;
+}
+.deletions {
+  color: #cc241d !important;
+}
diff --git a/css/solarized-dark/solarized-dark-all-sites.css b/css/solarized-dark/solarized-dark-all-sites.css
index 5f3a8a3..ba516e2 100644
--- a/css/solarized-dark/solarized-dark-all-sites.css
+++ b/css/solarized-dark/solarized-dark-all-sites.css
@@ -1013,6 +1013,31 @@ a.tabnav-tab.selected,
 .suggester li.navigation-focus {
   background-color: #586e75 !important;
 }
+.menu {
+  background-color: #073642 !important;
+}
+.menu-item.selected {
+  background-color: #094352 !important;
+}
+.menu-item:hover {
+  background-color: #586e75 !important;
+}
+.Box {
+  background-color: #002b36 !important;
+}
+.Box-header {
+  background-color: #073642 !important;
+}
+svg > * text {
+  color: #839496 !important;
+  fill: #839496 !important;
+}
+.insertions {
+  color: #859900 !important;
+}
+.deletions {
+  color: #dc322f !important;
+}
 .sfbgg {
   background-color: #073642 !important;
 }
diff --git a/css/solarized-dark/solarized-dark-github.css b/css/solarized-dark/solarized-dark-github.css
index 6bbe260..f3f515a 100644
--- a/css/solarized-dark/solarized-dark-github.css
+++ b/css/solarized-dark/solarized-dark-github.css
@@ -945,3 +945,28 @@ a.tabnav-tab.selected,
 .suggester li.navigation-focus {
   background-color: #586e75 !important;
 }
+.menu {
+  background-color: #073642 !important;
+}
+.menu-item.selected {
+  background-color: #094352 !important;
+}
+.menu-item:hover {
+  background-color: #586e75 !important;
+}
+.Box {
+  background-color: #002b36 !important;
+}
+.Box-header {
+  background-color: #073642 !important;
+}
+svg > * text {
+  color: #839496 !important;
+  fill: #839496 !important;
+}
+.insertions {
+  color: #859900 !important;
+}
+.deletions {
+  color: #dc322f !important;
+}
diff --git a/css/solarized-light/solarized-light-all-sites.css b/css/solarized-light/solarized-light-all-sites.css
index f55e42f..41b26c4 100644
--- a/css/solarized-light/solarized-light-all-sites.css
+++ b/css/solarized-light/solarized-light-all-sites.css
@@ -1013,6 +1013,31 @@ a.tabnav-tab.selected,
 .suggester li.navigation-focus {
   background-color: #93a1a1 !important;
 }
+.menu {
+  background-color: #eee8d5 !important;
+}
+.menu-item.selected {
+  background-color: #e9e1c8 !important;
+}
+.menu-item:hover {
+  background-color: #93a1a1 !important;
+}
+.Box {
+  background-color: #fdf6e3 !important;
+}
+.Box-header {
+  background-color: #eee8d5 !important;
+}
+svg > * text {
+  color: #657b83 !important;
+  fill: #657b83 !important;
+}
+.insertions {
+  color: #859900 !important;
+}
+.deletions {
+  color: #dc322f !important;
+}
 .sfbgg {
   background-color: #eee8d5 !important;
 }
diff --git a/css/solarized-light/solarized-light-github.css b/css/solarized-light/solarized-light-github.css
index 48cfcc5..90b9408 100644
--- a/css/solarized-light/solarized-light-github.css
+++ b/css/solarized-light/solarized-light-github.css
@@ -945,3 +945,28 @@ a.tabnav-tab.selected,
 .suggester li.navigation-focus {
   background-color: #93a1a1 !important;
 }
+.menu {
+  background-color: #eee8d5 !important;
+}
+.menu-item.selected {
+  background-color: #e9e1c8 !important;
+}
+.menu-item:hover {
+  background-color: #93a1a1 !important;
+}
+.Box {
+  background-color: #fdf6e3 !important;
+}
+.Box-header {
+  background-color: #eee8d5 !important;
+}
+svg > * text {
+  color: #657b83 !important;
+  fill: #657b83 !important;
+}
+.insertions {
+  color: #859900 !important;
+}
+.deletions {
+  color: #dc322f !important;
+}
diff --git a/sites/github.styl b/sites/github.styl
index a165de4..bfdd149 100644
--- a/sites/github.styl
+++ b/sites/github.styl
@@ -996,3 +996,32 @@ a.tabnav-tab
 
     li.navigation-focus
         background-color highlight-extra
+
+// ** .menu
+
+.menu
+    background-color highlight
+
+.menu-item
+    &.selected
+        background-color color-background-highlight-extra-less
+    &:hover
+        background-color highlight-extra
+
+// ** .Box
+
+.Box
+    background-color()
+
+.Box-header
+    background-color highlight
+
+svg > * text  // I don't understand this selector but it works
+    color()
+    fill color-text i
+
+.insertions
+    color green
+
+.deletions
+    color red