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

cleanup files

Browse source
This commit is contained in:
bmFtZQ 2021-12-04 20:00:08 +08:00
parent 3c71a8fd34
commit 837a6e6539
11 changed files with 435 additions and 418 deletions
Download patch file Download diff file Expand all files Collapse all files

11
chrome/content/common.css
View file

@ -12,7 +12,7 @@
--in-content-icon-color: #666 !important; --in-content-icon-color: #666 !important;
--in-content-accent-color: #006CBE !important; --in-content-accent-color: #006CBE !important;
--in-content-accent-color-active: #1683D8 !important; --in-content-accent-color-active: #1683D8 !important;
--in-content-border-hover: rgba(0,0,0,0.5) !important; --in-content-border-hover: rgba(0, 0, 0, 0.5) !important;
--in-content-border-invalid: var(--red-50) !important; --in-content-border-invalid: var(--red-50) !important;
--in-content-border-color: #bebebe !important; --in-content-border-color: #bebebe !important;
--in-content-error-text-color: #FF848A !important; --in-content-error-text-color: #FF848A !important;
@ -38,7 +38,7 @@
--in-content-text-color: var(--in-content-page-color) !important; --in-content-text-color: var(--in-content-page-color) !important;
scrollbar-color: rgba(37, 37, 37, 0.4) #f7f7f7 !important; scrollbar-color: rgba(37, 37, 37, 0.4) #f7f7f7 !important;
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
--in-content-page-background: #252525 !important; --in-content-page-background: #252525 !important;
@ -49,7 +49,7 @@
--in-content-box-info-background: rgba(255, 255, 255, 0.15) !important; --in-content-box-info-background: rgba(255, 255, 255, 0.15) !important;
--in-content-border-color: rgba(255, 255, 255, 0.2) !important; --in-content-border-color: rgba(255, 255, 255, 0.2) !important;
--in-content-border-hover: rgba(255, 255, 255, 0.3) !important; --in-content-border-hover: rgba(255, 255, 255, 0.3) !important;
--in-content-border-invalid: rgb(255,132,139) !important; --in-content-border-invalid: rgb(255, 132, 139) !important;
--in-content-error-text-color: #FF9AA2 !important; --in-content-error-text-color: #FF9AA2 !important;
--in-content-button-background: #3B3B3B !important; --in-content-button-background: #3B3B3B !important;
--in-content-button-background-hover: #545454 !important; --in-content-button-background-hover: #545454 !important;
@ -72,13 +72,14 @@
--in-content-link-color-visited: var(--in-content-link-color) !important; --in-content-link-color-visited: var(--in-content-link-color) !important;
--card-outline-color: #555 !important; --card-outline-color: #555 !important;
--dialog-warning-text-color: var(--red-40) !important; --dialog-warning-text-color: var(--red-40) !important;
scrollbar-color: rgba(255,255,255,.4) #252525 !important; scrollbar-color: rgba(255, 255, 255, .4) #252525 !important;
} }
} }
} }
/* preferences */ /* preferences */
@-moz-document url-prefix(about:preferences), url-prefix(about:addons) { @-moz-document url-prefix(about:preferences),
url-prefix(about:addons) {
.category[selected] { .category[selected] {
position: relative !important; position: relative !important;
border-radius: 4px !important; border-radius: 4px !important;

12
chrome/content/newtab.css
View file

@ -1,7 +1,8 @@
/* EdgeFr-Fox by bmFtZQ - content/newtab.css */ /* EdgeFr-Fox by bmFtZQ - content/newtab.css */
/* colours */ /* colours */
@-moz-document url-prefix("about:newtab"), url-prefix("about:home") { @-moz-document url-prefix("about:newtab"),
url-prefix("about:home") {
body:not([lwt-newtab], [lwt-newtab-brighttext]) { body:not([lwt-newtab], [lwt-newtab-brighttext]) {
--newtab-background-color: #F7F7F7 !important; --newtab-background-color: #F7F7F7 !important;
--newtab-background-color-secondary: #fff !important; --newtab-background-color-secondary: #fff !important;
@ -48,12 +49,14 @@
} }
} }
@-moz-document url-prefix("about:newtab"), url-prefix("about:home") { @-moz-document url-prefix("about:newtab"),
url-prefix("about:home") {
/* hide pin */ /* hide pin */
.icon.icon-pin-small { .icon.icon-pin-small {
display: none !important; display: none !important;
} }
/* unpinned sites have lower opacity title */ /* unpinned sites have lower opacity title */
.top-site-button .title:not(.pinned) { .top-site-button .title:not(.pinned) {
opacity: 0.6 !important; opacity: 0.6 !important;
@ -63,6 +66,7 @@
.search-wrapper .search-inner-wrapper { .search-wrapper .search-inner-wrapper {
min-height: 44px !important; min-height: 44px !important;
} }
.search-handoff-button { .search-handoff-button {
border-radius: 99px !important; border-radius: 99px !important;
background-position: 12px !important; background-position: 12px !important;
@ -72,7 +76,7 @@
--elevation: 4; --elevation: 4;
box-shadow: 0 0 calc((var(--elevation) * 0.225px) + 2px) rgba(0, 0, 0, 0.11), 0 calc(var(--elevation) * 0.4px) calc((var(--elevation) * 0.9px)) rgba(0, 0, 0, 0.13) !important; box-shadow: 0 0 calc((var(--elevation) * 0.225px) + 2px) rgba(0, 0, 0, 0.11), 0 calc(var(--elevation) * 0.4px) calc((var(--elevation) * 0.9px)) rgba(0, 0, 0, 0.13) !important;
} }
.search-handoff-button:hover { .search-handoff-button:hover {
--elevation: 6; --elevation: 6;
} }

209
chrome/global/colors.css
View file

@ -2,133 +2,134 @@
/* light */ /* light */
:root:not(:-moz-lwtheme) { :root:not(:-moz-lwtheme) {
--lwt-accent-color: #cecece !important; --lwt-accent-color: #cecece !important;
--lwt-accent-color-inactive: #e8e8e8 !important; --lwt-accent-color-inactive: #e8e8e8 !important;
--lwt-text-color: #000 !important; --lwt-text-color: #000 !important;
--toolbar-bgcolor: #f7f7f7 !important; --toolbar-bgcolor: #f7f7f7 !important;
--toolbar-color: #000 !important; --toolbar-color: #000 !important;
--toolbarbutton-icon-fill: #000 !important; --toolbarbutton-icon-fill: #000 !important;
--chrome-content-separator-color: #bfbfbf !important; --chrome-content-separator-color: #bfbfbf !important;
--lwt-toolbarbutton-icon-fill-attention: #0078D4 !important; --lwt-toolbarbutton-icon-fill-attention: #0078D4 !important;
--toolbarbutton-icon-fill-attention: #0078D4 !important; --toolbarbutton-icon-fill-attention: #0078D4 !important;
--lwt-tab-text: var(--toolbar-color) !important; --lwt-tab-text: var(--toolbar-color) !important;
--lwt-selected-tab-background-color: var(--toolbar-bgcolor) !important; --lwt-selected-tab-background-color: var(--toolbar-bgcolor) !important;
--tab-selected-bgcolor: var(--toolbar-bgcolor) !important; --tab-selected-bgcolor: var(--toolbar-bgcolor) !important;
--toolbar-field-background-color: #fff !important; --toolbar-field-background-color: #fff !important;
--toolbar-field-color: #000 !important; --toolbar-field-color: #000 !important;
--toolbar-field-border-color: #0000 !important; --toolbar-field-border-color: #0000 !important;
--toolbar-field-focus-background-color: var(--toolbar-field-background-color) !important; --toolbar-field-focus-background-color: var(--toolbar-field-background-color) !important;
--toolbar-field-focus-color: var(--toolbar-field-color) !important; --toolbar-field-focus-color: var(--toolbar-field-color) !important;
--toolbar-field-focus-border-color: #0055D7 !important; --toolbar-field-focus-border-color: #0055D7 !important;
--urlbar-icon-fill-opacity: 1 !important; --urlbar-icon-fill-opacity: 1 !important;
--urlbar-popup-url-color: #0072C9 !important; --urlbar-popup-url-color: #0072C9 !important;
--lwt-brighttext-url-color: var(--urlbar-popup-url-color) !important; --lwt-brighttext-url-color: var(--urlbar-popup-url-color) !important;
--urlbar-box-bgcolor: #f7f7f7 !important; --urlbar-box-bgcolor: #f7f7f7 !important;
--autocomplete-popup-background: #fff !important; --autocomplete-popup-background: #fff !important;
--autocomplete-popup-color: #fff !important; --autocomplete-popup-color: #fff !important;
--autocomplete-popup-highlight-background: #f2f2f2 !important; --autocomplete-popup-highlight-background: #f2f2f2 !important;
--autocomplete-popup-hover-background: #e5e5e5 !important; --autocomplete-popup-hover-background: #e5e5e5 !important;
--autocomplete-popup-separator-color: #dadada00 !important; --autocomplete-popup-separator-color: #dadada00 !important;
--toolbarbutton-hover-background: #e0e0e0 !important; --toolbarbutton-hover-background: #e0e0e0 !important;
--toolbarbutton-active-background: #d5d5d5 !important; --toolbarbutton-active-background: #d5d5d5 !important;
--button-bgcolor: #EDEDED !important; --button-bgcolor: #EDEDED !important;
--button-hover-bgcolor: #e5e5e5 !important; --button-hover-bgcolor: #e5e5e5 !important;
--button-active-bgcolor: #d5d5d5 !important; --button-active-bgcolor: #d5d5d5 !important;
--button-primary-bgcolor: #0078D4 !important; --button-primary-bgcolor: #0078D4 !important;
--button-primary-hover-bgcolor: #006CBE !important; --button-primary-hover-bgcolor: #006CBE !important;
--button-primary-active-bgcolor: #1683D8 !important; --button-primary-active-bgcolor: #1683D8 !important;
--button-primary-color: #fff !important; --button-primary-color: #fff !important;
--error-text-color: #FF9AA2 !important; --error-text-color: #FF9AA2 !important;
--input-bgcolor: #fff !important; --input-bgcolor: #fff !important;
--input-color: #2b2b2b !important; --input-color: #2b2b2b !important;
--input-border-color: #bebebe !important; --input-border-color: #bebebe !important;
--input-error-border-color: #FF848A !important; --input-error-border-color: #FF848A !important;
--zoom-controls-bgcolor: #4A4A4A !important; --zoom-controls-bgcolor: #4A4A4A !important;
--arrowpanel-background: #fff !important; --arrowpanel-background: #fff !important;
--arrowpanel-color: #000 !important; --arrowpanel-color: #000 !important;
--panel-description-color: #0009 !important; --panel-description-color: #0009 !important;
--panel-disabled-color: #000 !important; --panel-disabled-color: #000 !important;
--arrowpanel-dimmed: #565656 !important; --arrowpanel-dimmed: #565656 !important;
--arrowpanel-dimmed-further: #707070 !important; --arrowpanel-dimmed-further: #707070 !important;
--panel-item-hover-bgcolor: #eee !important; --panel-item-hover-bgcolor: #eee !important;
--panel-item-active-bgcolor: #ddd !important; --panel-item-active-bgcolor: #ddd !important;
--arrowpanel-border-color: #dadada !important; --arrowpanel-border-color: #dadada !important;
--panel-separator-color: #dadada !important; --panel-separator-color: #dadada !important;
--panel-banner-item-update-supported-bgcolor: #50B080 !important; --panel-banner-item-update-supported-bgcolor: #50B080 !important;
--focus-outline-color: #0055D7 !important; --focus-outline-color: #0055D7 !important;
--panel-shortcut-color: inherit !important; --panel-shortcut-color: inherit !important;
--uc-urlbar-shadow: 0 0 4px #0002; --uc-urlbar-shadow: 0 0 4px #0002;
} }
/* dark */ /* dark */
:root[lwt-default-theme-in-dark-mode="true"] { :root[lwt-default-theme-in-dark-mode="true"] {
--lwt-accent-color: #1C1C1C !important; --lwt-accent-color: #1C1C1C !important;
--lwt-accent-color-inactive: #2e2e2e !important; --lwt-accent-color-inactive: #2e2e2e !important;
--lwt-text-color: #E5E5E5 !important; --lwt-text-color: #E5E5E5 !important;
--toolbar-bgcolor: #3B3B3B !important; --toolbar-bgcolor: #3B3B3B !important;
--toolbar-color: #fff !important; --toolbar-color: #fff !important;
--toolbarbutton-icon-fill: #fff !important; --toolbarbutton-icon-fill: #fff !important;
--chrome-content-separator-color: #686868 !important; --chrome-content-separator-color: #686868 !important;
--lwt-toolbarbutton-icon-fill-attention: #4C98D1 !important; --lwt-toolbarbutton-icon-fill-attention: #4C98D1 !important;
--toolbarbutton-icon-fill-attention: #4C98D1 !important; --toolbarbutton-icon-fill-attention: #4C98D1 !important;
--lwt-tab-text: var(--toolbar-color) !important; --lwt-tab-text: var(--toolbar-color) !important;
--lwt-selected-tab-background-color: var(--toolbar-bgcolor) !important; --lwt-selected-tab-background-color: var(--toolbar-bgcolor) !important;
--tab-selected-bgcolor: var(--toolbar-bgcolor) !important; --tab-selected-bgcolor: var(--toolbar-bgcolor) !important;
--toolbar-field-background-color: #2B2B2B !important; --toolbar-field-background-color: #2B2B2B !important;
--toolbar-field-color: #fff !important; --toolbar-field-color: #fff !important;
--toolbar-field-border-color: #0000 !important; --toolbar-field-border-color: #0000 !important;
--toolbar-field-focus-background-color: var(--toolbar-field-background-color) !important; --toolbar-field-focus-background-color: var(--toolbar-field-background-color) !important;
--toolbar-field-focus-color: var(--toolbar-field-color) !important; --toolbar-field-focus-color: var(--toolbar-field-color) !important;
--toolbar-field-focus-border-color: #63ADE5 !important; --toolbar-field-focus-border-color: #63ADE5 !important;
--urlbar-icon-fill-opacity: 1 !important; --urlbar-icon-fill-opacity: 1 !important;
--urlbar-popup-url-color: #75B6E8 !important; --urlbar-popup-url-color: #75B6E8 !important;
--lwt-brighttext-url-color: var(--urlbar-popup-url-color) !important; --lwt-brighttext-url-color: var(--urlbar-popup-url-color) !important;
--urlbar-box-bgcolor: #3B3B3B !important; --urlbar-box-bgcolor: #3B3B3B !important;
--autocomplete-popup-background: #4A4A4A !important; --autocomplete-popup-background: #4A4A4A !important;
--autocomplete-popup-color: #fff !important; --autocomplete-popup-color: #fff !important;
--autocomplete-popup-highlight-background: #383838 !important; --autocomplete-popup-highlight-background: #383838 !important;
--autocomplete-popup-hover-background: #444444 !important; --autocomplete-popup-hover-background: #444444 !important;
--autocomplete-popup-separator-color: #63636300 !important; --autocomplete-popup-separator-color: #63636300 !important;
--button-bgcolor: #3B3B3B !important; --button-bgcolor: #3B3B3B !important;
--button-hover-bgcolor: #545454 !important; --button-hover-bgcolor: #545454 !important;
--button-active-bgcolor: #606060 !important; --button-active-bgcolor: #606060 !important;
--button-primary-bgcolor: #006CBE !important; --button-primary-bgcolor: #006CBE !important;
--button-primary-hover-bgcolor: #0078D4 !important; --button-primary-hover-bgcolor: #0078D4 !important;
--button-primary-active-bgcolor: #005CA3 !important; --button-primary-active-bgcolor: #005CA3 !important;
--button-primary-color: #fff !important; --button-primary-color: #fff !important;
--error-text-color: #FF9AA2 !important; --error-text-color: #FF9AA2 !important;
--input-bgcolor: #4A4A4A !important; --input-bgcolor: #4A4A4A !important;
--input-color: #fff !important; --input-color: #fff !important;
--input-border-color: #8A8A8A !important; --input-border-color: #8A8A8A !important;
--input-error-border-color: #FF848A !important; --input-error-border-color: #FF848A !important;
--zoom-controls-bgcolor: #4A4A4A !important; --zoom-controls-bgcolor: #4A4A4A !important;
--arrowpanel-background: #4A4A4A !important; --arrowpanel-background: #4A4A4A !important;
--arrowpanel-color: #fff !important; --arrowpanel-color: #fff !important;
--panel-description-color: #fffb !important; --panel-description-color: #fffb !important;
--panel-disabled-color: #ABABAA !important; --panel-disabled-color: #ABABAA !important;
--arrowpanel-dimmed: #565656 !important; --arrowpanel-dimmed: #565656 !important;
--arrowpanel-dimmed-further: #707070 !important; --arrowpanel-dimmed-further: #707070 !important;
--panel-item-hover-bgcolor: #646464 !important; --panel-item-hover-bgcolor: #646464 !important;
--panel-item-active-bgcolor: #747474 !important; --panel-item-active-bgcolor: #747474 !important;
--arrowpanel-border-color: #636363 !important; --arrowpanel-border-color: #636363 !important;
--panel-separator-color: #636363 !important; --panel-separator-color: #636363 !important;
--panel-banner-item-update-supported-bgcolor: #50B080 !important; --panel-banner-item-update-supported-bgcolor: #50B080 !important;
--focus-outline-color: #63ADE5 !important; --focus-outline-color: #63ADE5 !important;
--panel-shortcut-color: inherit !important; --panel-shortcut-color: inherit !important;
} }
/* Change Colour of page when loading */ /* Change Colour of page when loading */
:root:not(:-moz-lwtheme) #tabbrowser-tabpanels { :root:not(:-moz-lwtheme) #tabbrowser-tabpanels {
background-color: var(--toolbar-bgcolor) !important; background-color: var(--toolbar-bgcolor) !important;
} }
:root[lwt-default-theme-in-dark-mode="true"] #tabbrowser-tabpanels { :root[lwt-default-theme-in-dark-mode="true"] #tabbrowser-tabpanels {
background-color: var(--lwt-accent-color) !important; background-color: var(--lwt-accent-color) !important;
} }
/* needed for theming the private browsing indicator */ /* needed for theming the private browsing indicator */
:root:not([style*="--button-primary-bgcolor"]) { :root:not([style*="--button-primary-bgcolor"]) {
--button-primary-bgcolor: unset !important; --button-primary-bgcolor: unset !important;
--button-primary-hover-bgcolor: unset !important; --button-primary-hover-bgcolor: unset !important;
--button-primary-active-bgcolor: unset !important; --button-primary-active-bgcolor: unset !important;
--button-primary-color: unset !important; --button-primary-color: unset !important;
} }

152
chrome/global/popup.css
View file

@ -10,152 +10,155 @@
--uc-arrowpanel-menuicon-margin-inline: 14px; --uc-arrowpanel-menuicon-margin-inline: 14px;
--panel-separator-margin-vertical: 4px !important; --panel-separator-margin-vertical: 4px !important;
--panel-separator-margin-horizontal: 0 !important; --panel-separator-margin-horizontal: 0 !important;
--uc-panel-zoom-button-padding: 8px; --uc-panel-zoom-button-padding: 8px;
--uc-panel-zoom-button-inline-padding: 13px; --uc-panel-zoom-button-inline-padding: 13px;
} }
/* app menu */ /* app menu */
.addon-banner-item, .panel-banner-item { .addon-banner-item,
margin: 0 4px 4px !important; .panel-banner-item {
margin: 0 4px 4px !important;
padding-inline: 4px 12px !important; padding-inline: 4px 12px !important;
border-radius: 2px !important; border-radius: 2px !important;
} }
#appMenu-fxa-label2 > vbox > label { #appMenu-fxa-label2>vbox>label {
margin-block: 0 !important; margin-block: 0 !important;
} }
.widget-overflow-list .toolbarbutton-1:not(.toolbarbutton-combined) > .toolbarbutton-text, .widget-overflow-list .toolbarbutton-1:not(.toolbarbutton-combined)>.toolbarbutton-text,
.subviewbutton:not(#appMenu-zoom-controls2 > .subviewbutton) > .toolbarbutton-icon + .toolbarbutton-text, .subviewbutton:not(#appMenu-zoom-controls2 > .subviewbutton)>.toolbarbutton-icon+.toolbarbutton-text,
#appMenu-fxa-label2 > vbox { #appMenu-fxa-label2>vbox {
padding-inline-start: var(--uc-arrowpanel-menuicon-margin-inline) !important; padding-inline-start: var(--uc-arrowpanel-menuicon-margin-inline) !important;
} }
/* special case menuitems with no icons */ /* special case menuitems with no icons */
#appMenu-zoom-controls2 > .toolbarbutton-text, #appMenu-zoom-controls2>.toolbarbutton-text,
#fxa-manage-account-button > vbox, #fxa-manage-account-button>vbox,
#PanelUI-fxa-menu-syncnow-button > hbox { #PanelUI-fxa-menu-syncnow-button>hbox {
padding-inline-start: calc(16px + var(--uc-arrowpanel-menuicon-margin-inline)) !important; padding-inline-start: calc(16px + var(--uc-arrowpanel-menuicon-margin-inline)) !important;
} }
.subviewbutton > .toolbarbutton-icon { .subviewbutton>.toolbarbutton-icon {
width: 16px !important; width: 16px !important;
} }
/* firefox profile avatar in appmenu */ /* firefox profile avatar in appmenu */
#appMenu-fxa-label2::before { #appMenu-fxa-label2::before {
content: ""; content: "";
display: -moz-box; display: -moz-box;
height: 16px; height: 16px;
width: 16px; width: 16px;
background: var(--avatar-image-url) 0/16px; background: var(--avatar-image-url) 0/16px;
scale: 1.25; scale: 1.25;
border-radius: 99px; border-radius: 99px;
} }
/* disable proton account separator */ /* disable proton account separator */
#appMenu-fxa-separator { #appMenu-fxa-separator {
border-image: none !important; border-image: none !important;
} }
/* zoom controls */ /* zoom controls */
#appMenu-zoom-controls2 { #appMenu-zoom-controls2 {
border-top: 1px solid var(--panel-separator-color) !important; border-top: 1px solid var(--panel-separator-color) !important;
padding: 0 0 0 var(--arrowpanel-menuitem-padding-inline) !important; padding: 0 0 0 var(--arrowpanel-menuitem-padding-inline) !important;
margin: var(--panel-separator-margin-vertical) 0 calc(var(--panel-separator-margin-vertical) * -1) !important; margin: var(--panel-separator-margin-vertical) 0 calc(var(--panel-separator-margin-vertical) * -1) !important;
} }
#appMenu-zoom-controls2 > .subviewbutton { #appMenu-zoom-controls2>.subviewbutton {
padding: var(--uc-panel-zoom-button-padding) var(--uc-panel-zoom-button-inline-padding) !important; padding: var(--uc-panel-zoom-button-padding) var(--uc-panel-zoom-button-inline-padding) !important;
margin: 0 !important; margin: 0 !important;
} }
#appMenu-zoom-controls2 > #appMenu-zoomReset-button2 { #appMenu-zoom-controls2>#appMenu-zoomReset-button2 {
padding: var(--uc-panel-zoom-button-padding) calc(var(--uc-panel-zoom-button-padding) / 2) !important; padding: var(--uc-panel-zoom-button-padding) calc(var(--uc-panel-zoom-button-padding) / 2) !important;
} }
#appMenu-zoomReduce-button2, #appMenu-zoomReduce-button2,
#appMenu-fullscreen-button2 { #appMenu-fullscreen-button2 {
border-inline-start: 1px solid var(--panel-separator-color) !important; border-inline-start: 1px solid var(--panel-separator-color) !important;
} }
#appMenu-zoomReset-button2 { #appMenu-zoomReset-button2 {
height: calc(16px + var(--uc-panel-zoom-button-padding) * 2) !important; height: calc(16px + var(--uc-panel-zoom-button-padding) * 2) !important;
min-height: calc(16px + var(--uc-panel-zoom-button-padding) * 2) !important; min-height: calc(16px + var(--uc-panel-zoom-button-padding) * 2) !important;
} }
#appMenu-zoomReset-button2:not([disabled], [open], :active):is(:hover) { #appMenu-zoomReset-button2:not([disabled], [open], :active):is(:hover) {
background-color: var(--panel-item-hover-bgcolor) !important; background-color: var(--panel-item-hover-bgcolor) !important;
} }
#appMenu-zoomReset-button2:not([disabled]):is([open], :hover:active) { #appMenu-zoomReset-button2:not([disabled]):is([open], :hover:active) {
background-color: var(--panel-item-active-bgcolor) !important; background-color: var(--panel-item-active-bgcolor) !important;
} }
#appMenu-zoomReduce-button2:not([disabled], [open], :active):is(:hover), #appMenu-zoomReduce-button2:not([disabled], [open], :active):is(:hover),
#appMenu-zoomEnlarge-button2:not([disabled], [open], :active):is(:hover), #appMenu-zoomEnlarge-button2:not([disabled], [open], :active):is(:hover),
#appMenu-fullscreen-button2:not([disabled], [open], :active):is(:hover) { #appMenu-fullscreen-button2:not([disabled], [open], :active):is(:hover) {
background-color: var(--panel-item-hover-bgcolor) !important; background-color: var(--panel-item-hover-bgcolor) !important;
} }
#appMenu-zoomReduce-button2:not([disabled]):is([open], :hover:active), #appMenu-zoomReduce-button2:not([disabled]):is([open], :hover:active),
#appMenu-zoomEnlarge-button2:not([disabled]):is([open], :hover:active), #appMenu-zoomEnlarge-button2:not([disabled]):is([open], :hover:active),
#appMenu-fullscreen-button2:not([disabled]):is([open], :hover:active) { #appMenu-fullscreen-button2:not([disabled]):is([open], :hover:active) {
background-color: var(--panel-item-active-bgcolor) !important; background-color: var(--panel-item-active-bgcolor) !important;
} }
#appMenu-zoomReduce-button2 > .toolbarbutton-icon, #appMenu-zoomEnlarge-button2 > .toolbarbutton-icon { #appMenu-zoomReduce-button2>.toolbarbutton-icon,
fill: currentColor !important; #appMenu-zoomEnlarge-button2>.toolbarbutton-icon {
stroke: none !important; fill: currentColor !important;
stroke: none !important;
} }
#appMenu-fullscreen-button2 > .toolbarbutton-icon { #appMenu-fullscreen-button2>.toolbarbutton-icon {
background-color: transparent !important; background-color: transparent !important;
} }
/* URL bar popup */ /* URL bar popup */
.panel-footer > button { .panel-footer>button {
border-radius: 2px !important; border-radius: 2px !important;
} }
#identity-popup-security-button { #identity-popup-security-button {
padding-inline: calc(var(--arrowpanel-menuitem-padding-inline) - 4px) !important; padding-inline: calc(var(--arrowpanel-menuitem-padding-inline) - 4px) !important;
} }
.identity-popup-security-connection > hbox { .identity-popup-security-connection>hbox {
margin-inline-start: calc(20px + var(--uc-arrowpanel-menuicon-margin-inline)) !important; margin-inline-start: calc(20px + var(--uc-arrowpanel-menuicon-margin-inline)) !important;
} }
.identity-popup-security-connection > hbox > description { .identity-popup-security-connection>hbox>description {
margin-inline-start: 0 !important; margin-inline-start: 0 !important;
} }
.identity-popup-security-connection.identity-button { .identity-popup-security-connection.identity-button {
margin-inline-end: calc(-1 * (var(--arrowpanel-menuitem-padding-inline) - 10px)) !important; margin-inline-end: calc(-1 * (var(--arrowpanel-menuitem-padding-inline) - 10px)) !important;
} }
/* subview */ /* subview */
.panel-header { .panel-header {
padding: 4px; padding: 4px;
padding-top: 4px !important; padding-top: 4px !important;
} }
.panel-header + toolbarseparator { .panel-header+toolbarseparator {
margin-block-start: 0 !important; margin-block-start: 0 !important;
} }
.subviewbutton-back { .subviewbutton-back {
margin: 0 !important; margin: 0 !important;
border-radius: 2px !important; border-radius: 2px !important;
} }
.panel-subview-footer-button { .panel-subview-footer-button {
margin-bottom: 4px !important; margin-bottom: 4px !important;
} }
.webextension-popup-browser, .webextension-popup-stack { .webextension-popup-browser,
margin-block-start: calc(var(--panel-separator-margin-vertical) * -.5) !important; .webextension-popup-stack {
margin-block-start: calc(var(--panel-separator-margin-vertical) * -.5) !important;
} }
/* downloads popup */ /* downloads popup */
@ -165,26 +168,27 @@
} }
.downloadButton { .downloadButton {
min-width: calc(16px + var(--uc-toolbarbutton-inner-inline-padding) * 2) !important; min-width: calc(16px + var(--uc-toolbarbutton-inner-inline-padding) * 2) !important;
height: calc(16px + var(--toolbarbutton-inner-padding) * 2) !important; height: calc(16px + var(--toolbarbutton-inner-padding) * 2) !important;
border-radius: var(--toolbarbutton-border-radius) !important; border-radius: var(--toolbarbutton-border-radius) !important;
} }
.downloadMainArea { .downloadMainArea {
padding-block: 4px !important; padding-block: 4px !important;
padding-inline: 12px !important; padding-inline: 12px !important;
border-radius: 0 !important; border-radius: 0 !important;
} }
#downloadsListBox > richlistitem { #downloadsListBox>richlistitem {
padding-inline-end: 8px !important; padding-inline-end: 8px !important;
border-radius: 0 !important; border-radius: 0 !important;
} }
#downloadsPanel-blockedSubview, #downloadsPanel-mainView { #downloadsPanel-blockedSubview,
padding: var(--panel-separator-margin-vertical) 0 0 !important; #downloadsPanel-mainView {
padding: var(--panel-separator-margin-vertical) 0 0 !important;
} }
#emptyDownloads { #emptyDownloads {
padding: 1.5em 16px 1.7em !important; padding: 1.5em 16px 1.7em !important;
} }

