fix notification preview headers - fixes #1012

StylishThemes · May 15, 2020 · 934235a · 934235a · fregante · May 15, 2020
1 parent 5df2036
commit 934235a
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 2 deletions.
diff --git a/github-dark.css b/github-dark.css
@@ -4840,6 +4840,11 @@
   body[class="page-responsive"] .Box-row {
     border-top-color: #343434;
   }
+  /* github.com mobile: "box-shadow: inset 2px 0 0 #0366d6" */
+  body[class="page-responsive"] .Box-row.Box-row--unread,
+  body[class="page-responsive"] .Box-row.unread {
+    box-shadow: inset 2px 0 0 #eee;
+  }
   /* github.com mobile: "color: #0366d6" */
   body[class="page-responsive"] .Box-row.navigation-focus .Box-row--drag-button {
     color: /*[[base-color]]*/ #4f8cc9;
@@ -7284,6 +7289,10 @@
   .Box-row {
     border-top-color: #343434;
   }
+  /* github.com: "box-shadow: inset 2px 0 0 #0366d6" */
+  .Box-row.Box-row--unread, .Box-row.unread {
+    box-shadow: inset 2px 0 0 #eee;
+  }
   /* github.com: "color: #0366d6" */
   .Box-row.navigation-focus .Box-row--drag-button {
     color: /*[[base-color]]*/ #4f8cc9;
@@ -9709,6 +9718,10 @@
   .table-list-bordered .table-list-cell:last-child {
     border-right-color: #343434;
   }
+  /* github.com: "box-shadow: inset 2px 0 0 #0366d6" */
+  .table-list-item.unread .table-list-cell:first-child {
+    box-shadow: inset 2px 0 0 #eee;
+  }
   /* github.com: "border-top: 1px solid #eaecef" */
   .table-list-cell {
     border-top-color: #343434;
@@ -12319,9 +12332,10 @@
     color: #bebebe !important;
     background-color: #343434 !important;
   }
-  /* github.com: "background-color: #f1f8ff !important" */
+  /* github.com: "background-color: #f1f8ff !important", "box-shadow: inset 2px 0 0 #0366d6" */
   .notifications-list-item.navigation-focus {
     background-color: #182030 !important;
+    box-shadow: inset 2px 0 0 #eee;
   }
   /* github.com: "color: #24292e !important" */
   .notifications-list-item.navigation-focus .notification-list-item-link {
@@ -13994,11 +14008,14 @@
   .Box--responsive .Box-row--unread::before {
     background-image: linear-gradient(/*[[base-color]]*/ #4f8cc9, /*[[base-color]]*/ #4f8cc9);
   }
-  /* github.com: "border: 1px solid #d1d5da" */
+  /* github.com: "border: 1px solid #d1d5da", "box-shadow: inset 2px 0 0 #0366d6" */
   @media (min-width: 544px) {
     .Box--responsive {
       border-color: #404040;
     }
+    .Box--responsive .Box-row--unread {
+      box-shadow: inset 2px 0 0 #eee;
+    }
   }
   /* github.com: "color: #6a737d" */
   @media (max-width: 767px) {
@@ -19499,6 +19516,10 @@
   .npmhub-deps > li {
     border-bottom-color: #343434;
   }
+  /* notifications preview: "color: rgb(36,41,46)" */
+  :root:root .NPG-dropdown {
+    color: rgb(210, 210, 210) !important;
+  }
   /* notifications preview: "background-color: #e6ebf1" */
   .participating .js-notifications-browser::before {
     background-color: #444;

diff --git a/tools/generate.js b/tools/generate.js
@@ -160,6 +160,8 @@ const mappings = {
   "box-shadow: 0 1px 0 0 #0058a2": "box-shadow: 0 1px 0 0 /*[[base-color]]*/ #4f8cc9",
   "box-shadow: 0 0 0.2em #c8e1ff": "box-shadow: 0 0 .2em /*[[base-color]]*/ #4f8cc9",
 
+  "box-shadow: inset 2px 0 0 #0366d6": "box-shadow: inset 2px 0 0 #eee",
+
   // ==========================================================================
   // Color / Background
   // ==========================================================================
@@ -199,6 +201,7 @@ const mappings = {
   "color: rgba(27,31,35,.6)": "color: rgba(230,230,230,.6)",
   "color: rgba(27,31,35,.3)": "color: rgba(230,230,230,.3)",
   "color: rgba(36,41,46,.4)": "color: rgba(210,210,210,.4)",
+  "color: rgb(36,41,46)": "color: rgb(210,210,210) !important", // notifications preview
 
   "color: hsla(0,0%,100%,.5)": "color: hsla(0,0%,100%,.5)",
   "color: hsla(0,0%,100%,.6)": "color: hsla(0,0%,100%,.4)",