pmOS-tweaks/fenix-fox
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

create theme_aware_modal_prompts.css

Browse source
This commit is contained in:
MrOtherGuy 2020-09-29 10:55:56 +03:00
parent 88b3ff1d6b
commit b38ec91016
3 changed files with 45 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

42
chrome/theme_aware_modal_prompts.css Normal file
View 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)) }

3
html_resources/tagmap.json
View file

@ -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
View file

@ -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

1 autohide_bookmarks_and_main_toolbars.css,autohide,bookmarks,toolbars,nav-bar
107 window_control_placeholder_support.css,window-control,patch
108 round_ui_items.css,buttons,icon,menu,tabs,toolbars,bookmarks
109 curved_tabs.css,tabs,tab
110 theme_aware_modal_prompts.css,effect,dark-mode,colors,popup