fliegerjohn/mobile-config-firefox
1
0
Fork 1
mirror of https://codeberg.org/claui/mobile-config-firefox.git synced 2024-11-10 03:40:14 +00:00
Code Issues Projects Releases Packages Wiki Activity

Make button colors work better with dark/light themes

Browse source
This commit is contained in:
MrOtherGuy 2019-07-09 11:51:08 +03:00
parent 9dcbbca92f
commit e1df598ecc
1 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
chrome/dark_checkboxes_and_radios.css
View file

@ -2,6 +2,8 @@
/* Their background will be transparent instead of white so they will appear fitting to whatever is on the background */ /* Their background will be transparent instead of white so they will appear fitting to whatever is on the background */
/* As such, this might cause a small issue if the background happens to be same color as the border of these buttons or the checkbox-image */ /* As such, this might cause a small issue if the background happens to be same color as the border of these buttons or the checkbox-image */
/* In short, these native widgets will be dark on dark theme and light on light theme */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#editBMPanel_tagsSelector > richlistitem > image, #editBMPanel_tagsSelector > richlistitem > image,
@ -48,8 +50,16 @@ checkbox[disabled] > .checkbox-check{ fill: graytext !important; }
button{ button{
-moz-appearance: none !important; -moz-appearance: none !important;
color: inherit !important; color: inherit !important;
background-color: rgba(255,255,255,0.2) !important; background-color: rgba(127,127,127,0.1) !important;
border: 1px solid graytext;
} }
button[disabled]{ opacity: 0.8 }
button:not([disabled]):hover{ border-color: highlight; background-color: rgba(0,0,0,0.1) !important; }
.panel-footer > button{ border-width: 1px 0 0 0; }
button.panel-button{ padding: 2px 2px 1px 2px !important; } button.panel-button{ padding: 2px 2px 1px 2px !important; }
#customization-done-button{ background-color: #0a84ff !important; } #customization-done-button{ background-color: #0a84ff !important; }