modifications mostly to awesome
This commit is contained in:
parent
a7db9e944a
commit
dda80f1d77
126 changed files with 6539 additions and 27 deletions
3
firefox/chrome/global/circle.svg
Normal file
3
firefox/chrome/global/circle.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
|
||||
<circle fill="context-fill" fill-opacity="context-fill-opacity" cx="8" cy="8" r="8"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 177 B |
308
firefox/chrome/global/global.css
Executable file
308
firefox/chrome/global/global.css
Executable file
|
|
@ -0,0 +1,308 @@
|
|||
@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: 30px !important;
|
||||
}
|
||||
|
||||
:root[tabsintitlebar][sizemode=normal] .titlebar-buttonbox-container
|
||||
{
|
||||
margin-block-start: calc(0px - (var(--space-above-tabbar) + 5px)) !important;
|
||||
}
|
||||
|
||||
:root[tabsintitlebar][sizemode=maximized] .titlebar-buttonbox-container
|
||||
{
|
||||
margin-block-start: calc(2px - (var(--space-above-tabbar))) !important;
|
||||
}
|
||||
|
||||
:root[tabsintitlebar][sizemode=maximized]:not([extradragspace]) .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: #dee1e6 !important;
|
||||
color: #3c4043 !important;
|
||||
}
|
||||
|
||||
:root[tabsintitlebar]:not(:-moz-lwtheme):not([privatebrowsingmode=temporary]):-moz-window-inactive
|
||||
{
|
||||
background-color: #e7eaed !important;
|
||||
color: #666a6d !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: 99px !important;
|
||||
transition-property:
|
||||
background-color,
|
||||
background-size,
|
||||
fill-opacity !important;
|
||||
transition-duration: .3s !important;
|
||||
transition-timing-function:
|
||||
var(--ease-basic),
|
||||
var(--ease-out),
|
||||
var(--ease-basic) !important;
|
||||
|
||||
fill: currentColor !important;
|
||||
fill-opacity: 0 !important;
|
||||
|
||||
background-image:
|
||||
url(circle.svg),
|
||||
url(circle.svg) !important;
|
||||
background-size: 25% !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-position: center !important;
|
||||
background-color: transparent !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),
|
||||
/* no ::part workaround - may have side effects */
|
||||
.#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])
|
||||
{
|
||||
fill-opacity: .04 !important;
|
||||
background-size: 100% !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 > .toolbarbutton-icon
|
||||
{
|
||||
width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
|
||||
height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
|
||||
}
|
||||
|
||||
#navigator-toolbox > #PersonalToolbar .toolbarbutton-1 > .toolbarbutton-icon,
|
||||
#navigator-toolbox .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;
|
||||
background: 0 !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;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
213
firefox/chrome/global/variables.css
Executable file
213
firefox/chrome/global/variables.css
Executable file
|
|
@ -0,0 +1,213 @@
|
|||
/* light mode */
|
||||
:root:not([style]),
|
||||
:root[style*="--lwt-accent-color:rgb(227, 228, 230);"],
|
||||
:root[style*="--lwt-accent-color:white;"]
|
||||
{
|
||||
/* accentcolor */
|
||||
--lwt-accent-color: #dee1e6 !important;
|
||||
|
||||
/* textcolor */
|
||||
--lwt-text-color: #606368 !important;
|
||||
|
||||
/* toolbar */
|
||||
--toolbar-bgcolor: #fff !important;
|
||||
|
||||
/* toolbar_text */
|
||||
--toolbar-color: #606368 !important;
|
||||
|
||||
/* toolbar_bottom_separator */
|
||||
--toolbox-border-bottom-color: #b3b1b3 !important; /* legacy */
|
||||
--chrome-content-separator-color: #b3b1b3 !important;
|
||||
|
||||
/* icons */
|
||||
--lwt-toolbarbutton-icon-fill: #606368 !important;
|
||||
|
||||
/* icons_attention */
|
||||
--lwt-toolbarbutton-icon-fill-attention: #5086ec !important;
|
||||
|
||||
/* button_background_hover */
|
||||
--lwt-toolbarbutton-hover-background: rgba(0, 0, 0, .07) !important;
|
||||
|
||||
/* button_background_active */
|
||||
--lwt-toolbarbutton-active-background: rgba(0, 0, 0, .11) !important;
|
||||
|
||||
--lwt-toolbar-field-color: #202124 !important;
|
||||
|
||||
/* popup_highlight */
|
||||
--autocomplete-popup-highlight-background: #f2f2f2 !important;
|
||||
|
||||
/* popup_highlight_text */
|
||||
--autocomplete-popup-highlight-color: #202124 !important;
|
||||
}
|
||||
|
||||
/* don't bother with sidebar in light mode */
|
||||
|
||||
/* dark mode */
|
||||
:root[style*="--lwt-accent-color:rgb(12, 12, 13);"],
|
||||
:root[privatebrowsingmode=temporary]
|
||||
{
|
||||
/* accentcolor */
|
||||
--lwt-accent-color: #202124 !important;
|
||||
|
||||
/* textcolor */
|
||||
--lwt-text-color: #9ba0a5 !important;
|
||||
|
||||
/* toolbar */
|
||||
--toolbar-bgcolor: #333639 !important;
|
||||
|
||||
/* toolbar_text */
|
||||
--toolbar-color: #fff !important;
|
||||
|
||||
/* toolbar_bottom_separator */
|
||||
--toolbox-border-bottom-color: #282828 !important; /* legacy */
|
||||
--chrome-content-separator-color: #282828 !important;
|
||||
|
||||
/* icons */
|
||||
--lwt-toolbarbutton-icon-fill: #fff !important;
|
||||
|
||||
/* icons_attention */
|
||||
--lwt-toolbarbutton-icon-fill-attention: #5086ec !important;
|
||||
|
||||
/* button_background_hover */
|
||||
--lwt-toolbarbutton-hover-background: #434649 !important;
|
||||
|
||||
/* button_background_active */
|
||||
--lwt-toolbarbutton-active-background: #4e5153 !important;
|
||||
|
||||
--lwt-toolbar-field-color: #fff !important;
|
||||
|
||||
/* popup */
|
||||
--arrowpanel-background: #373737 !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: #555 !important;
|
||||
--autocomplete-popup-border-color: #555 !important;
|
||||
|
||||
/* popup_highlight */
|
||||
--autocomplete-popup-highlight-background: #4c4f52 !important;
|
||||
|
||||
/* popup_highlight_text */
|
||||
--autocomplete-popup-highlight-color: #fff !important;
|
||||
}
|
||||
|
||||
:-moz-any(#sidebar-box, #sidebar)[style*="--sidebar-background-color:rgb(56, 56, 61);"]
|
||||
{
|
||||
/* sidebar */
|
||||
--sidebar-background-color: #333639 !important;
|
||||
|
||||
/* sidebar_text */
|
||||
--sidebar-text-color: #f1f3ee !important;
|
||||
}
|
||||
|
||||
:-moz-any(.sidebar-panel, body)[style*="--lwt-sidebar-background-color:rgb(56, 56, 61);"]
|
||||
{
|
||||
/* sidebar */
|
||||
--lwt-sidebar-background-color: #333639 !important;
|
||||
|
||||
/* sidebar_text */
|
||||
--lwt-sidebar-text-color: #f1f3ee !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: var(--toolbar-bgcolor) !important;
|
||||
--toolbar-non-lwt-textcolor: var(--toolbar-color) !important;
|
||||
}
|
||||
|
||||
#titlebar,
|
||||
#tabbrowser-tabs
|
||||
{
|
||||
--tab-min-height: 34px !important;
|
||||
}
|
||||
|
||||
@supports -moz-bool-pref("materialFox.reduceTabOverflow")
|
||||
{
|
||||
#tabbrowser-tabs
|
||||
{
|
||||
--tab-min-width: 32px !important;
|
||||
}
|
||||
}
|
||||
|
||||
:root
|
||||
{
|
||||
--tab-separator-opacity: .35 !important;
|
||||
|
||||
--toolbar-field-background-color: hsl(200, 12%, 95%) !important;
|
||||
--toolbar-field-hover-background-color: hsl(216, 12%, 92%) !important;
|
||||
--toolbar-field-focus-background-color: hsl(0, 0%, 100%) !important;
|
||||
}
|
||||
|
||||
:root:-moz-any(:-moz-lwtheme-brighttext, [privatebrowsingmode=temporary])
|
||||
{
|
||||
--toolbar-field-background-color: #202124 !important;
|
||||
--toolbar-field-hover-background-color: #292a2d !important;
|
||||
--toolbar-field-focus-background-color: #202124 !important;
|
||||
}
|
||||
|
||||
:root:not(:-moz-lwtheme):not([privatebrowsingmode=temporary])
|
||||
{
|
||||
--toolbar-bgcolor: hsl(0, 0%, 100%) !important;
|
||||
--toolbar-color: hsl(213, 5%, 39%) !important;
|
||||
--toolbox-border-bottom-color: hsl(0, 0%, 70%) !important;
|
||||
}
|
||||
|
||||
@media (-moz-mac-yosemite-theme)
|
||||
{
|
||||
:root[extradragspace]
|
||||
{
|
||||
--space-above-tabbar: 8px !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Ubuntu */
|
||||
@media (-moz-gtk-csd-available)
|
||||
{
|
||||
:root:not(:-moz-lwtheme):not([privatebrowsingmode=temporary])
|
||||
{
|
||||
--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: hsl(210, 5%, 85%) !important;
|
||||
--toolbarbutton-active-background: hsl(210, 4%, 80%) !important;
|
||||
}
|
||||
|
||||
:root:-moz-any([privatebrowsingmode=temporary], :-moz-lwtheme-brighttext) :-moz-any(#urlbar, #searchbar)
|
||||
{
|
||||
--toolbarbutton-hover-background: hsl(206, 5%, 26%) !important;
|
||||
--toolbarbutton-active-background: hsl(210, 4%, 31%) !important;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue