Cynosphere/MSFX
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix context menu colors being wrong and having a border on most themes, fix scrollbar background to use face instead of shadow

Browse source
This commit is contained in:
Cynthia Foxwell 2024-04-25 14:03:19 -06:00
parent f4dd08760c
commit 9cfe53b0a6
2 changed files with 10 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

17
chrome/msfx/msfx.css
View file

@ -6,8 +6,9 @@ panel {
--panel-shadow-margin: 0 !important; --panel-shadow-margin: 0 !important;
--panel-border-radius: 0 !important; --panel-border-radius: 0 !important;
--panel-padding-block: 0 !important; --panel-padding-block: 0 !important;
--panel-background: Window !important; --panel-background: -moz-Dialog !important;
--panel-color: -moz-DialogText !important; --panel-color: -moz-DialogText !important;
--panel-border-color: transparent !important;
} }
#urlbar-container { #urlbar-container {
@ -17,11 +18,11 @@ panel {
#urlbar { #urlbar {
--urlbar-height: 22px !important; --urlbar-height: 22px !important;
--urlbar-toolbar-height: 22px !important; --urlbar-toolbar-height: 22px !important;
color: WindowText !important; color: -moz-DialogText !important;
} }
#urlbar-scheme { #urlbar-scheme {
color: WindowText !important; color: -moz-DialogText !important;
} }
/* Add 3D Borders back to context menus. */ /* Add 3D Borders back to context menus. */
@ -185,7 +186,7 @@ menuseparator:not([hidden="true"])::before {
} }
.tab-close-button:hover { .tab-close-button:hover {
background-color: WindowText; background-color: -moz-DialogText;
opacity: 0.5 !important; opacity: 0.5 !important;
} }
@ -1339,7 +1340,7 @@ toolbarbutton.bookmark-item:not(.subviewbutton) {
findbar { findbar {
background-color: ThreeDFace !important; background-color: ThreeDFace !important;
color: WindowText !important; color: -moz-DialogText !important;
transition: none !important; transition: none !important;
border-top: 0 !important; border-top: 0 !important;
padding-block-start: 4px !important; padding-block-start: 4px !important;
@ -1354,7 +1355,7 @@ findbar {
background-color: unset !important; background-color: unset !important;
padding: 0px 3px !important; padding: 0px 3px !important;
height: 22px !important; height: 22px !important;
color: WindowText !important; color: -moz-DialogText !important;
} }
.findbar-find-previous, .findbar-find-previous,
@ -1511,7 +1512,7 @@ treecolpicker {
} }
#sidebar-close .toolbarbutton-icon { #sidebar-close .toolbarbutton-icon {
background-color: WindowText !important; background-color: -moz-DialogText !important;
width: 8px !important; width: 8px !important;
height: 7px !important; height: 7px !important;
mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAYAAAA1WQxeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA4SURBVBhXY2RgYPgPxCAAYiMDmDgYgDjIAnA+si4UHUCAbiIYoJtEvAnoOuF8kCqYBLqdQHEGBgAx7A/5GaSbcgAAAABJRU5ErkJggg==") !important; mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAYAAAA1WQxeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA4SURBVBhXY2RgYPgPxCAAYiMDmDgYgDjIAnA+si4UHUCAbiIYoJtEvAnoOuF8kCqYBLqdQHEGBgAx7A/5GaSbcgAAAABJRU5ErkJggg==") !important;
@ -1697,7 +1698,7 @@ treechildren::-moz-tree-image(query, OrganizerQuery_history____v) {
.customizationmode-button { .customizationmode-button {
appearance: button !important; appearance: button !important;
color: WindowText !important; color: -moz-DialogText !important;
font-weight: 500 !important; font-weight: 500 !important;
} }

2
chrome/scrollbar.uc.js
View file

@ -90,7 +90,7 @@ slider[orient="vertical"]
-moz-default-appearance: none; -moz-default-appearance: none;
background-color: ${colors.ThreeDHighlight} !important; background-color: ${colors.ThreeDHighlight} !important;
background-repeat: repeat !important; background-repeat: repeat !important;
background-image: url('data:image/svg+xml,<svg width="2" height="2" version="1.1" viewBox="0 0 .52917 .52917" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><g><g><rect x=".26458" y="0.0000" width=".26458" height=".26458" fill="${colors.ThreeDShadow}"/><rect x="0.0000" y=".26458" width=".26458" height=".26458" fill="${colors.ThreeDShadow}"/><rect x="0.0000" y="0.0000" width=".26458" height=".26458" fill="${colors.ThreeDHighlight}"/><rect x=".26458" y=".26458" width=".26458" height=".26458" fill="${colors.ThreeDHighlight}"/></g></g></svg>') !important; background-image: url('data:image/svg+xml,<svg width="2" height="2" version="1.1" viewBox="0 0 .52917 .52917" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><g><g><rect x=".26458" y="0.0000" width=".26458" height=".26458" fill="${colors.ThreeDFace}"/><rect x="0.0000" y=".26458" width=".26458" height=".26458" fill="${colors.ThreeDFace}"/><rect x="0.0000" y="0.0000" width=".26458" height=".26458" fill="${colors.ThreeDHighlight}"/><rect x=".26458" y=".26458" width=".26458" height=".26458" fill="${colors.ThreeDHighlight}"/></g></g></svg>') !important;
} }
scrollcorner scrollcorner