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

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

8
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,7 +49,9 @@
} }
} }
@-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;
@ -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;

1
chrome/global/colors.css
View file

@ -121,6 +121,7 @@
: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;
} }

44
chrome/global/popup.css
View file

@ -15,30 +15,31 @@
} }
/* app menu */ /* app menu */
.addon-banner-item, .panel-banner-item { .addon-banner-item,
.panel-banner-item {
margin: 0 4px 4px !important; 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;
} }
@ -66,12 +67,12 @@
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;
} }
@ -105,17 +106,18 @@
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,
#appMenu-zoomEnlarge-button2>.toolbarbutton-icon {
fill: currentColor !important; fill: currentColor !important;
stroke: none !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;
} }
@ -123,11 +125,11 @@
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;
} }
@ -141,7 +143,7 @@
padding-top: 4px !important; padding-top: 4px !important;
} }
.panel-header + toolbarseparator { .panel-header+toolbarseparator {
margin-block-start: 0 !important; margin-block-start: 0 !important;
} }
@ -154,7 +156,8 @@
margin-bottom: 4px !important; margin-bottom: 4px !important;
} }
.webextension-popup-browser, .webextension-popup-stack { .webextension-popup-browser,
.webextension-popup-stack {
margin-block-start: calc(var(--panel-separator-margin-vertical) * -.5) !important; margin-block-start: calc(var(--panel-separator-margin-vertical) * -.5) !important;
} }
@ -176,12 +179,13 @@
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,
#downloadsPanel-mainView {
padding: var(--panel-separator-margin-vertical) 0 0 !important; padding: var(--panel-separator-margin-vertical) 0 0 !important;
} }

28
chrome/icons/icons.css
View file

@ -64,13 +64,13 @@
} }
#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;
@ -134,7 +134,7 @@
} }
#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;
} }
@ -152,7 +152,7 @@
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;
} }
@ -168,7 +168,7 @@
#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;
} }
@ -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,7 +218,7 @@
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;
} }
@ -280,7 +280,7 @@
} }
#PlacesChevron, #PlacesChevron,
#urlbar-go-button{ #urlbar-go-button {
list-style-image: url("arrow-right.svg") !important; list-style-image: url("arrow-right.svg") !important;
} }
@ -293,11 +293,13 @@
list-style-image: url("folder.svg") !important; list-style-image: url("folder.svg") !important;
} }
#pageAction-panel-bookmark, #star-button { #pageAction-panel-bookmark,
#star-button {
list-style-image: url("bookmark-hollow.svg") !important; list-style-image: url("bookmark-hollow.svg") !important;
} }
#pageAction-panel-bookmark[starred], #star-button[starred] { #pageAction-panel-bookmark[starred],
#star-button[starred] {
list-style-image: url("bookmark.svg") !important; list-style-image: url("bookmark.svg") !important;
} }
@ -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;
} }

24
chrome/toolbar/navbar.css
View file

@ -7,34 +7,34 @@
--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;
} }
@ -61,11 +61,11 @@
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;
} }

7
chrome/toolbar/personalbar.css
View file

@ -12,7 +12,7 @@ toolbarbutton.bookmark-item:not(.subviewbutton) {
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;
@ -24,6 +24,9 @@ toolbarbutton.bookmark-item:not(.subviewbutton) {
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,
#bookmarks-toolbar-placeholder>.toolbarbutton-icon,
#PlacesToolbarItems>.bookmark-item>.toolbarbutton-icon[label]:not([label=""]),
#OtherBookmarks.bookmark-item[container]>.toolbarbutton-icon {
margin-inline-end: 6px !important; margin-inline-end: 6px !important;
} }

41
chrome/toolbar/tabbar.css
View file

@ -15,7 +15,7 @@
.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 {
@ -74,8 +74,8 @@
--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));
} }
@ -84,12 +84,12 @@
--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;
} }
@ -137,8 +137,8 @@
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;
} }
@ -158,13 +158,13 @@
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;
} }
@ -177,7 +177,7 @@
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;
@ -221,7 +221,7 @@ 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;
} }
@ -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,23 +275,24 @@ 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 */

39
chrome/toolbar/urlbar.css
View file

@ -15,7 +15,7 @@
--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;
} }
@ -24,7 +24,7 @@
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;
} }
@ -44,7 +44,8 @@
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,
.urlbarView-row-inner[selected] {
box-shadow: 3px 0 var(--toolbar-field-focus-border-color) inset !important; box-shadow: 3px 0 var(--toolbar-field-focus-border-color) inset !important;
} }
@ -62,7 +63,7 @@
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;
} }
@ -70,8 +71,8 @@
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;
} }
@ -85,20 +86,23 @@
--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,
#search-container {
margin-inline: 6px !important; 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;
} }
@ -113,7 +117,8 @@
margin-inline-start: -8px !important; margin-inline-start: -8px !important;
} }
#urlbar-background, #searchbar { #urlbar-background,
#searchbar {
border-radius: calc(var(--toolbarbutton-border-radius) + 2px) !important; border-radius: calc(var(--toolbarbutton-border-radius) + 2px) !important;
} }
@ -124,7 +129,7 @@
-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;
} }
@ -133,12 +138,6 @@
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;
} }