first version of rewrite
This commit is contained in:
bmFtZQ
parent
f61c7c4a2d
commit
26df277f1b
226 changed files with 1649 additions and 6675 deletions
126
chrome/global/colors.css
Normal file
126
chrome/global/colors.css
Normal file
|
|
@ -0,0 +1,126 @@
|
|||
/* EdgeFr-Fox by bmFtZQ - colors.css */
|
||||
|
||||
/* 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-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;
|
||||
--toolbar-field-focus-border-color: #0055D7 !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;
|
||||
--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;
|
||||
--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-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;
|
||||
--toolbar-field-focus-border-color: #63ADE5 !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;
|
||||
--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;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
|
@ -1,337 +0,0 @@
|
|||
@media not (-moz-os-version: windows-win7) {
|
||||
@media not (-moz-os-version: windows-win8) {
|
||||
:root[windowtype="navigator:browser"] {
|
||||
background-color: var(--lwt-accent-color) !important;
|
||||
appearance: none !important;
|
||||
}
|
||||
|
||||
:root:not(:-moz-lwtheme) #navigator-toolbox {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (-moz-windows-compositor) {
|
||||
@media not (-moz-os-version: windows-win7) {
|
||||
@media not (-moz-os-version: windows-win8) {
|
||||
@media (-moz-windows-default-theme) {
|
||||
:root[tabsintitlebar] .titlebar-buttonbox-container {
|
||||
height: 32px !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
:root[tabsintitlebar][sizemode=normal] .titlebar-buttonbox-container:not(#toolbar-menubar .titlebar-buttonbox-container) {
|
||||
margin-block-start: calc(0px - (var(--space-above-tabbar) + 1px)) !important;
|
||||
}
|
||||
|
||||
:root[tabsintitlebar][sizemode=maximized] #toolbar-menubar .titlebar-buttonbox-container {
|
||||
height: 30px !important;
|
||||
margin-top: -4px !important;
|
||||
margin-bottom: -4px !important;
|
||||
}
|
||||
|
||||
:root[tabsintitlebar] #toolbar-menubar:not([inactive="true"]) {
|
||||
height: 24px !important;
|
||||
}
|
||||
|
||||
:root[tabsintitlebar] #toolbar-menubar:not([inactive="true"]) .titlebar-button {
|
||||
padding-block: 4px !important;
|
||||
}
|
||||
|
||||
:root[tabsintitlebar][sizemode=maximized]:not([extradragspace]) .titlebar-buttonbox-container:not(#toolbar-menubar .titlebar-buttonbox-container) {
|
||||
-moz-box-align: start !important;
|
||||
margin-block-start: -5px !important;
|
||||
}
|
||||
|
||||
@media (-moz-windows-accent-color-in-titlebar: 0) {
|
||||
:root[tabsintitlebar]:not(:-moz-lwtheme):not([privatebrowsingmode=temporary]) {
|
||||
background-color: #cecece !important;
|
||||
color: #000 !important;
|
||||
}
|
||||
|
||||
:root[tabsintitlebar]:not(:-moz-lwtheme):not([privatebrowsingmode=temporary]):-moz-window-inactive {
|
||||
background-color: #e8e8e8 !important;
|
||||
color: #3a3a3a !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) {
|
||||
:root[tabsintitlebar] .titlebar-buttonbox-container {
|
||||
height: calc(32px + var(--space-above-tabbar)) !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
:root[windowtype="navigator:browser"]:not([style*="image"]) {
|
||||
background-color: #0000 !important;
|
||||
}
|
||||
|
||||
:root[lwtheme]:not([style*="image"]) .tabbrowser-tab {
|
||||
background-color: var(--lwt-accent-color) !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Change Colour of page when loading */
|
||||
#tabbrowser-tabpanels {
|
||||
background-color: #f7f7f7 !important;
|
||||
}
|
||||
:root[lwthemetextcolor="bright"] #tabbrowser-tabpanels {
|
||||
background-color: #242424 !important;
|
||||
}
|
||||
|
||||
#navigator-toolbox :-moz-any(toolbar, #nav-bar-customization-target):not(#toolbar-menubar) {
|
||||
-moz-box-align: center !important;
|
||||
}
|
||||
|
||||
#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)),
|
||||
/* no ::part workaround - may have side effects */
|
||||
#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton),
|
||||
#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) {
|
||||
border-radius: 4px !important;
|
||||
transition: background-color .2s var(--ease-basic) !important;
|
||||
}
|
||||
|
||||
#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)),
|
||||
/* no ::part workaround - may have side effects */
|
||||
#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton),
|
||||
#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) {
|
||||
font-size: 12px !important;
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
border: 2px solid transparent !important;
|
||||
background-clip: padding-box !important;
|
||||
}
|
||||
|
||||
/*
|
||||
#navigator-toolbox :-moz-any(.toolbarbutton-1, .scrollbutton-up, .scrollbutton-down),
|
||||
#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton),
|
||||
#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) {
|
||||
max-height: 32px !important;
|
||||
height: 32px !important;
|
||||
min-height: 32px !important;
|
||||
}
|
||||
*/
|
||||
|
||||
#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton))[disabled],
|
||||
/* no ::part workaround - may have side effects */
|
||||
#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton)[disabled],
|
||||
#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton)[disabled] {
|
||||
opacity: .42 !important;
|
||||
}
|
||||
|
||||
#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)):hover:not([disabled]),
|
||||
#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)):-moz-any(:hover:active, [checked], [open]):not([disabled]),
|
||||
/* no ::part workaround - may have side effects */
|
||||
#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton):hover:not([disabled]),
|
||||
#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton):hover:not([disabled]) {
|
||||
background-color: var(--toolbarbutton-hover-background) !important;
|
||||
}
|
||||
|
||||
#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)):-moz-any(:hover:active, [checked], [open]):not([disabled]),
|
||||
/* no ::part workaround - may have side effects */
|
||||
#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton):hover:active:not([disabled]),
|
||||
#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton):hover:active:not([disabled]) {
|
||||
background-color: var(--toolbarbutton-active-background) !important;
|
||||
transition: none !important;
|
||||
}
|
||||
|
||||
#navigator-toolbox :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack),
|
||||
/* no ::part workaround - may have side effects */
|
||||
#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton)>.toolbarbutton-icon,
|
||||
#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton)>.toolbarbutton-icon {
|
||||
fill-opacity: 1 !important;
|
||||
border: 0 !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
#navigator-toolbox .toolbarbutton-1> :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) {
|
||||
width: 40px !important;
|
||||
height: 30px !important;
|
||||
}
|
||||
|
||||
#navigator-toolbox .toolbarbutton-1> :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) {
|
||||
padding: 7px 12px !important;
|
||||
background: 0 !important;
|
||||
}
|
||||
|
||||
#TabsToolbar .toolbarbutton-1> :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack),
|
||||
/* no ::part workaround - may have side effects */
|
||||
#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton)>.toolbarbutton-icon,
|
||||
#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton)>.toolbarbutton-icon {
|
||||
padding: 6px !important;
|
||||
width: 28px !important;
|
||||
height: 28px !important;
|
||||
}
|
||||
|
||||
/*
|
||||
hack: fix customization screen popping bug when changing ui density
|
||||
icon size is enforced and it doesn't like it when the normal density
|
||||
nav-bar height is less than 38px (it's 36px due to smaller back icon)
|
||||
*/
|
||||
:root:not([uidensity=compact]) #customization-content-container {
|
||||
padding-top: 1px !important;
|
||||
}
|
||||
|
||||
:root:not([uidensity=compact]) :-moz-any(#customization-palette-container, #customization-panel-container) {
|
||||
margin-top: -1px !important;
|
||||
}
|
||||
|
||||
.menu-iconic,
|
||||
.menuitem-iconic {
|
||||
fill: currentColor !important;
|
||||
}
|
||||
|
||||
/* legacy */
|
||||
#navigator-toolbox {
|
||||
border-bottom: 1px solid var(--chrome-content-separator-color, var(--toolbox-border-bottom-color)) !important;
|
||||
}
|
||||
|
||||
/* legacy */
|
||||
#navigator-toolbox::after {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.pointerlockfswarning {
|
||||
display: flex !important;
|
||||
border-radius: 4px !important;
|
||||
padding: 6px !important;
|
||||
background: #333 !important;
|
||||
border: 0 !important;
|
||||
font-size: 14px !important;
|
||||
box-shadow:
|
||||
0 3px 5px -1px rgba(0, 0, 0, .2),
|
||||
0 6px 10px 0 rgba(0, 0, 0, .14),
|
||||
0 1px 18px 0 rgba(0, 0, 0, .12) !important;
|
||||
color: hsla(0, 0%, 100%, .87) !important;
|
||||
transition-timing-function: var(--ease-out), linear !important;
|
||||
transition-property: transform, top !important;
|
||||
}
|
||||
|
||||
#fullscreen-warning {
|
||||
flex-direction: column !important;
|
||||
min-width: 344px !important;
|
||||
}
|
||||
|
||||
.pointerlockfswarning[hidden] {
|
||||
visibility: hidden !important;
|
||||
}
|
||||
|
||||
/* hack to keep it in same place as [ontop] */
|
||||
/* probably doesn't work for single-line */
|
||||
.pointerlockfswarning:not([hidden]):not([ontop]) {
|
||||
top: -32px !important;
|
||||
}
|
||||
|
||||
.pointerlockfswarning[ontop] {
|
||||
top: 28px !important;
|
||||
}
|
||||
|
||||
.pointerlockfswarning::before {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.pointerlockfswarning-domain-text {
|
||||
margin-block: 8px 18px !important;
|
||||
margin-inline: 10px !important;
|
||||
font-size: unset !important;
|
||||
font-weight: unset !important;
|
||||
align-self: start !important;
|
||||
}
|
||||
|
||||
.pointerlockfswarning-domain {
|
||||
font-weight: unset !important;
|
||||
}
|
||||
|
||||
#fullscreen-exit-button {
|
||||
-moz-appearance: none !important;
|
||||
border: 0 !important;
|
||||
height: 32px !important;
|
||||
display: flex !important;
|
||||
align-items: center !important;
|
||||
margin-inline: 8px 0 !important;
|
||||
text-transform: uppercase !important;
|
||||
font-weight: 500 !important;
|
||||
letter-spacing: .0892857143em !important;
|
||||
background: 0 !important;
|
||||
position: relative !important;
|
||||
color: var(--toolbarbutton-icon-fill-attention) !important;
|
||||
align-self: end !important;
|
||||
font-family: Roboto, inherit !important;
|
||||
}
|
||||
|
||||
#fullscreen-exit-button::before {
|
||||
content: "" !important;
|
||||
display: block !important;
|
||||
z-index: -1 !important;
|
||||
position: absolute !important;
|
||||
left: 0 !important;
|
||||
right: 0 !important;
|
||||
top: 0 !important;
|
||||
bottom: 0 !important;
|
||||
border-radius: 4px !important;
|
||||
background: currentColor !important;
|
||||
opacity: 0 !important;
|
||||
transition: opacity .3s var(--ease-basic) !important;
|
||||
}
|
||||
|
||||
#fullscreen-exit-button:hover::before {
|
||||
opacity: .12 !important;
|
||||
}
|
||||
|
||||
#fullscreen-exit-button:hover:active::before {
|
||||
opacity: .24 !important;
|
||||
transition-duration: .1s !important;
|
||||
}
|
||||
|
||||
/* note: use Firefox account button instead */
|
||||
#TabsToolbar .private-browsing-indicator {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.toolbarbutton-1:not(:hover):-moz-window-inactive,
|
||||
.bookmark-item:not(:hover):-moz-window-inactive,
|
||||
:root:not([customizing]) .toolbarbutton-1:-moz-window-inactive[disabled="true"] {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
/* high DPI adjustments */
|
||||
@media (min--moz-device-pixel-ratio: 2) {
|
||||
#navigator-toolbox {
|
||||
border-bottom-width: .5px !important;
|
||||
padding-bottom: .5px !important;
|
||||
box-shadow: inset 0 -.5px var(--toolbar-bgcolor) !important;
|
||||
}
|
||||
}
|
||||
|
||||
#sidebar-box,
|
||||
#sidebar {
|
||||
appearance: none !important;
|
||||
}
|
||||
|
||||
#sidebar-box {
|
||||
background-color: var(--sidebar-background-color) !important;
|
||||
}
|
||||
|
||||
.sidebar-placesTree,
|
||||
#viewButton {
|
||||
color: #000 !important;
|
||||
}
|
||||
|
||||
:root[lwt-sidebar-brighttext] :-moz-any(.sidebar-placesTree, #viewButton) {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
#statuspanel {
|
||||
clip-path: inset(0) !important;
|
||||
}
|
||||
|
||||
#statuspanel-label {
|
||||
background-color: var(--toolbar-bgcolor) !important;
|
||||
color: var(--toolbar-color) !important;
|
||||
border: 0 !important;
|
||||
box-shadow: 0 0 0 1px #0004, 0 4px 6px #0004 !important;
|
||||
padding: 3px 6px !important;
|
||||
}
|
||||
190
chrome/global/popup.css
Normal file
190
chrome/global/popup.css
Normal file
|
|
@ -0,0 +1,190 @@
|
|||
/* EdgeFr-Fox by bmFtZQ - popup.css */
|
||||
|
||||
:root {
|
||||
--arrowpanel-border-radius: 4px !important;
|
||||
--panel-subview-body-padding: 4px 0 !important;
|
||||
--arrowpanel-menuitem-border-radius: 0 !important;
|
||||
--arrowpanel-menuitem-margin: 0 !important;
|
||||
--arrowpanel-menuitem-padding-block: 8px !important;
|
||||
--arrowpanel-menuitem-padding-inline: 14px !important;
|
||||
--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;
|
||||
}
|
||||
|
||||
/* app menu */
|
||||
.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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
|
||||
/* disable proton account separator */
|
||||
#appMenu-fxa-separator {
|
||||
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;
|
||||
}
|
||||
|
||||
#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-zoomReduce-button2,
|
||||
#appMenu-fullscreen-button2 {
|
||||
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;
|
||||
}
|
||||
|
||||
#appMenu-zoomReset-button2:not([disabled], [open], :active):is(:hover) {
|
||||
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;
|
||||
}
|
||||
|
||||
#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;
|
||||
}
|
||||
|
||||
#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;
|
||||
}
|
||||
|
||||
#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;
|
||||
}
|
||||
|
||||
/* URL bar popup */
|
||||
.panel-footer > button {
|
||||
border-radius: 2px !important;
|
||||
}
|
||||
|
||||
#identity-popup-security-button {
|
||||
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 > description {
|
||||
margin-inline-start: 0 !important;
|
||||
}
|
||||
|
||||
.identity-popup-security-connection.identity-button {
|
||||
margin-inline-end: calc(-1 * (var(--arrowpanel-menuitem-padding-inline) - 10px)) !important;
|
||||
}
|
||||
|
||||
/* subview */
|
||||
.panel-header {
|
||||
padding: 4px;
|
||||
padding-top: 4px !important;
|
||||
}
|
||||
|
||||
.panel-header + toolbarseparator {
|
||||
margin-block-start: 0 !important;
|
||||
}
|
||||
|
||||
.subviewbutton-back {
|
||||
margin: 0 !important;
|
||||
border-radius: 2px !important;
|
||||
}
|
||||
|
||||
.panel-subview-footer-button {
|
||||
margin-bottom: 4px !important;
|
||||
}
|
||||
|
||||
.webextension-popup-browser, .webextension-popup-stack {
|
||||
margin-block-start: calc(var(--panel-separator-margin-vertical) * -.5) !important;
|
||||
}
|
||||
|
||||
/* downloads popup */
|
||||
.downloadTypeIcon {
|
||||
height: 16px !important;
|
||||
width: 16px !important;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.downloadMainArea {
|
||||
padding-block: 4px !important;
|
||||
padding-inline: 12px !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;
|
||||
}
|
||||
|
||||
#emptyDownloads {
|
||||
padding: 1.5em 16px 1.7em !important;
|
||||
}
|
||||
|
|
@ -1,278 +0,0 @@
|
|||
/* Light Mode */
|
||||
:root:not([style]),
|
||||
:root:not(:-moz-lwtheme),
|
||||
:root[style*="--lwt-accent-color:rgb(227, 228, 230); --lwt-text-color:rgba(24, 25, 26);"],
|
||||
:root[style*="--lwt-accent-color:rgb(240, 240, 244); --lwt-text-color:rgba(21, 20, 26);"], /* Used for Proton (May be changed in future) */
|
||||
:root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"] /* Mozilla added spaces to the style string in Nightly 91 */
|
||||
{
|
||||
/* accentcolor */
|
||||
--lwt-accent-color: #cecece !important;
|
||||
|
||||
/* textcolor */
|
||||
--lwt-text-color: #000 !important;
|
||||
|
||||
/* toolbar */
|
||||
--toolbar-bgcolor: #f7f7f7 !important;
|
||||
|
||||
/* tab background (unset to match toolbar-bgcolor) */
|
||||
--lwt-selected-tab-background-color: unset !important;
|
||||
|
||||
/* toolbar_text */
|
||||
--toolbar-color: #000 !important;
|
||||
|
||||
/* toolbar_bottom_separator */
|
||||
--toolbox-border-bottom-color: #d2d2d2 !important; /* legacy */
|
||||
--chrome-content-separator-color: #d2d2d2 !important;
|
||||
|
||||
/* icons */
|
||||
--toolbarbutton-icon-fill: #000 !important;
|
||||
--lwt-toolbarbutton-icon-fill: var(--toolbarbutton-icon-fill) !important;
|
||||
|
||||
/* icons_attention */
|
||||
--toolbarbutton-icon-fill-attention: #0078d4 !important;
|
||||
--lwt-toolbarbutton-icon-fill-attention: var(--toolbarbutton-icon-fill-attention) !important;
|
||||
|
||||
/* button_background_hover */
|
||||
--lwt-toolbarbutton-hover-background: #0000001a !important;
|
||||
|
||||
/* button_background_active */
|
||||
--lwt-toolbarbutton-active-background: #0000002a !important;
|
||||
|
||||
--lwt-toolbar-field-color: #000 !important;
|
||||
--lwt-toolbar-field-focus-color: #000 !important;
|
||||
|
||||
/* popup_highlight */
|
||||
--autocomplete-popup-highlight-background: #0001 !important;
|
||||
|
||||
/* popup_highlight_text */
|
||||
--autocomplete-popup-highlight-color: #000 !important;
|
||||
|
||||
--urlbar-popup-url-color: #0172C9 !important;
|
||||
--lwt-toolbar-field-background-color: #fff !important;
|
||||
--lwt-toolbar-field-focus: #fff !important;
|
||||
--lwt-toolbar-field-border-color: #ccc !important;
|
||||
|
||||
--tab-line-col: #0078d4 !important;
|
||||
--toolbar-field-focus-border-color: #0078d4a0 !important;
|
||||
--private-browsing-indicator: #0078d4 !important;
|
||||
--toolbar-field-icon-color: color-mix(in srgb, var(--toolbar-color) 60%, transparent) !important;
|
||||
}
|
||||
|
||||
/* Dark Mode */
|
||||
:root[style*="--lwt-accent-color:rgb(12, 12, 13); --lwt-text-color:rgba(249, 249, 250);"],
|
||||
:root[style*="--lwt-accent-color:rgb(28, 27, 34); --lwt-text-color:rgba(251, 251, 254);"], /* Used for Proton (May be changed in future) */
|
||||
:root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] /* Mozilla added spaces to the style string in Nightly 91 */
|
||||
{
|
||||
/* accentcolor */
|
||||
--lwt-accent-color: #1b1b1b !important;
|
||||
|
||||
/* textcolor */
|
||||
--lwt-text-color: #e5e5e5 !important;
|
||||
|
||||
/* toolbar */
|
||||
--toolbar-bgcolor: #3b3b3b !important;
|
||||
|
||||
/* tab background (unset to match toolbar-bgcolor) */
|
||||
--lwt-selected-tab-background-color: unset !important;
|
||||
|
||||
/* toolbar_text */
|
||||
--toolbar-color: #fff !important;
|
||||
|
||||
/* toolbar_bottom_separator */
|
||||
--toolbox-border-bottom-color: #5B5B5B !important; /* legacy */
|
||||
--chrome-content-separator-color: #5B5B5B !important;
|
||||
|
||||
/* icons */
|
||||
--toolbarbutton-icon-fill: #fff !important;
|
||||
--lwt-toolbarbutton-icon-fill: var(--toolbarbutton-icon-fill) !important;
|
||||
|
||||
/* icons_attention */
|
||||
--toolbarbutton-icon-fill-attention: #4C98D1 !important;
|
||||
--lwt-toolbarbutton-icon-fill-attention: var(--toolbarbutton-icon-fill-attention) !important;
|
||||
|
||||
/* button_background_hover */
|
||||
--lwt-toolbarbutton-hover-background: #ffffff1a !important;
|
||||
|
||||
/* button_background_active */
|
||||
--lwt-toolbarbutton-active-background: #ffffff2a !important;
|
||||
|
||||
--lwt-toolbar-field-color: #fff !important;
|
||||
--lwt-toolbar-field-focus-color: #fff !important;
|
||||
|
||||
/* popup */
|
||||
--arrowpanel-background: #4a4a4a !important;
|
||||
|
||||
/* popup_text */
|
||||
--arrowpanel-color: #fff !important;
|
||||
--autocomplete-popup-color: #fff !important;
|
||||
--panel-disabled-color: hsla(0, 0%, 100%, .5) !important;
|
||||
|
||||
/* popup_border */
|
||||
--arrowpanel-border-color: #63636363 !important;
|
||||
--autocomplete-popup-border-color: #636363 !important;
|
||||
|
||||
/* popup_highlight */
|
||||
--autocomplete-popup-highlight-background: #fff1 !important;
|
||||
|
||||
/* popup_highlight_text */
|
||||
--autocomplete-popup-highlight-color: #fff !important;
|
||||
|
||||
--urlbar-popup-url-color: #75B6E8 !important;
|
||||
--lwt-toolbar-field-background-color: #2b2b2b !important;
|
||||
--lwt-toolbar-field-focus: #2b2b2b !important;
|
||||
--lwt-toolbar-field-border-color: #656565 !important;
|
||||
|
||||
--tab-line-col: #4C98D1 !important;
|
||||
--toolbar-field-focus-border-color: #4c97d1a0 !important;
|
||||
--private-browsing-indicator: #006cbe !important;
|
||||
--toolbar-field-icon-color: var(--toolbar-color) !important;
|
||||
}
|
||||
|
||||
/* Inactive Window Light Mode */
|
||||
:-moz-any(:root:not([style]), :root:not([lwtheme]), :root[style*="--lwt-accent-color:rgb(227, 228, 230); --lwt-text-color:rgba(24, 25, 26);"]):-moz-window-inactive {
|
||||
--lwt-accent-color: #e8e8e8 !important;
|
||||
--lwt-text-color: #3a3a3a !important;
|
||||
--toolbar-color: #3a3a3a !important;
|
||||
}
|
||||
|
||||
/* Inactive Window Dark Mode */
|
||||
:root[style*="--lwt-accent-color:rgb(12, 12, 13); --lwt-text-color:rgba(249, 249, 250);"]:-moz-window-inactive {
|
||||
--lwt-accent-color: #2e2e2e !important;
|
||||
--lwt-text-color: #b7b7b7 !important;
|
||||
--toolbar-color: #cecece !important;
|
||||
}
|
||||
|
||||
/* Sidebar Light Mode */
|
||||
:-moz-any(#sidebar-box, #sidebar),
|
||||
:-moz-any(.sidebar-panel, body) {
|
||||
/* sidebar */
|
||||
--sidebar-background-color: #f7f7f7 !important;
|
||||
--lwt-sidebar-background-color: var(--sidebar-background-color) !important;
|
||||
|
||||
/* sidebar_text */
|
||||
--sidebar-text-color: #000 !important;
|
||||
--lwt-sidebar-text-color: var(--sidebar-text-color) !important;
|
||||
}
|
||||
|
||||
/* Sidebar Dark Mode */
|
||||
:-moz-any(#sidebar-box, #sidebar)[style*="--sidebar-background-color:rgb(56, 56, 61);"],
|
||||
:-moz-any(.sidebar-panel, body)[style*="--lwt-sidebar-background-color:rgb(56, 56, 61);"] {
|
||||
/* sidebar */
|
||||
--sidebar-background-color: #3b3b3b !important;
|
||||
--lwt-sidebar-background-color: #3b3b3b !important;
|
||||
|
||||
/* sidebar_text */
|
||||
--sidebar-text-color: #fff !important;
|
||||
--lwt-sidebar-text-color: #fff !important;
|
||||
}
|
||||
|
||||
#browser {
|
||||
--sidebar-border-color: var(--chrome-content-separator-color) !important;
|
||||
}
|
||||
|
||||
:root {
|
||||
--toolbar-field-background-color: var(--lwt-toolbar-field-background-color) !important;
|
||||
--toolbar-field-hover-background-color: var(--lwt-toolbar-field-background-color) !important;
|
||||
--toolbar-field-focus-background-color: var(--lwt-toolbar-field-focus) !important;
|
||||
--toolbar-field-hover-border-color: var(--lwt-toolbar-field-border-color) !important;
|
||||
}
|
||||
|
||||
:root {
|
||||
--ease-in: cubic-bezier(.4, 0, 1, 1);
|
||||
--ease-out: cubic-bezier(0, 0, .2, 1);
|
||||
--ease-basic: linear;
|
||||
|
||||
--button-size: 32px; /* is this used? */
|
||||
--icon-size: 24px; /* is this used? */
|
||||
|
||||
--downloads-item-height: 48px !important;
|
||||
|
||||
--toolbar-non-lwt-bgcolor: #f7f7f7 !important;
|
||||
--toolbar-non-lwt-textcolor: #000 !important;
|
||||
|
||||
--tab-separator-opacity: .5 !important;
|
||||
|
||||
--urlbar-min-height: 30px !important;
|
||||
|
||||
--arrowpanel-dimmed: color-mix(in srgb, currentColor 9%, transparent) !important;
|
||||
--arrowpanel-dimmed-further: color-mix(in srgb, currentColor 14%, transparent) !important;
|
||||
--arrowpanel-dimmed-even-further: color-mix(in srgb, currentColor 25%, transparent) !important;
|
||||
|
||||
--button-hover-bgcolor: var(--arrowpanel-dimmed) !important;
|
||||
--button-active-bgcolor: var(--arrowpanel-dimmed-further) !important;
|
||||
|
||||
--panelview-toolbarbutton-hover-bgcolor: var(--arrowpanel-dimmed) !important;
|
||||
--panelview-toolbarbutton-active-bgcolor: var(--arrowpanel-dimmed-further) !important;
|
||||
}
|
||||
|
||||
@media (-moz-proton) {
|
||||
:root {
|
||||
--arrowpanel-menuitem-margin: 0 !important; /* used to get rid of the left/right margins in Proton */
|
||||
--space-above-tabbar: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
#titlebar,
|
||||
#tabbrowser-tabs {
|
||||
--tab-min-height: 32px !important;
|
||||
}
|
||||
|
||||
@supports -moz-bool-pref("materialFox.reduceTabOverflow") {
|
||||
#tabbrowser-tabs {
|
||||
--tab-min-width: 32px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (-moz-mac-yosemite-theme) {
|
||||
:root[extradragspace] {
|
||||
--space-above-tabbar: 8px !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Ubuntu */
|
||||
@media (-moz-gtk-csd-available) {
|
||||
:root:not(:-moz-lwtheme) {
|
||||
--toolbar-bgcolor: -moz-dialog !important;
|
||||
--toolbar-color: -moz-dialogtext !important;
|
||||
}
|
||||
}
|
||||
|
||||
:root:-moz-lwtheme-darktext,
|
||||
:root toolbar:not([brighttext]),
|
||||
.tabbrowser-tab[visuallyselected] {
|
||||
--toolbarbutton-hover-background: var(--lwt-toolbarbutton-hover-background, hsla(0, 0%, 0%, .07)) !important;
|
||||
--toolbarbutton-active-background: var(--lwt-toolbarbutton-active-background, hsla(0, 0%, 0%, .11)) !important;
|
||||
}
|
||||
|
||||
:root:-moz-lwtheme-brighttext,
|
||||
:root toolbar[brighttext],
|
||||
.tabbrowser-tab[visuallyselected]:-moz-lwtheme-brighttext {
|
||||
--toolbarbutton-hover-background: var(--lwt-toolbarbutton-hover-background, hsla(0, 0%, 100%, .1)) !important;
|
||||
--toolbarbutton-active-background: var(--lwt-toolbarbutton-active-background, hsla(0, 0%, 100%, .17)) !important;
|
||||
}
|
||||
|
||||
/* special case for urlbar buttons */
|
||||
:-moz-any(#urlbar, #searchbar) {
|
||||
--toolbarbutton-hover-background: #0001 !important;
|
||||
--toolbarbutton-active-background: #0002 !important;
|
||||
}
|
||||
|
||||
:root:-moz-lwtheme-brighttext :-moz-any(#urlbar, #searchbar) {
|
||||
--toolbarbutton-hover-background: #fff1 !important;
|
||||
--toolbarbutton-active-background: #fff2 !important;
|
||||
}
|
||||
|
||||
#TabsToolbar .toolbarbutton-1 {
|
||||
fill: var(--lwt-text-color) !important;
|
||||
}
|
||||
|
||||
:-moz-any(:root:not([style]),
|
||||
:root:not([lwtheme]),
|
||||
:root[style*="--lwt-accent-color:rgb(227, 228, 230); --lwt-text-color:rgba(24, 25, 26);"],
|
||||
:root[style*="--lwt-accent-color:rgb(12, 12, 13); --lwt-text-color:rgba(249, 249, 250);"]) #tabbrowser-tabs {
|
||||
--tab-line-color: var(--tab-line-col) !important;
|
||||
}
|
||||
|
||||
#urlbar-container {
|
||||
color: var(--toolbar-field-icon-color, var(--toolbar-color)) !important;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue