From 20e225bb6cec395fce67e6d1c7093d53016739d4 Mon Sep 17 00:00:00 2001
From: MrOtherGuy <jastekken@outlook.com>
Date: Thu, 24 Jun 2021 06:34:17 +0300
Subject: [PATCH] create proton_dark_light_notifications.css

---
 chrome/proton_dark_light_notifications.css | 43 ++++++++++++++++++++++
 html_resources/tagmap.json                 |  3 +-
 tags.csv                                   |  1 +
 3 files changed, 46 insertions(+), 1 deletion(-)
 create mode 100644 chrome/proton_dark_light_notifications.css

diff --git a/chrome/proton_dark_light_notifications.css b/chrome/proton_dark_light_notifications.css
new file mode 100644
index 0000000..59f8426
--- /dev/null
+++ b/chrome/proton_dark_light_notifications.css
@@ -0,0 +1,43 @@
+/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/proton_dark_light_notifications.css made available under Mozilla Public License v. 2.0
+See the above repository for updates as well as full license text. */
+
+/* Makes web notifications use dark/light theme based on your selected theme, and makes them fit a bit better to rounded proton style. */
+
+@-moz-document url("chrome://global/content/alerts/alert.xhtml") {
+  #alertBox{ border-radius: 6px !important; }
+  #alertSettings {
+    fill: currentColor !important;
+    color: inherit !important;
+    border-radius: 0 !important;
+    margin-inline: 0 !important;
+    margin-bottom: -4px !important;
+  }
+  #alertSettings, 
+  .close-icon{ background: transparent !important }
+  
+  .close-icon:hover > .toolbarbutton-icon,
+  #alertSettings:is(:hover,[open]) > .button-box{
+    background-color: rgba(0,0,0,.09) !important;
+  }
+  #alertSettings > .button-box,
+  .close-icon > .toolbarbutton-icon{
+    padding: 2px !important;
+    margin: 2px 2px -2px 0 !important;
+    border-radius: 4px !important;
+  }
+  #alertSettings > .button-box > .box-inherit > .button-icon { padding: 1px }
+  #alertSettings > .button-box{ margin: -4px 4px 3px 0 !important; }
+  
+  @media (-moz-toolbar-prefers-color-scheme:dark){
+    #alertBox {
+      border-color: rgba(107,107,107,.3) !important;
+      background-color: rgb(43,42,51) !important;
+      color: rgba(215,215,215,.9) !important;
+    }
+    .close-icon:hover > .toolbarbutton-icon,
+    #alertSettings:is(:hover,[open]) > .button-box { background-color: rgba(215,215,215,.1) !important; }
+    #alertSourceLabel {
+      color: rgb(5,209,241) !important;
+    }
+  }
+}
\ No newline at end of file
diff --git a/html_resources/tagmap.json b/html_resources/tagmap.json
index 25ccaad..edaae56 100644
--- a/html_resources/tagmap.json
+++ b/html_resources/tagmap.json
@@ -131,5 +131,6 @@
 "overlay_tab_audio_icons.css":["icon","tab"],
 "custom_default_tab_favicons.css":["tab","icon"],
 "selected_tab_as_urlbar.css":["hack"],
-"icon_only_tabs.css":["tab","icon"]
+"icon_only_tabs.css":["tab","icon"],
+"proton_dark_light_notifications.css":["popup","proton"]
 }
diff --git a/tags.csv b/tags.csv
index 1d6e428..3034202 100644
--- a/tags.csv
+++ b/tags.csv
@@ -131,3 +131,4 @@ overlay_tab_audio_icons.css,icon,tab
 custom_default_tab_favicons.css,tab,icon
 selected_tab_as_urlbar.css,hack
 icon_only_tabs.css,tab,icon
+proton_dark_light_notifications.css,popup,proton