Notification Center Updates (#22)

* Fixed Notifications look and feel * Updated to current master themes
doki-theme · Nov 21, 2020 · 95c5952 · 95c5952
1 parent 0dd76f3
commit 95c5952
Show file tree

Hide file tree

Showing 34 changed files with 163 additions and 64 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,8 @@
 Changelog
 ---
+# 4.2.4 [Notifications Fix]
+
+- Fixed the GitHub notifications look and feel.
 
 # 4.2.3 [Dashboard Fix]
 

diff --git a/buildSrc/templates/tempCss.css.txt b/buildSrc/templates/tempCss.css.txt
@@ -58,6 +58,9 @@
       --color-bg-overlay: {{secondaryBackground}};
       --color-border-primary: {{borderColor}};
       --color-border-primary: {{borderColor}};
+      --color-notifications-row-read-bg: {{codeBlock}};
+      --color-input-disabled-bg: {{selectionInactive}};
+      --color-input-disabled-border: {{borderColor}};
     }
 
     .suggester li:hover .octicon,
@@ -17689,7 +17692,7 @@ ul.bignav li a:hover, ul.smallnav li a:hover, .comments-wrapper, .rackspace,
 .state-widget .ahead .bar, .render-shell > .slider .dragger:hover,
 .render-shell > .slider .dragger:active, .issues-reset-query-icon,
 .projects-reset-query-icon {
-    background: {{foregroundColor}}94 !important;
+    background: {{buttonColor}}94 !important;
 }
 /* https://github.com/StylishThemes/GitHub-Dark/search?q=test&unscoped_q=test */
 .Counter--gray {

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "doki-theme-github",
-  "version": "4.2.3",
+  "version": "4.2.4",
   "dependencies": {
   }
 }
