Siklos/edge-frfox
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix various color and theming issues

Browse source
This commit is contained in:
bmFtZQ 2023-11-23 12:18:54 +08:00
parent 30a20c3edb
commit e273ecaa61
7 changed files with 98 additions and 138 deletions
Download patch file Download diff file Expand all files Collapse all files

4
chrome/toolbar/findbar.css
View file

@ -32,11 +32,11 @@
.close-icon:not([disabled]):hover,
.findbar-find-previous:not([disabled]):hover,
.findbar-find-next:not([disabled]):hover {
background: var(--toolbarbutton-hover-background, rgba(190,190,190,.2)) !important;
background: var(--toolbarbutton-hover-background, rgb(190 190 190 / .2)) !important;
}
.close-icon:not([disabled]):hover:active,
.findbar-find-previous:not([disabled]):hover:active,
.findbar-find-next:not([disabled]):hover:active {
background: var(--toolbarbutton-active-background, rgba(190,190,190,.4)) !important;
background: var(--toolbarbutton-active-background, rgb(190 190 190 / .4)) !important;
}

56
chrome/toolbar/tabbar.css
View file

@ -57,33 +57,33 @@
border: 0 !important;
position: relative !important;
--uc-tab-corner-bg: transparent;
}
/* rounded bottom corners */
.tab-background::before,
.tab-background::after {
content: "" !important;
display: block !important;
position: absolute !important;
width: 8px !important;
height: 8px !important;
bottom: 0 !important;
pointer-events: none !important;
clip-path: inset(0);
}
/* Rounded bottom corners */
&::before,
&::after {
content: "" !important;
display: block !important;
position: absolute !important;
width: 8px !important;
height: 8px !important;
bottom: 0 !important;
pointer-events: none !important;
clip-path: inset(0);
}
.tab-background::before {
border-bottom-right-radius: var(--tab-border-radius) !important;
left: 0 !important;
transform: translateX(-8px) !important;
box-shadow: 4px 4px 0 4px var(--uc-tab-corner-bg) !important;
}
&::before {
border-bottom-right-radius: var(--tab-border-radius) !important;
left: 0 !important;
transform: translateX(-8px) !important;
box-shadow: 4px 4px 0 4px var(--uc-tab-corner-bg) !important;
}
.tab-background::after {
border-bottom-left-radius: var(--tab-border-radius) !important;
right: 0 !important;
transform: translateX(8px) !important;
box-shadow: -4px 4px 0 4px var(--uc-tab-corner-bg) !important;
&::after {
border-bottom-left-radius: var(--tab-border-radius) !important;
right: 0 !important;
transform: translateX(8px) !important;
box-shadow: -4px 4px 0 4px var(--uc-tab-corner-bg) !important;
}
}
.tab-background:is([selected], [multiselected]) {
@ -379,17 +379,17 @@ toolbarbutton[part="scrollbutton-down"] {
}
:root {
--uc-titlebar-shadow: 0 -3px 2px -3px rgba(0, 0, 0, 0.2) inset;
--uc-titlebar-shadow: 0 -3px 2px -3px rgb(0 0 0 / .2) inset;
--uc-tab-shadow:
0 0 0 1px var(--lwt-tab-line-color, var(--lwt-tabs-border-color, transparent)),
0px 2px 4px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.1);
0px 2px 4px rgb(0 0 0 / .2), 0 4px 8px rgb(0 0 0 / .1);
}
:root[lwtheme-brighttext="true"] {
--uc-titlebar-shadow: 0 -3px 2px -3px rgba(0, 0, 0, 0.75) inset inset;
--uc-titlebar-shadow: 0 -3px 2px -3px rgb(0 0 0 / .75) inset inset;
--uc-tab-shadow:
0 0 0 1px var(--lwt-tab-line-color, var(--lwt-tabs-border-color, transparent)),
0 2px 4px rgba(0, 0, 0, 0.45), 0 0px 2px rgba(0, 0, 0, 0.2);
0 2px 4px rgb(0 0 0 / .45), 0 0px 2px rgb(0 0 0 / .2);
}
#tabbrowser-tabs .tab-background:is([selected], [multiselected]),