140
chrome/icons/icons.css
View file

@ -3,24 +3,24 @@
#appMenu-multiView .subviewbutton, #appMenu-multiView .subviewbutton,
#overflowMenu-customize-button { #overflowMenu-customize-button {
-moz-context-properties: fill, fill-opacity !important; -moz-context-properties: fill, fill-opacity !important;
fill: currentColor !important; fill: currentColor !important;
} }
#back-button { #back-button {
list-style-image: url("back.svg") !important; list-style-image: url("back.svg") !important;
} }
#forward-button { #forward-button {
list-style-image: url("forward.svg") !important; list-style-image: url("forward.svg") !important;
} }
#reload-button { #reload-button {
list-style-image: url("reload.svg") !important; list-style-image: url("reload.svg") !important;
} }
#stop-button, #stop-button,
.close-icon { .close-icon {
list-style-image: url("close.svg") !important; list-style-image: url("close.svg") !important;
} }
.tab-close-button { .tab-close-button {
@ -28,18 +28,18 @@
} }
#sidebar-button { #sidebar-button {
list-style-image: url("sidebars-right.svg") !important; list-style-image: url("sidebars-right.svg") !important;
} }
#sidebar-button:-moz-locale-dir(ltr):not([positionend]), #sidebar-button:-moz-locale-dir(ltr):not([positionend]),
#sidebar-button:-moz-locale-dir(rtl)[positionend] { #sidebar-button:-moz-locale-dir(rtl)[positionend] {
list-style-image: url("sidebars.svg") !important; list-style-image: url("sidebars.svg") !important;
} }
#downloads-button, #downloads-button,
#downloads-indicator-anchor, #downloads-indicator-anchor,
#appMenu-downloads-button { #appMenu-downloads-button {
list-style-image: url("downloads.svg") !important; list-style-image: url("downloads.svg") !important;
} }
#appMenu-passwords-button { #appMenu-passwords-button {
@ -47,148 +47,148 @@
} }
#nav-bar-overflow-button { #nav-bar-overflow-button {
list-style-image: url("chevron.svg") !important; list-style-image: url("chevron.svg") !important;
} }
#PanelUI-menu-button, #PanelUI-menu-button,
#appMenu-more-button2 { #appMenu-more-button2 {
list-style-image: url("menu.svg") !important; list-style-image: url("menu.svg") !important;
} }
#appMenu-help-button2 { #appMenu-help-button2 {
list-style-image: url("help.svg") !important; list-style-image: url("help.svg") !important;
} }
#new-tab-button { #new-tab-button {
list-style-image: url("new-tab.svg") !important; list-style-image: url("new-tab.svg") !important;
} }
#sync-button, #sync-button,
.urlbarView-row[source="tabs"] > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-favicon, .urlbarView-row[source="tabs"]>.urlbarView-row-inner>.urlbarView-no-wrap>.urlbarView-favicon,
#urlbar-engine-one-off-item-tabs { #urlbar-engine-one-off-item-tabs {
list-style-image: url("tab.svg") !important; list-style-image: url("tab.svg") !important;
} }
#history-panelmenu, #history-panelmenu,
.urlbarView-row[source="history"] > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-favicon, .urlbarView-row[source="history"]>.urlbarView-row-inner>.urlbarView-no-wrap>.urlbarView-favicon,
#urlbar-engine-one-off-item-history, #urlbar-engine-one-off-item-history,
#appMenu-history-button { #appMenu-history-button {
list-style-image: url("history.svg") !important; list-style-image: url("history.svg") !important;
} }
#save-page-button, #save-page-button,
#appMenu-save-file-button2 { #appMenu-save-file-button2 {
list-style-image: url("save.svg") !important; list-style-image: url("save.svg") !important;
} }
#print-button, #print-button,
#appMenu-print-button2 { #appMenu-print-button2 {
list-style-image: url("print.svg") !important; list-style-image: url("print.svg") !important;
} }
#find-button, #find-button,
.searchbar-search-icon, .searchbar-search-icon,
#appMenu-find-button2 { #appMenu-find-button2 {
list-style-image: url("search-glass.svg") !important; list-style-image: url("search-glass.svg") !important;
} }
#open-file-button { #open-file-button {
list-style-image: url("open.svg") !important; list-style-image: url("open.svg") !important;
} }
#add-ons-button, #add-ons-button,
#appMenu-extensions-themes-button { #appMenu-extensions-themes-button {
list-style-image: url("extension.svg") !important; list-style-image: url("extension.svg") !important;
} }
#zoom-out-button, #zoom-out-button,
#appMenu-zoomReduce-button2 { #appMenu-zoomReduce-button2 {
list-style-image: url("zoom-out.svg") !important; list-style-image: url("zoom-out.svg") !important;
} }
#zoom-in-button, #zoom-in-button,
#tabs-newtab-button, #tabs-newtab-button,
#TabsToolbar #new-tab-button, #TabsToolbar #new-tab-button,
#appMenu-zoomEnlarge-button2 { #appMenu-zoomEnlarge-button2 {
list-style-image: url("plus.svg") !important; list-style-image: url("plus.svg") !important;
} }
#cut-button { #cut-button {
list-style-image: url("edit-cut.svg") !important; list-style-image: url("edit-cut.svg") !important;
} }
#copy-button { #copy-button {
list-style-image: url("edit-copy.svg") !important; list-style-image: url("edit-copy.svg") !important;
} }
#paste-button { #paste-button {
list-style-image: url("edit-paste.svg") !important; list-style-image: url("edit-paste.svg") !important;
} }
#email-link-button { #email-link-button {
list-style-image: url("mail.svg") !important; list-style-image: url("mail.svg") !important;
} }
#screenshot-button { #screenshot-button {
list-style-image: url("screenshot.svg") !important; list-style-image: url("screenshot.svg") !important;
} }
#preferences-button, #preferences-button,
.search-setting-button > .button-box > .button-icon, .search-setting-button>.button-box>.button-icon,
#appMenu-settings-button { #appMenu-settings-button {
list-style-image: url("settings.svg") !important; list-style-image: url("settings.svg") !important;
} }
#panic-button { #panic-button {
list-style-image: url("forget.svg") !important; list-style-image: url("forget.svg") !important;
} }
#privatebrowsing-button, #privatebrowsing-button,
#appMenu-new-private-window-button2 { #appMenu-new-private-window-button2 {
list-style-image: url("privateBrowsing.svg") !important; list-style-image: url("privateBrowsing.svg") !important;
} }
#save-to-pocket-button { #save-to-pocket-button {
list-style-image: url("pocket-outline.svg") !important; list-style-image: url("pocket-outline.svg") !important;
} }
#profiler-button-button > .toolbarbutton-icon, #profiler-button-button>.toolbarbutton-icon,
.subviewbutton[label="Task Manager"] { .subviewbutton[label="Task Manager"] {
list-style-image: url("tool-profiler.svg") !important; list-style-image: url("tool-profiler.svg") !important;
} }
#developer-button { #developer-button {
list-style-image: url("developer.svg") !important; list-style-image: url("developer.svg") !important;
} }
#new-window-button, #new-window-button,
#appMenu-new-window-button2 { #appMenu-new-window-button2 {
list-style-image: url("window.svg") !important; list-style-image: url("window.svg") !important;
} }
#restore-button, #restore-button,
#fullscreen-button, #fullscreen-button,
#appMenu-fullscreen-button2{ #appMenu-fullscreen-button2 {
list-style-image: url("fullscreen.svg") !important; list-style-image: url("fullscreen.svg") !important;
} }
#restore-button[checked], #restore-button[checked],
#fullscreen-button[checked], #fullscreen-button[checked],
#appMenu-fullscreen-button2[checked] { #appMenu-fullscreen-button2[checked] {
list-style-image: url("fullscreen-exit.svg") !important; list-style-image: url("fullscreen-exit.svg") !important;
} }
#bookmarks-menu-button, #bookmarks-menu-button,
#appMenu-bookmarks-button { #appMenu-bookmarks-button {
list-style-image: url("bookmark-star-on-tray.svg") !important; list-style-image: url("bookmark-star-on-tray.svg") !important;
} }
#home-button { #home-button {
list-style-image: url("home.svg") !important; list-style-image: url("home.svg") !important;
} }
#library-button { #library-button {
list-style-image: url("library.svg") !important; list-style-image: url("library.svg") !important;
} }
/* identity icons */ /* identity icons */
@ -204,11 +204,11 @@
list-style-image: url("page-portrait.svg") !important; list-style-image: url("page-portrait.svg") !important;
} }
#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] #identity-icon { #urlbar:not(.searchButton)>#urlbar-input-container>#identity-box[pageproxystate="invalid"] #identity-icon {
list-style-image: url("search-glass.svg") !important; list-style-image: url("search-glass.svg") !important;
} }
#urlbar[actiontype="extension"] > #urlbar-input-container > #identity-box #identity-icon, #urlbar[actiontype="extension"]>#urlbar-input-container>#identity-box #identity-icon,
#identity-box[pageproxystate="valid"].extensionPage #identity-icon { #identity-box[pageproxystate="valid"].extensionPage #identity-icon {
list-style-image: url("extension.svg") !important; list-style-image: url("extension.svg") !important;
} }
@ -218,8 +218,8 @@
list-style-image: url("security.svg") !important; list-style-image: url("security.svg") !important;
} }
#urlbar-input-container[pageproxystate="valid"] > #tracking-protection-icon-container > #tracking-protection-icon-box > #tracking-protection-icon { #urlbar-input-container[pageproxystate="valid"]>#tracking-protection-icon-container>#tracking-protection-icon-box>#tracking-protection-icon {
list-style-image: url("tracking-protection.svg") !important; list-style-image: url("tracking-protection.svg") !important;
} }
/* security */ /* security */
@ -230,7 +230,7 @@
#identity-box[pageproxystate="valid"].notSecure #identity-icon, #identity-box[pageproxystate="valid"].notSecure #identity-icon,
#identity-box[pageproxystate="valid"].mixedActiveContent #identity-icon, #identity-box[pageproxystate="valid"].mixedActiveContent #identity-icon,
#identity-box[pageproxystate="valid"].httpsOnlyErrorPage #identity-icon { #identity-box[pageproxystate="valid"].httpsOnlyErrorPage #identity-icon {
list-style-image: url("security-broken.svg") !important; list-style-image: url("security-broken.svg") !important;
} }
#identity-popup[connection=chrome] .identity-popup-security-connection { #identity-popup[connection=chrome] .identity-popup-security-connection {
@ -238,7 +238,7 @@
} }
#identity-popup[connection="file"] .identity-popup-security-connection { #identity-popup[connection="file"] .identity-popup-security-connection {
background-image: url("page-portrait.svg") !important; background-image: url("page-portrait.svg") !important;
} }
#identity-popup[connection^=secure] .identity-popup-security-connection { #identity-popup[connection^=secure] .identity-popup-security-connection {
@ -261,44 +261,46 @@
} }
#appMenu-new-tab-button2 { #appMenu-new-tab-button2 {
list-style-image: url("new-tab-image.svg") !important; list-style-image: url("new-tab-image.svg") !important;
} }
.findbar-find-previous { .findbar-find-previous {
list-style-image: url("arrow-up.svg") !important; list-style-image: url("arrow-up.svg") !important;
} }
.findbar-find-next { .findbar-find-next {
list-style-image: url("arrow-down.svg") !important; list-style-image: url("arrow-down.svg") !important;
} }
#protections-popup-mainView .subviewbutton-nav:not(.notFound)::after, #protections-popup-mainView .subviewbutton-nav:not(.notFound)::after,
#identity-popup-mainView .subviewbutton-nav::after, #identity-popup-mainView .subviewbutton-nav::after,
.widget-overflow-list .subviewbutton-nav::after, .widget-overflow-list .subviewbutton-nav::after,
.PanelUI-subView .subviewbutton-nav::after { .PanelUI-subView .subviewbutton-nav::after {
content: url("arrow-right.svg") !important; content: url("arrow-right.svg") !important;
} }
#PlacesChevron, #PlacesChevron,
#urlbar-go-button{ #urlbar-go-button {
list-style-image: url("arrow-right.svg") !important; list-style-image: url("arrow-right.svg") !important;
} }
#overflowMenu-customize-button, #overflowMenu-customize-button,
#appmenu-moreTools-button { #appmenu-moreTools-button {
list-style-image: url("customize.svg") !important; list-style-image: url("customize.svg") !important;
} }
.bookmark-item[container] { .bookmark-item[container] {
list-style-image: url("folder.svg") !important; list-style-image: url("folder.svg") !important;
} }
#pageAction-panel-bookmark, #star-button { #pageAction-panel-bookmark,
list-style-image: url("bookmark-hollow.svg") !important; #star-button {
list-style-image: url("bookmark-hollow.svg") !important;
} }
#pageAction-panel-bookmark[starred], #star-button[starred] { #pageAction-panel-bookmark[starred],
list-style-image: url("bookmark.svg") !important; #star-button[starred] {
list-style-image: url("bookmark.svg") !important;
} }
/* tab icons */ /* tab icons */
@ -307,26 +309,26 @@
.tab-icon-image[src="chrome://mozapps/skin/extensions/extension.svg"], .tab-icon-image[src="chrome://mozapps/skin/extensions/extension.svg"],
.tab-icon-image[src="chrome://browser/skin/customize.svg"], .tab-icon-image[src="chrome://browser/skin/customize.svg"],
.tab-icon-image[src="chrome://browser/skin/privatebrowsing/favicon.svg"] { .tab-icon-image[src="chrome://browser/skin/privatebrowsing/favicon.svg"] {
padding-left: 16px !important; padding-left: 16px !important;
box-sizing: border-box !important; box-sizing: border-box !important;
} }
.tab-icon-image[src="chrome://branding/content/icon32.png"], .tab-icon-image[src="chrome://branding/content/icon32.png"],
.tab-icon-image[src="chrome://browser/skin/privatebrowsing/favicon.svg"] { .tab-icon-image[src="chrome://browser/skin/privatebrowsing/favicon.svg"] {
background: url("new-tab-image.svg") !important; background: url("new-tab-image.svg") !important;
} }
.tab-icon-image[src="chrome://global/skin/icons/settings.svg"] { .tab-icon-image[src="chrome://global/skin/icons/settings.svg"] {
background: url("settings.svg") !important; background: url("settings.svg") !important;
} }
.tab-icon-image[src="chrome://mozapps/skin/extensions/extension.svg"] { .tab-icon-image[src="chrome://mozapps/skin/extensions/extension.svg"] {
background: url("extension.svg") !important; background: url("extension.svg") !important;
} }
.tab-icon-image[src="chrome://browser/skin/customize.svg"] { .tab-icon-image[src="chrome://browser/skin/customize.svg"] {
background: url("customize.svg") !important; background: url("customize.svg") !important;
} }
/* permissions */ /* permissions */
@ -446,10 +448,10 @@
} }
/* reload/stop animation */ /* reload/stop animation */
#stop-reload-button[animate] > #reload-button[displaystop] + #stop-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image { #stop-reload-button[animate]>#reload-button[displaystop]+#stop-button>.toolbarbutton-animatable-box>.toolbarbutton-animatable-image {
background-image: url("reload-to-stop.svg") !important; background-image: url("reload-to-stop.svg") !important;
} }
#stop-reload-button[animate] > #reload-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image { #stop-reload-button[animate]>#reload-button>.toolbarbutton-animatable-box>.toolbarbutton-animatable-image {
background-image: url("stop-to-reload.svg") !important; background-image: url("stop-to-reload.svg") !important;
} }

20
chrome/toolbar/findbar.css
View file

@ -3,28 +3,28 @@
.findbar-find-previous, .findbar-find-previous,
.findbar-find-next, .findbar-find-next,
.close-icon { .close-icon {
border-radius: var(--toolbarbutton-border-radius) !important; border-radius: var(--toolbarbutton-border-radius) !important;
} }
.findbar-textbox { .findbar-textbox {
border: 0 !important; border: 0 !important;
border-radius: calc(var(--toolbarbutton-border-radius) + 2px) !important; border-radius: calc(var(--toolbarbutton-border-radius) + 2px) !important;
} }
.findbar-textbox:-moz-lwtheme { .findbar-textbox:-moz-lwtheme {
background-color: var(--toolbar-field-background-color) !important; background-color: var(--toolbar-field-background-color) !important;
} }
.findbar-textbox:focus { .findbar-textbox:focus {
outline: 2px solid var(--focus-outline-color, -moz-accent-color) !important; outline: 2px solid var(--focus-outline-color, -moz-accent-color) !important;
outline-offset: -1px !important; outline-offset: -1px !important;
} }
.findbar-textbox[status="notfound"] { .findbar-textbox[status="notfound"] {
outline: 2px solid var(--input-error-border-color, #E22850) !important; outline: 2px solid var(--input-error-border-color, #E22850) !important;
outline-offset: -1px !important; outline-offset: -1px !important;
} }
.findbar-container { .findbar-container {
overflow-inline: visible !important; overflow-inline: visible !important;
} }

54
chrome/toolbar/navbar.css
View file

@ -7,65 +7,65 @@
--tabs-navbar-shadow-size: 0 !important; --tabs-navbar-shadow-size: 0 !important;
} }
#nav-bar .toolbarbutton-1 > .toolbarbutton-icon { #nav-bar .toolbarbutton-1>.toolbarbutton-icon {
width: calc(2 * var(--uc-toolbarbutton-inner-inline-padding) + 16px) !important; width: calc(2 * var(--uc-toolbarbutton-inner-inline-padding) + 16px) !important;
} }
#nav-bar .toolbarbutton-1 > .toolbarbutton-icon, #nav-bar .toolbarbutton-1>.toolbarbutton-icon,
#nav-bar .toolbarbutton-1 > .toolbarbutton-text, #nav-bar .toolbarbutton-1>.toolbarbutton-text,
#nav-bar .toolbarbutton-1 > .toolbarbutton-badge-stack { #nav-bar .toolbarbutton-1>.toolbarbutton-badge-stack {
padding-inline: var(--uc-toolbarbutton-inner-inline-padding) !important; padding-inline: var(--uc-toolbarbutton-inner-inline-padding) !important;
} }
/* move reload/stop icon to middle of button */ /* move reload/stop icon to middle of button */
#reload-button > .toolbarbutton-animatable-box, #reload-button>.toolbarbutton-animatable-box,
#stop-button > .toolbarbutton-animatable-box { #stop-button>.toolbarbutton-animatable-box {
top: calc(50% - 10px) !important; top: calc(50% - 10px) !important;
margin-inline-start: calc((16px + 2 * var(--uc-toolbarbutton-inner-inline-padding) - 20px) / 2) !important; margin-inline-start: calc((16px + 2 * var(--uc-toolbarbutton-inner-inline-padding) - 20px) / 2) !important;
} }
#nav-bar-customization-target :where(#reload-button, #stop-button) > .toolbarbutton-icon { #nav-bar-customization-target :where(#reload-button, #stop-button)>.toolbarbutton-icon {
padding: var(--toolbarbutton-inner-padding) var(--uc-toolbarbutton-inner-inline-padding) !important; padding: var(--toolbarbutton-inner-padding) var(--uc-toolbarbutton-inner-inline-padding) !important;
} }
/* account button */ /* account button */
#navigator-toolbox > toolbar #fxa-toolbar-menu-button, #navigator-toolbox>toolbar #fxa-toolbar-menu-button,
#navigator-toolbox > toolbar #fxa-toolbar-menu-button > .toolbarbutton-badge-stack { #navigator-toolbox>toolbar #fxa-toolbar-menu-button>.toolbarbutton-badge-stack {
border-radius: 99px !important; border-radius: 99px !important;
} }
#nav-bar #fxa-toolbar-menu-button > .toolbarbutton-badge-stack { #nav-bar #fxa-toolbar-menu-button>.toolbarbutton-badge-stack {
padding: var(--toolbarbutton-inner-padding) !important; padding: var(--toolbarbutton-inner-padding) !important;
margin-inline: calc(var(--uc-toolbarbutton-inner-inline-padding) - var(--toolbarbutton-inner-padding)) !important; margin-inline: calc(var(--uc-toolbarbutton-inner-inline-padding) - var(--toolbarbutton-inner-padding)) !important;
} }
:root[fxastatus="signedin"] #fxa-avatar-image { :root[fxastatus="signedin"] #fxa-avatar-image {
scale: 1.5 !important; scale: 1.5 !important;
} }
:root[privatebrowsingmode] #fxa-toolbar-menu-button::before { :root[privatebrowsingmode] #fxa-toolbar-menu-button::before {
content: "Private" !important; content: "Private" !important;
display: -moz-box !important; display: -moz-box !important;
font-size: 12px !important; font-size: 12px !important;
} }
:root[privatebrowsingmode] #fxa-toolbar-menu-button { :root[privatebrowsingmode] #fxa-toolbar-menu-button {
background: var(--button-primary-bgcolor, var(--lwt-toolbarbutton-icon-fill-attention, var(--toolbarbutton-icon-fill-attention))) !important; background: var(--button-primary-bgcolor, var(--lwt-toolbarbutton-icon-fill-attention, var(--toolbarbutton-icon-fill-attention))) !important;
margin: 4px !important; margin: 4px !important;
padding-inline: 8px 0 !important; padding-inline: 8px 0 !important;
color: var(--button-primary-color, var(--toolbar-bgcolor)) !important; color: var(--button-primary-color, var(--toolbar-bgcolor)) !important;
fill: currentColor !important; fill: currentColor !important;
} }
:root[privatebrowsingmode] #fxa-toolbar-menu-button:hover { :root[privatebrowsingmode] #fxa-toolbar-menu-button:hover {
background: var(--button-primary-hover-bgcolor, color-mix(in srgb, var(--lwt-toolbarbutton-icon-fill-attention, var(--toolbarbutton-icon-fill-attention)) 90%, transparent)) !important; background: var(--button-primary-hover-bgcolor, color-mix(in srgb, var(--lwt-toolbarbutton-icon-fill-attention, var(--toolbarbutton-icon-fill-attention)) 90%, transparent)) !important;
} }
:root[privatebrowsingmode] #fxa-toolbar-menu-button:not([disabled=true]):is([open],[checked],:hover:active) { :root[privatebrowsingmode] #fxa-toolbar-menu-button:not([disabled=true]):is([open], [checked], :hover:active) {
background: var(--button-primary-active-bgcolor, color-mix(in srgb, var(--lwt-toolbarbutton-icon-fill-attention, var(--toolbarbutton-icon-fill-attention)) 70%, transparent)) !important; background: var(--button-primary-active-bgcolor, color-mix(in srgb, var(--lwt-toolbarbutton-icon-fill-attention, var(--toolbarbutton-icon-fill-attention)) 70%, transparent)) !important;
} }
:root[privatebrowsingmode] #nav-bar #fxa-toolbar-menu-button > .toolbarbutton-badge-stack { :root[privatebrowsingmode] #nav-bar #fxa-toolbar-menu-button>.toolbarbutton-badge-stack {
background: transparent !important; background: transparent !important;
margin-inline: 0 !important; margin-inline: 0 !important;
} }

25
chrome/toolbar/personalbar.css
View file

@ -7,23 +7,26 @@
#personal-toolbar-empty-description, #personal-toolbar-empty-description,
#PersonalToolbar .toolbarbutton-1, #PersonalToolbar .toolbarbutton-1,
toolbarbutton.bookmark-item:not(.subviewbutton) { toolbarbutton.bookmark-item:not(.subviewbutton) {
margin-block: 0 4px !important; margin-block: 0 4px !important;
padding: var(--bookmark-block-padding) 6px !important; padding: var(--bookmark-block-padding) 6px !important;
font-size: 12px !important; font-size: 12px !important;
} }
#PlacesToolbarItems > toolbarseparator::before { #PlacesToolbarItems>toolbarseparator::before {
content: ""; content: "";
display: block; display: block;
border-inline-start: 1px solid var(--toolbarseparator-color) !important; border-inline-start: 1px solid var(--toolbarseparator-color) !important;
margin-block: 8px !important; margin-block: 8px !important;
border-image-source: none !important; border-image-source: none !important;
} }
#PersonalToolbar { #PersonalToolbar {
padding-inline: var(--toolbar-start-end-padding) calc(var(--toolbar-start-end-padding) + 4px) !important; padding-inline: var(--toolbar-start-end-padding) calc(var(--toolbar-start-end-padding) + 4px) !important;
} }
#managed-bookmarks > .toolbarbutton-icon, #bookmarks-toolbar-placeholder > .toolbarbutton-icon, #PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon[label]:not([label=""]), #OtherBookmarks.bookmark-item[container] > .toolbarbutton-icon { #managed-bookmarks>.toolbarbutton-icon,
margin-inline-end: 6px !important; #bookmarks-toolbar-placeholder>.toolbarbutton-icon,
} #PlacesToolbarItems>.bookmark-item>.toolbarbutton-icon[label]:not([label=""]),
#OtherBookmarks.bookmark-item[container]>.toolbarbutton-icon {
margin-inline-end: 6px !important;
}

121
chrome/toolbar/tabbar.css
View file

@ -1,11 +1,11 @@
/* EdgeFr-Fox 2 - tabbar */ /* EdgeFr-Fox 2 - tabbar */
:root #titlebar { :root #titlebar {
--tab-min-height: 32px !important; --tab-min-height: 32px !important;
--inline-tab-padding: 11px !important; --inline-tab-padding: 11px !important;
--tab-border-radius: 4px !important; --tab-border-radius: 4px !important;
--tab-block-margin: 8px !important; --tab-block-margin: 8px !important;
--uc-toolbarbutton-inner-padding: 6px !important; --uc-toolbarbutton-inner-padding: 6px !important;
--toolbarbutton-border-radius: 2px !important; --toolbarbutton-border-radius: 2px !important;
--tabs-navbar-shadow-size: 0 !important; --tabs-navbar-shadow-size: 0 !important;
@ -13,9 +13,9 @@
/* tab open/close transition */ /* tab open/close transition */
.tabbrowser-tab:not([pinned]) { .tabbrowser-tab:not([pinned]) {
transition-property: min-width, max-width !important; transition-property: min-width, max-width !important;
transition-duration: 150ms !important; transition-duration: 150ms !important;
transition-timing-function: cubic-bezier(0,.75,.25,1) !important; transition-timing-function: cubic-bezier(0, .75, .25, 1) !important;
} }
:root:is([inFullscreen], :not([tabsintitlebar])) #titlebar { :root:is([inFullscreen], :not([tabsintitlebar])) #titlebar {
@ -30,10 +30,10 @@
} }
.tab-background { .tab-background {
border-radius: var(--tab-border-radius); border-radius: var(--tab-border-radius);
border-bottom-left-radius: 0 !important; border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important; border-bottom-right-radius: 0 !important;
margin-block: 0 !important; margin-block: 0 !important;
border: 0 !important; border: 0 !important;
position: relative !important; position: relative !important;
--uc-tab-corner-bg: transparent; --uc-tab-corner-bg: transparent;
@ -74,71 +74,71 @@
--uc-tab-corner-bg: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)); --uc-tab-corner-bg: var(--tab-selected-bgcolor, var(--toolbar-bgcolor));
} }
#tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[multiselected="true"]:-moz-lwtheme, #tabbrowser-tabs:not([movingtab])>#tabbrowser-arrowscrollbox>.tabbrowser-tab>.tab-stack>.tab-background[multiselected="true"]:-moz-lwtheme,
#tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[selected="true"]:-moz-lwtheme { #tabbrowser-tabs:not([movingtab])>#tabbrowser-arrowscrollbox>.tabbrowser-tab>.tab-stack>.tab-background[selected="true"]:-moz-lwtheme {
background-image: linear-gradient(var(--lwt-selected-tab-background-color, transparent), var(--lwt-selected-tab-background-color, transparent)), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none); background-image: linear-gradient(var(--lwt-selected-tab-background-color, transparent), var(--lwt-selected-tab-background-color, transparent)), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none);
--uc-tab-corner-bg: var(--lwt-selected-tab-background-color, var(--toolbar-bgcolor)); --uc-tab-corner-bg: var(--lwt-selected-tab-background-color, var(--toolbar-bgcolor));
} }
.tabbrowser-tab .tab-background:is([selected], [multiselected]) { .tabbrowser-tab .tab-background:is([selected], [multiselected]) {
--uc-tab-corner-bg: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)); --uc-tab-corner-bg: var(--tab-selected-bgcolor, var(--toolbar-bgcolor));
} }
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"], [multiselected]) { .tabbrowser-tab:hover>.tab-stack>.tab-background:not([selected="true"], [multiselected]) {
--uc-tab-corner-bg: color-mix(in srgb, currentColor 11%, transparent) --uc-tab-corner-bg: color-mix(in srgb, currentColor 11%, transparent)
} }
#tabbrowser-tabs, #tabbrowser-tabs,
#TabsToolbar #TabsToolbar-customization-target > .toolbarbutton-1 { #TabsToolbar #TabsToolbar-customization-target>.toolbarbutton-1 {
margin-top: var(--tab-block-margin) !important; margin-top: var(--tab-block-margin) !important;
} }
#TabsToolbar .toolbarbutton-1 { #TabsToolbar .toolbarbutton-1 {
margin: 0 !important; margin: 0 !important;
} }
/* fix colours */ /* fix colours */
#navigator-toolbox:not(:-moz-lwtheme) { #navigator-toolbox:not(:-moz-lwtheme) {
background-color: var(--lwt-accent-color) !important; background-color: var(--lwt-accent-color) !important;
color: var(--lwt-text-color) !important; color: var(--lwt-text-color) !important;
} }
.tab-label-container:not([selected="true"], [multiselected]) { .tab-label-container:not([selected="true"], [multiselected]) {
opacity: 1 !important; opacity: 1 !important;
} }
#TabsToolbar .toolbarbutton-animatable-box, #TabsToolbar .toolbarbutton-animatable-box,
#TabsToolbar .toolbarbutton-1 { #TabsToolbar .toolbarbutton-1 {
fill: var(--lwt-text-color) !important; fill: var(--lwt-text-color) !important;
} }
.tabbrowser-tab[multiselected]:not(:-moz-lwtheme), .tabbrowser-tab[multiselected]:not(:-moz-lwtheme),
.tabbrowser-tab[visuallyselected="true"]:not(:-moz-lwtheme) { .tabbrowser-tab[visuallyselected="true"]:not(:-moz-lwtheme) {
color: var(--lwt-tab-text, var(--toolbar-color)) !important; color: var(--lwt-tab-text, var(--toolbar-color)) !important;
} }
.tab-close-button { .tab-close-button {
margin-inline-end: calc(8px - var(--inline-tab-padding)) !important; margin-inline-end: calc(8px - var(--inline-tab-padding)) !important;
width: 17px !important; width: 17px !important;
height: 17px !important; height: 17px !important;
padding: 4px !important; padding: 4px !important;
border-radius: 2px !important; border-radius: 2px !important;
} }
.tab-throbber:not([pinned]), .tab-throbber:not([pinned]),
.tab-icon-pending:not([pinned]), .tab-icon-pending:not([pinned]),
.tab-icon-image:not([pinned]), .tab-icon-image:not([pinned]),
.tab-sharing-icon-overlay:not([pinned]) { .tab-sharing-icon-overlay:not([pinned]) {
margin-inline-end: 10px !important; margin-inline-end: 10px !important;
} }
/* tab volume icon/text */ /* tab volume icon/text */
.tab-secondary-label { .tab-secondary-label {
display: none !important; display: none !important;
} }
.tab-icon-stack:is([soundplaying], [muted], [activemedia-blocked]) > .tab-icon-overlay, .tab-icon-stack:is([soundplaying], [muted], [activemedia-blocked])>.tab-icon-overlay,
.tabbrowser-tab:hover .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay) { .tabbrowser-tab:hover .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])> :not(.tab-icon-overlay) {
opacity: 1 !important; opacity: 1 !important;
} }
@ -149,24 +149,24 @@
.tab-icon-overlay[soundplaying]:not([crashed]), .tab-icon-overlay[soundplaying]:not([crashed]),
.tab-icon-overlay[muted]:not([crashed]), .tab-icon-overlay[muted]:not([crashed]),
.tab-icon-overlay[activemedia-blocked]:not([crashed]) { .tab-icon-overlay[activemedia-blocked]:not([crashed]) {
border-radius: 2px !important; border-radius: 2px !important;
padding: 0 !important; padding: 0 !important;
} }
.tabbrowser-tab { .tabbrowser-tab {
font-size: 12px !important; font-size: 12px !important;
padding-inline: 0 !important; padding-inline: 0 !important;
} }
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-icon, #TabsToolbar .toolbarbutton-1>.toolbarbutton-icon,
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-badge-stack { #TabsToolbar .toolbarbutton-1>.toolbarbutton-badge-stack {
border-radius: var(--toolbarbutton-border-radius) !important; border-radius: var(--toolbarbutton-border-radius) !important;
padding: var(--uc-toolbarbutton-inner-padding) !important; padding: var(--uc-toolbarbutton-inner-padding) !important;
} }
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-icon { #TabsToolbar .toolbarbutton-1>.toolbarbutton-icon {
width: calc(2 * var(--uc-toolbarbutton-inner-padding) + 16px) !important; width: calc(2 * var(--uc-toolbarbutton-inner-padding) + 16px) !important;
height: calc(2 * var(--uc-toolbarbutton-inner-padding) + 16px) !important; height: calc(2 * var(--uc-toolbarbutton-inner-padding) + 16px) !important;
} }
#tabbrowser-tabs #tabs-newtab-button { #tabbrowser-tabs #tabs-newtab-button {
@ -174,36 +174,36 @@
} }
.tab-content[pinned] { .tab-content[pinned] {
padding: 0 12px !important; padding: 0 12px !important;
} }
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line { .tabbrowser-tab[usercontextid]>.tab-stack>.tab-background>.tab-context-line {
height: 8px !important; height: 8px !important;
clip-path: inset(0 0 6px) !important; clip-path: inset(0 0 6px) !important;
border-radius: var(--tab-border-radius) !important; border-radius: var(--tab-border-radius) !important;
border-bottom-left-radius: 0 !important; border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important; border-bottom-right-radius: 0 !important;
margin: 0 !important; margin: 0 !important;
} }
.titlebar-spacer[type="post-tabs"] { .titlebar-spacer[type="post-tabs"] {
display: -moz-box !important; display: -moz-box !important;
} }
.titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="pre-tabs"],
.private-browsing-indicator { .private-browsing-indicator {
display: none !important; display: none !important;
} }
toolbarbutton[part="scrollbutton-up"], toolbarbutton[part="scrollbutton-up"],
toolbarbutton[part="scrollbutton-down"] { toolbarbutton[part="scrollbutton-down"] {
border-width: 2px !important; border-width: 2px !important;
border-radius: calc(var(--toolbarbutton-border-radius) + 2px) !important; border-radius: calc(var(--toolbarbutton-border-radius) + 2px) !important;
margin-inline: 2px !important; margin-inline: 2px !important;
} }
.tabbrowser-tab:not([pinned], [style*="max-width"])[fadein] { .tabbrowser-tab:not([pinned], [style*="max-width"])[fadein] {
max-width: 240px !important; max-width: 240px !important;
} }
/* tab separators */ /* tab separators */
@ -221,8 +221,8 @@ toolbarbutton[part="scrollbutton-down"] {
border-right: 1px solid color-mix(in srgb, currentColor 34%, transparent); border-right: 1px solid color-mix(in srgb, currentColor 34%, transparent);
} }
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] { #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs])>#tabbrowser-arrowscrollbox>.tabbrowser-tab[first-visible-unpinned-tab] {
margin-inline-start: 0 !important; margin-inline-start: 0 !important;
} }
#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton), #scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton),
@ -237,6 +237,7 @@ toolbarbutton[part="scrollbutton-down"] {
.titlebar-buttonbox { .titlebar-buttonbox {
margin-inline: 10px !important; margin-inline: 10px !important;
} }
.titlebar-buttonbox-container { .titlebar-buttonbox-container {
margin-inline-end: -8px !important; margin-inline-end: -8px !important;
} }
@ -246,6 +247,7 @@ toolbarbutton[part="scrollbutton-down"] {
.titlebar-buttonbox { .titlebar-buttonbox {
margin-inline: calc((var(--tab-min-height) + var(--tab-block-margin) - 14px) / 2) !important; margin-inline: calc((var(--tab-min-height) + var(--tab-block-margin) - 14px) / 2) !important;
} }
.titlebar-buttonbox-container { .titlebar-buttonbox-container {
margin-inline-end: -8px !important; margin-inline-end: -8px !important;
} }
@ -273,30 +275,31 @@ toolbarbutton[part="scrollbutton-down"] {
} }
#tabbrowser-tabs[overflow] .tabbrowser-tab[last-visible-tab]:not([pinned]) { #tabbrowser-tabs[overflow] .tabbrowser-tab[last-visible-tab]:not([pinned]) {
margin-inline-end: 8px !important;} margin-inline-end: 8px !important;
}
.tabbrowser-tab:is([visuallyselected="true"], [multiselected]) > .tab-stack > .tab-background { .tabbrowser-tab:is([visuallyselected="true"], [multiselected])>.tab-stack>.tab-background {
box-shadow: 0 4px 5px rgba(0,0,0,0.2), 0 0px 2px rgba(0,0,0,0.2) !important; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2), 0 0px 2px rgba(0, 0, 0, 0.2) !important;
} }
#titlebar { #titlebar {
box-shadow: 0 -3px 2px -3px rgba(0,0,0,0.2) inset !important; box-shadow: 0 -3px 2px -3px rgba(0, 0, 0, 0.2) inset !important;
} }
:root[lwthemetextcolor="bright"] .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) > .tab-stack > .tab-background { :root[lwthemetextcolor="bright"] .tabbrowser-tab:is([visuallyselected="true"], [multiselected])>.tab-stack>.tab-background {
box-shadow: 0 4px 5px rgba(0,0,0,0.55), 0 0px 2px rgba(0,0,0,0.6) !important; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.55), 0 0px 2px rgba(0, 0, 0, 0.6) !important;
} }
:root[lwthemetextcolor="bright"] #titlebar { :root[lwthemetextcolor="bright"] #titlebar {
box-shadow: 0 -3px 2px -3px rgba(0,0,0,0.75) inset !important; box-shadow: 0 -3px 2px -3px rgba(0, 0, 0, 0.75) inset !important;
} }
/* force inactive window on default theme */ /* force inactive window on default theme */
@media not (-moz-os-version: windows-win7) { @media not (-moz-os-version: windows-win7) {
@media not (-moz-os-version: windows-win8) { @media not (-moz-os-version: windows-win8) {
#navigator-toolbox:-moz-window-inactive { #navigator-toolbox:-moz-window-inactive {
background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color)) !important; background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color)) !important;
} }
} }
} }

107
chrome/toolbar/urlbar.css
View file

@ -1,78 +1,79 @@
/* EdgeFr-Fox by bmFtZQ - urlbar.css */ /* EdgeFr-Fox by bmFtZQ - urlbar.css */
:root { :root {
--urlbar-min-height: 28px !important; --urlbar-min-height: 28px !important;
--urlbarView-item-inline-padding: 14px !important; --urlbarView-item-inline-padding: 14px !important;
--urlbar-icon-border-radius: var(--toolbarbutton-border-radius) !important; --urlbar-icon-border-radius: var(--toolbarbutton-border-radius) !important;
--urlbar-icon-padding: calc(var(--toolbarbutton-inner-padding) - 2px) !important; --urlbar-icon-padding: calc(var(--toolbarbutton-inner-padding) - 2px) !important;
--uc-urlbar-icon-inline-padding: calc(var(--uc-toolbarbutton-inner-inline-padding) - 2px) !important; --uc-urlbar-icon-inline-padding: calc(var(--uc-toolbarbutton-inner-inline-padding) - 2px) !important;
--identity-box-margin-inline: 2px !important; --identity-box-margin-inline: 2px !important;
} }
/* color-mix(in srgb, var(--toolbar-field-focus-border-color) 50%, transparent) */ /* color-mix(in srgb, var(--toolbar-field-focus-border-color) 50%, transparent) */
:root:not(:-moz-lwtheme) #urlbar { :root:not(:-moz-lwtheme) #urlbar {
--urlbar-box-bgcolor: unset !important; --urlbar-box-bgcolor: unset !important;
} }
#urlbar[focused="true"]:not([suppress-focus-border]) > #urlbar-background:not(:-moz-lwtheme), #urlbar[focused="true"]:not([suppress-focus-border])>#urlbar-background:not(:-moz-lwtheme),
#searchbar:not(:-moz-lwtheme):focus-within { #searchbar:not(:-moz-lwtheme):focus-within {
outline-color: color-mix(in srgb, var(--toolbar-field-focus-border-color) 50%, transparent) !important; outline-color: color-mix(in srgb, var(--toolbar-field-focus-border-color) 50%, transparent) !important;
} }
:root:not([lwthemetextcolor="bright"]) #urlbar-background { :root:not([lwthemetextcolor="bright"]) #urlbar-background {
box-shadow: var(--uc-urlbar-shadow, none); box-shadow: var(--uc-urlbar-shadow, none);
} }
#urlbar[open] > #urlbar-background { #urlbar[open]>#urlbar-background {
border-color: transparent !important; border-color: transparent !important;
box-shadow: 0 10px 16px #0005, 0 0 1px #0006 !important; box-shadow: 0 10px 16px #0005, 0 0 1px #0006 !important;
} }
.urlbarView { .urlbarView {
margin-inline: 0 !important; margin-inline: 0 !important;
width: 100% !important; width: 100% !important;
border-inline: 0 !important; border-inline: 0 !important;
} }
.urlbarView-row { .urlbarView-row {
padding-block: 0 !important; padding-block: 0 !important;
} }
.urlbarView-row-inner { .urlbarView-row-inner {
border-radius: 0 !important; border-radius: 0 !important;
padding-block: 8px !important; padding-block: 8px !important;
} }
.urlbarView-row:not([type="tip"], [type="dynamic"])[selected] > .urlbarView-row-inner, .urlbarView-row-inner[selected] { .urlbarView-row:not([type="tip"], [type="dynamic"])[selected]>.urlbarView-row-inner,
box-shadow: 3px 0 var(--toolbar-field-focus-border-color) inset !important; .urlbarView-row-inner[selected] {
box-shadow: 3px 0 var(--toolbar-field-focus-border-color) inset !important;
} }
#urlbar-anon-search-settings { #urlbar-anon-search-settings {
margin-inline-end: 8px !important; margin-inline-end: 8px !important;
} }
#urlbar .search-one-offs:not([hidden]) { #urlbar .search-one-offs:not([hidden]) {
padding-block: 8px 0 !important; padding-block: 8px 0 !important;
} }
/* breakout */ /* breakout */
#urlbar[breakout][breakout-extend] { #urlbar[breakout][breakout-extend] {
left: 0 !important; left: 0 !important;
width: 100% !important; width: 100% !important;
} }
#urlbar[breakout][breakout-extend] > #urlbar-input-container { #urlbar[breakout][breakout-extend]>#urlbar-input-container {
padding-inline: var(--urlbar-container-padding) !important; padding-inline: var(--urlbar-container-padding) !important;
} }
.urlbarView-results { .urlbarView-results {
padding-block: 0 !important; padding-block: 0 !important;
} }
#urlbar[open] > .urlbarView > .urlbarView-body-outer > .urlbarView-body-inner, #urlbar[open]>.urlbarView>.urlbarView-body-outer>.urlbarView-body-inner,
.urlbarView:not([noresults]) > .search-one-offs:not([hidden]) { .urlbarView:not([noresults])>.search-one-offs:not([hidden]) {
border-top: 0 !important; border-top: 0 !important;
} }
/* urlbar spacing */ /* urlbar spacing */
@ -85,60 +86,58 @@
--urlbar-height: calc(16px + var(--toolbarbutton-inner-padding) * 2) !important; --urlbar-height: calc(16px + var(--toolbarbutton-inner-padding) * 2) !important;
} }
#urlbar-container, #search-container { #urlbar-container,
margin-inline: 6px !important; #search-container {
margin-inline: 6px !important;
} }
.urlbar-page-action, #urlbar-go-button, .search-go-button, .urlbar-page-action,
#urlbar-go-button,
.search-go-button,
#tracking-protection-icon-container, #tracking-protection-icon-container,
#identity-icon-box { #identity-icon-box {
padding-inline: var(--uc-urlbar-icon-inline-padding) !important; padding-inline: var(--uc-urlbar-icon-inline-padding) !important;
width: calc(var(--uc-urlbar-icon-inline-padding) * 2 + 16px) !important; width: calc(var(--uc-urlbar-icon-inline-padding) * 2 + 16px) !important;
} }
#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button, #identity-box[pageproxystate="valid"].notSecureText>.identity-box-button,
#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button, #identity-box[pageproxystate="valid"].chromeUI>.identity-box-button,
#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button, #identity-box[pageproxystate="valid"].extensionPage>.identity-box-button,
#urlbar-label-box { #urlbar-label-box {
width: unset !important; width: unset !important;
} }
#identity-icon-box { #identity-icon-box {
padding-inline: var(--uc-toolbarbutton-inner-inline-padding) !important; padding-inline: var(--uc-toolbarbutton-inner-inline-padding) !important;
} }
/* workaround for bringing lock icon and permission icon closer */ /* workaround for bringing lock icon and permission icon closer */
#identity-permission-box { #identity-permission-box {
padding-inline: 2px var(--uc-urlbar-icon-inline-padding) !important; padding-inline: 2px var(--uc-urlbar-icon-inline-padding) !important;
margin-inline-start: -8px !important; margin-inline-start: -8px !important;
} }
#urlbar-background, #searchbar { #urlbar-background,
border-radius: calc(var(--toolbarbutton-border-radius) + 2px) !important; #searchbar {
border-radius: calc(var(--toolbarbutton-border-radius) + 2px) !important;
} }
/* move tracking protection button */ /* move tracking protection button */
#tracking-protection-icon-container, #tracking-protection-icon-container,
#page-action-buttons { #page-action-buttons {
-moz-box-ordinal-group: 2 !important; -moz-box-ordinal-group: 2 !important;
} }
#urlbar[focused="true"]:not([suppress-focus-border]) > #urlbar-background, #urlbar[focused="true"]:not([suppress-focus-border])>#urlbar-background,
#searchbar:focus-within { #searchbar:focus-within {
outline-offset: calc(var(--focus-outline-width) * -1 + 1px) !important; outline-offset: calc(var(--focus-outline-width) * -1 + 1px) !important;
} }
.urlbarView { .urlbarView {
padding-block-end: 8px !important; padding-block-end: 8px !important;
} }
.urlbarView-row[pinned] > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-type-icon { .urlbarView-row[pinned]>.urlbarView-row-inner>.urlbarView-no-wrap>.urlbarView-type-icon {
fill: var(--toolbar-field-color) !important; fill: var(--toolbar-field-color) !important;
} }

2
chrome/userChrome.css
View file

@ -17,6 +17,6 @@
/* force tabs to toolbar bg (useful for proton themes) (might experience some /* force tabs to toolbar bg (useful for proton themes) (might experience some
bugs with certain themes eg. dark text on dark background.) */ bugs with certain themes eg. dark text on dark background.) */
:root { :root {
--lwt-selected-tab-background-color: unset !important; --lwt-selected-tab-background-color: unset !important;
} }