create theme_aware_modal_prompts.css
This commit is contained in:
parent
88b3ff1d6b
commit
b38ec91016
3 changed files with 45 additions and 1 deletions
42
chrome/theme_aware_modal_prompts.css
Normal file
42
chrome/theme_aware_modal_prompts.css
Normal file
|
@ -0,0 +1,42 @@
|
|||
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/theme_aware_modal_prompts.css made available under Mozilla Public License v. 2.0
|
||||
See the above repository for updates as well as full license text. */
|
||||
|
||||
/* Makes the popup of alert() prompt() etc. respept theme colors as well as be slightly differently styled */
|
||||
|
||||
tabmodalprompt >.spacer-top{ display: none }
|
||||
.tabmodalprompt-mainContainer{
|
||||
-moz-box-orient: horizontal;
|
||||
box-shadow: 0 0px 14px black;
|
||||
background-image: linear-gradient(var(--toolbar-bgcolor),var(--toolbar-bgcolor));
|
||||
border-top: none !important;
|
||||
}
|
||||
:root:-moz-lwtheme-brighttext .tabmodalprompt-mainContainer{ background-color: black !important; }
|
||||
.tabmodalprompt-topContainer{ color: var(--toolbar-color); padding-inline-end: 0px !important; }
|
||||
.tabmodalprompt-buttonContainer{ background: transparent !important; padding-top: 7em !important; }
|
||||
|
||||
.tabmodalprompt-rows input{ color: inherit; -moz-appearance: none; background: rgba(255,255,255,0.1); border: 1px solid currentColor; }
|
||||
|
||||
.tabmodalprompt-infoContainer{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
min-width: 30ch;
|
||||
}
|
||||
.infoTitle{ font-size: 1.1em }
|
||||
.infoBody{ margin-inline-start: 6px !important; }
|
||||
|
||||
|
||||
.tabmodalprompt-buttonContainer > button{
|
||||
-moz-appearance: none !important;
|
||||
border: 1px solid rgba(0,0,0,0.1);
|
||||
border-radius: 4px;
|
||||
color: var(--toolbar-color) !important;
|
||||
}
|
||||
.tabmodalprompt-buttonContainer > button:hover{
|
||||
box-shadow: inset 0 0 6px grey
|
||||
}
|
||||
|
||||
.tabmodalprompt-buttonContainer > button[default],
|
||||
.tabmodalprompt-buttonContainer > button:focus{ background-color: #3388ff; color: white !important; }
|
||||
|
||||
.tabmodalprompt-buttonContainer > button:active{ background-image: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1)) }
|
|
@ -107,5 +107,6 @@
|
|||
"vertical_popup_menubar.css":["menubar","menu","toolbars","popup"],
|
||||
"window_control_placeholder_support.css":["window-control","patch"],
|
||||
"round_ui_items.css":["buttons","icon","menu","tabs","toolbars","bookmarks"],
|
||||
"curved_tabs.css":["tabs","tab"]
|
||||
"curved_tabs.css":["tabs","tab"],
|
||||
"theme_aware_modal_prompts.css":["effect","dark-mode","colors","popup"]
|
||||
}
|
||||
|
|
1
tags.csv
1
tags.csv
|
@ -107,3 +107,4 @@ vertical_popup_menubar.css,menubar,menu,toolbars,popup
|
|||
window_control_placeholder_support.css,window-control,patch
|
||||
round_ui_items.css,buttons,icon,menu,tabs,toolbars,bookmarks
|
||||
curved_tabs.css,tabs,tab
|
||||
theme_aware_modal_prompts.css,effect,dark-mode,colors,popup
|
||||
|
|
|
Loading…
Reference in a new issue