cleanup files

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

View file

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

View file

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