create proton_dark_light_notifications.css
This commit is contained in:
parent
a1b87da84b
commit
20e225bb6c
3 changed files with 46 additions and 1 deletions
43
chrome/proton_dark_light_notifications.css
Normal file
43
chrome/proton_dark_light_notifications.css
Normal file
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
|
@ -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"]
|
||||
}
|
||||
|
|
1
tags.csv
1
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
|
||||
|
|
|
Loading…
Reference in a new issue