diff --git a/themes/aqua.user.css b/themes/aqua.user.css
@@ -1,7 +1,7 @@
 /* ==UserStyle==
 @name           Doki-Theme: Aqua
 @namespace      github.com/doki-theme
-@version        4.2.3
+@version        4.2.4
 @description    Browse code with your waifu.
 @author         Unthrottled
 @license        MIT
@@ -58,6 +58,9 @@
       --color-bg-overlay: #242942;
       --color-border-primary: #2a334b;
       --color-border-primary: #2a334b;
+      --color-notifications-row-read-bg: #2e3149;
+      --color-input-disabled-bg: #31344b;
+      --color-input-disabled-border: #2a334b;
     }
 
     .suggester li:hover .octicon,
@@ -17689,7 +17692,7 @@ ul.bignav li a:hover, ul.smallnav li a:hover, .comments-wrapper, .rackspace,
 .state-widget .ahead .bar, .render-shell > .slider .dragger:hover,
 .render-shell > .slider .dragger:active, .issues-reset-query-icon,
 .projects-reset-query-icon {
-    background: #bbbbbb94 !important;
+    background: #31374b94 !important;
 }
 /* https://github.com/StylishThemes/GitHub-Dark/search?q=test&unscoped_q=test */
 .Counter--gray {

diff --git a/themes/asuna.user.css b/themes/asuna.user.css
@@ -1,7 +1,7 @@
 /* ==UserStyle==
 @name           Doki-Theme: Asuna
 @namespace      github.com/doki-theme
-@version        4.2.3
+@version        4.2.4
 @description    Browse code with your waifu.
 @author         Unthrottled
 @license        MIT
@@ -58,6 +58,9 @@
       --color-bg-overlay: #fcfcfc;
       --color-border-primary: #eeeeee;
       --color-border-primary: #eeeeee;
+      --color-notifications-row-read-bg: #f6f6f6;
+      --color-input-disabled-bg: #fff4f4;
+      --color-input-disabled-border: #eeeeee;
     }
 
     .suggester li:hover .octicon,
@@ -17689,7 +17692,7 @@ ul.bignav li a:hover, ul.smallnav li a:hover, .comments-wrapper, .rackspace,
 .state-widget .ahead .bar, .render-shell > .slider .dragger:hover,
 .render-shell > .slider .dragger:active, .issues-reset-query-icon,
 .projects-reset-query-icon {
-    background: #25242794 !important;
+    background: #f9f2f294 !important;
 }
 /* https://github.com/StylishThemes/GitHub-Dark/search?q=test&unscoped_q=test */
 .Counter--gray {

diff --git a/themes/beatrice.user.css b/themes/beatrice.user.css
@@ -1,7 +1,7 @@
 /* ==UserStyle==
 @name           Doki-Theme: Beatrice
 @namespace      github.com/doki-theme
-@version        4.2.3
+@version        4.2.4
 @description    Browse code with your waifu.
 @author         Unthrottled
 @license        MIT
@@ -58,6 +58,9 @@
       --color-bg-overlay: #f3cfe0;
       --color-border-primary: #F1D7E6;
       --color-border-primary: #F1D7E6;
+      --color-notifications-row-read-bg: #FDD8FF;
+      --color-input-disabled-bg: #FFD9E2;
+      --color-input-disabled-border: #F1D7E6;
     }
 
     .suggester li:hover .octicon,
@@ -17689,7 +17692,7 @@ ul.bignav li a:hover, ul.smallnav li a:hover, .comments-wrapper, .rackspace,
 .state-widget .ahead .bar, .render-shell > .slider .dragger:hover,
 .render-shell > .slider .dragger:active, .issues-reset-query-icon,
 .projects-reset-query-icon {
-    background: #00000094 !important;
+    background: #e5c5d394 !important;
 }
 /* https://github.com/StylishThemes/GitHub-Dark/search?q=test&unscoped_q=test */
 .Counter--gray {

diff --git a/themes/darkness_dark.user.css b/themes/darkness_dark.user.css
@@ -1,7 +1,7 @@
 /* ==UserStyle==
 @name           Doki-Theme: Darkness Dark
 @namespace      github.com/doki-theme
-@version        4.2.3
+@version        4.2.4
 @description    Browse code with your waifu.
 @author         Unthrottled
 @license        MIT
@@ -58,6 +58,9 @@
       --color-bg-overlay: #100d03;
       --color-border-primary: #1c1500;
       --color-border-primary: #1c1500;
+      --color-notifications-row-read-bg: #191715;
+      --color-input-disabled-bg: #1d1704;
+      --color-input-disabled-border: #1c1500;
     }
 
     .suggester li:hover .octicon,
@@ -17689,7 +17692,7 @@ ul.bignav li a:hover, ul.smallnav li a:hover, .comments-wrapper, .rackspace,
 .state-widget .ahead .bar, .render-shell > .slider .dragger:hover,
 .render-shell > .slider .dragger:active, .issues-reset-query-icon,
 .projects-reset-query-icon {
-    background: #c3c3c394 !important;
+    background: #1e1c1994 !important;
 }
 /* https://github.com/StylishThemes/GitHub-Dark/search?q=test&unscoped_q=test */
 .Counter--gray {

diff --git a/themes/darkness_light.user.css b/themes/darkness_light.user.css
@@ -1,7 +1,7 @@
 /* ==UserStyle==
 @name           Doki-Theme: Darkness Light
 @namespace      github.com/doki-theme
-@version        4.2.3
+@version        4.2.4
 @description    Browse code with your waifu.
 @author         Unthrottled
 @license        MIT
@@ -58,6 +58,9 @@
       --color-bg-overlay: #fffff7;
       --color-border-primary: #f1f4e0;
       --color-border-primary: #f1f4e0;
+      --color-notifications-row-read-bg: #F3F2E2;
+      --color-input-disabled-bg: #FFFFBC;
+      --color-input-disabled-border: #f1f4e0;
     }
 
     .suggester li:hover .octicon,
@@ -17689,7 +17692,7 @@ ul.bignav li a:hover, ul.smallnav li a:hover, .comments-wrapper, .rackspace,
 .state-widget .ahead .bar, .render-shell > .slider .dragger:hover,
 .render-shell > .slider .dragger:active, .issues-reset-query-icon,
 .projects-reset-query-icon {
-    background: #00000094 !important;
+    background: #fffef794 !important;
 }
 /* https://github.com/StylishThemes/GitHub-Dark/search?q=test&unscoped_q=test */
 .Counter--gray {

diff --git a/themes/emilia_dark.user.css b/themes/emilia_dark.user.css
@@ -1,7 +1,7 @@
 /* ==UserStyle==
 @name           Doki-Theme: Emilia Dark
 @namespace      github.com/doki-theme
-@version        4.2.3
+@version        4.2.4
 @description    Browse code with your waifu.
 @author         Unthrottled
 @license        MIT
@@ -58,6 +58,9 @@
       --color-bg-overlay: #4e2d62;
       --color-border-primary: #553a63;
       --color-border-primary: #553a63;
+      --color-notifications-row-read-bg: #402a54;
+      --color-input-disabled-bg: #513466;
+      --color-input-disabled-border: #553a63;
     }
 
     .suggester li:hover .octicon,
@@ -17689,7 +17692,7 @@ ul.bignav li a:hover, ul.smallnav li a:hover, .comments-wrapper, .rackspace,
 .state-widget .ahead .bar, .render-shell > .slider .dragger:hover,
 .render-shell > .slider .dragger:active, .issues-reset-query-icon,
 .projects-reset-query-icon {
-    background: #DADADA94 !important;
+    background: #55396794 !important;
 }
 /* https://github.com/StylishThemes/GitHub-Dark/search?q=test&unscoped_q=test */
 .Counter--gray {

diff --git a/themes/emilia_light.user.css b/themes/emilia_light.user.css
@@ -1,7 +1,7 @@
 /* ==UserStyle==
 @name           Doki-Theme: Emilia Light
 @namespace      github.com/doki-theme
-@version        4.2.3
+@version        4.2.4
 @description    Browse code with your waifu.
 @author         Unthrottled
 @license        MIT
@@ -58,6 +58,9 @@
       --color-bg-overlay: #faecff;
       --color-border-primary: #e9d8f6;
       --color-border-primary: #e9d8f6;
+      --color-notifications-row-read-bg: #f2eaf6;
+      --color-input-disabled-bg: #e8d7f1;
+      --color-input-disabled-border: #e9d8f6;
     }
 
     .suggester li:hover .octicon,
@@ -17689,7 +17692,7 @@ ul.bignav li a:hover, ul.smallnav li a:hover, .comments-wrapper, .rackspace,
 .state-widget .ahead .bar, .render-shell > .slider .dragger:hover,
 .render-shell > .slider .dragger:active, .issues-reset-query-icon,
 .projects-reset-query-icon {
-    background: #25242794 !important;
+    background: #e7d8ee94 !important;
 }
 /* https://github.com/StylishThemes/GitHub-Dark/search?q=test&unscoped_q=test */
 .Counter--gray {

diff --git a/themes/hatsune_miku.user.css b/themes/hatsune_miku.user.css
@@ -1,7 +1,7 @@
 /* ==UserStyle==
 @name           Doki-Theme: Hatsune Miku
 @namespace      github.com/doki-theme
-@version        4.2.3
+@version        4.2.4
 @description    Browse code with your waifu.
 @author         Unthrottled
 @license        MIT
@@ -58,6 +58,9 @@
       --color-bg-overlay: #313939;
       --color-border-primary: #2d3839;
       --color-border-primary: #2d3839;
+      --color-notifications-row-read-bg: #293433;
+      --color-input-disabled-bg: #3a4444;
+      --color-input-disabled-border: #2d3839;
     }
 
     .suggester li:hover .octicon,
@@ -17689,7 +17692,7 @@ ul.bignav li a:hover, ul.smallnav li a:hover, .comments-wrapper, .rackspace,
 .state-widget .ahead .bar, .render-shell > .slider .dragger:hover,
 .render-shell > .slider .dragger:active, .issues-reset-query-icon,
 .projects-reset-query-icon {
-    background: #bbbbbb94 !important;
+    background: #32373794 !important;
 }
 /* https://github.com/StylishThemes/GitHub-Dark/search?q=test&unscoped_q=test */
 .Counter--gray {

diff --git a/themes/ishtar_dark.user.css b/themes/ishtar_dark.user.css
@@ -1,7 +1,7 @@
 /* ==UserStyle==
 @name           Doki-Theme: Ishtar Dark
 @namespace      github.com/doki-theme
-@version        4.2.3
+@version        4.2.4
 @description    Browse code with your waifu.
 @author         Unthrottled
 @license        MIT
@@ -58,6 +58,9 @@
       --color-bg-overlay: #0a0a06;
       --color-border-primary: #1a1a00;
       --color-border-primary: #1a1a00;
+      --color-notifications-row-read-bg: #191718;
+      --color-input-disabled-bg: #1A1913;
+      --color-input-disabled-border: #1a1a00;
     }
 
     .suggester li:hover .octicon,
@@ -17689,7 +17692,7 @@ ul.bignav li a:hover, ul.smallnav li a:hover, .comments-wrapper, .rackspace,
 .state-widget .ahead .bar, .render-shell > .slider .dragger:hover,
 .render-shell > .slider .dragger:active, .issues-reset-query-icon,
 .projects-reset-query-icon {
-    background: #c2c2c294 !important;
+    background: #221d1b94 !important;
 }
 /* https://github.com/StylishThemes/GitHub-Dark/search?q=test&unscoped_q=test */
 .Counter--gray {

diff --git a/themes/ishtar_light.user.css b/themes/ishtar_light.user.css
@@ -1,7 +1,7 @@
 /* ==UserStyle==
 @name           Doki-Theme: Ishtar Light
 @namespace      github.com/doki-theme
-@version        4.2.3
+@version        4.2.4
 @description    Browse code with your waifu.
 @author         Unthrottled
 @license        MIT
@@ -58,6 +58,9 @@
       --color-bg-overlay: #fcfcfa;
       --color-border-primary: #eeeeee;
       --color-border-primary: #eeeeee;
+      --color-notifications-row-read-bg: #f6f6f6;
+      --color-input-disabled-bg: #fffaed;
+      --color-input-disabled-border: #eeeeee;
     }
 
     .suggester li:hover .octicon,
@@ -17689,7 +17692,7 @@ ul.bignav li a:hover, ul.smallnav li a:hover, .comments-wrapper, .rackspace,
 .state-widget .ahead .bar, .render-shell > .slider .dragger:hover,
 .render-shell > .slider .dragger:active, .issues-reset-query-icon,
 .projects-reset-query-icon {
-    background: #25242794 !important;
+    background: #fffef794 !important;
 }
 /* https://github.com/StylishThemes/GitHub-Dark/search?q=test&unscoped_q=test */
 .Counter--gray {

diff --git a/themes/kanna.user.css b/themes/kanna.user.css
@@ -1,7 +1,7 @@
 /* ==UserStyle==
 @name           Doki-Theme: Kanna
 @namespace      github.com/doki-theme
-@version        4.2.3
+@version        4.2.4
 @description    Browse code with your waifu.
 @author         Unthrottled
 @license        MIT
@@ -58,6 +58,9 @@
       --color-bg-overlay: #150f20;
       --color-border-primary: #221f2e;
       --color-border-primary: #221f2e;
+      --color-notifications-row-read-bg: #1d152d;
+      --color-input-disabled-bg: #231a31;
+      --color-input-disabled-border: #221f2e;
     }
 
     .suggester li:hover .octicon,
@@ -17689,7 +17692,7 @@ ul.bignav li a:hover, ul.smallnav li a:hover, .comments-wrapper, .rackspace,
 .state-widget .ahead .bar, .render-shell > .slider .dragger:hover,
 .render-shell > .slider .dragger:active, .issues-reset-query-icon,
 .projects-reset-query-icon {
-    background: #d0d0d094 !important;
+    background: #26273294 !important;
 }
 /* https://github.com/StylishThemes/GitHub-Dark/search?q=test&unscoped_q=test */
 .Counter--gray {

diff --git a/themes/konata.user.css b/themes/konata.user.css
@@ -1,7 +1,7 @@
 /* ==UserStyle==
 @name           Doki-Theme: Konata
 @namespace      github.com/doki-theme
-@version        4.2.3
+@version        4.2.4
 @description    Browse code with your waifu.
 @author         Unthrottled
 @license        MIT
@@ -58,6 +58,9 @@
       --color-bg-overlay: #5c89e8;
       --color-border-primary: #5a86dc;
       --color-border-primary: #5a86dc;
+      --color-notifications-row-read-bg: #6c95ee;
+      --color-input-disabled-bg: #6c95ee;
+      --color-input-disabled-border: #5a86dc;
     }
 
     .suggester li:hover .octicon,
@@ -17689,7 +17692,7 @@ ul.bignav li a:hover, ul.smallnav li a:hover, .comments-wrapper, .rackspace,
 .state-widget .ahead .bar, .render-shell > .slider .dragger:hover,
 .render-shell > .slider .dragger:active, .issues-reset-query-icon,
 .projects-reset-query-icon {
-    background: #f3edff94 !important;
+    background: #83a0ee94 !important;
 }
 /* https://github.com/StylishThemes/GitHub-Dark/search?q=test&unscoped_q=test */
 .Counter--gray {

diff --git a/themes/megumin.user.css b/themes/megumin.user.css
@@ -1,7 +1,7 @@
 /* ==UserStyle==
 @name           Doki-Theme: Megumin
 @namespace      github.com/doki-theme
-@version        4.2.3
+@version        4.2.4
 @description    Browse code with your waifu.
 @author         Unthrottled
 @license        MIT
@@ -58,6 +58,9 @@
       --color-bg-overlay: #2f2329;
       --color-border-primary: #32262c;
       --color-border-primary: #32262c;
+      --color-notifications-row-read-bg: #2f2329;
+      --color-input-disabled-bg: #31262b;
+      --color-input-disabled-border: #32262c;
     }
 
     .suggester li:hover .octicon,
@@ -17689,7 +17692,7 @@ ul.bignav li a:hover, ul.smallnav li a:hover, .comments-wrapper, .rackspace,
 .state-widget .ahead .bar, .render-shell > .slider .dragger:hover,
 .render-shell > .slider .dragger:active, .issues-reset-query-icon,
 .projects-reset-query-icon {
-    background: #bbbbbb94 !important;
+    background: #2f232994 !important;
 }
 /* https://github.com/StylishThemes/GitHub-Dark/search?q=test&unscoped_q=test */
 .Counter--gray {