mirror of
https://codeberg.org/claui/mobile-config-firefox.git
synced 2025-10-14 12:55:54 +00:00
Move "legacy" or otherwise deprecated styles into sub-folder
This commit is contained in:
MrOtherGuy
parent
a46d28bcab
commit
7953cb9d8e
18 changed files with 65 additions and 55 deletions
17
chrome/deprecated/bookmarksbar_on_new_tabs_only.css
Normal file
17
chrome/deprecated/bookmarksbar_on_new_tabs_only.css
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/bookmarksbar_on_new_tabs_only.css made available under Mozilla Public License v. 2.0
|
||||
See the above repository for updates as well as full license text. */
|
||||
|
||||
/* This stylesheet is deprecated since Firefox 72 */
|
||||
/* Use autohide_bookmarks_toolbar.css instead */
|
||||
|
||||
:root[title$=" - Mozilla Firefox"] #PersonalToolbar,
|
||||
:root[title$=" - Mozilla Firefox (Private Browsing)"] #PersonalToolbar,
|
||||
:root[title$=" - Firefox Nightly"] #PersonalToolbar,
|
||||
:root[title$=" - Firefox Nightly (Private Browsing)"] #PersonalToolbar{ visibility: collapse; }
|
||||
/* about:home or something can have a "New Tab" prefix */
|
||||
:root[title="New Tab - Mozilla Firefox"] #PersonalToolbar,
|
||||
:root[title="New Tab - Mozilla Firefox (Private Browsing)"] #PersonalToolbar,
|
||||
:root[title="New Tab - Firefox Nightly"] #PersonalToolbar,
|
||||
:root[title="New Tab - Firefox Nightly (Private Browsing)"] #PersonalToolbar{ visibility: visible; }
|
||||
/* Short delay to prevent being shortly visible during tab restore */
|
||||
#PersonalToolbar{ transition: visibility 0ms linear 200ms !important}
|
||||
36
chrome/deprecated/full_width_urlbar_popup.css
Normal file
36
chrome/deprecated/full_width_urlbar_popup.css
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/full_width_urlbar_popup.css made available under Mozilla Public License v. 2.0
|
||||
See the above repository for updates as well as full license text. */
|
||||
|
||||
/* DEPRECATED - USE urlbar_full_width.css instead */
|
||||
|
||||
/* Makes urlbar popup fit to window width, like in Firefox versions < 71 without "Megabar" */
|
||||
/* Text won't be aligned to urlbar text though, since that relied on Firefox setting some css variables which are not available anymore */
|
||||
#urlbar{
|
||||
display: -moz-box !important;
|
||||
position: relative !important;
|
||||
background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8));
|
||||
border: 1px solid var(--toolbar-field-border-color, hsla(240,5%,5%,.25));
|
||||
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
|
||||
bottom: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
|
||||
margin-inline-start: 0px !important;
|
||||
width: 100% !important;
|
||||
left: 0 !important;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
#urlbar-container{ padding-block: 1px !important }
|
||||
|
||||
#urlbar-background{ display: none !important; }
|
||||
#urlbar[focused]{ border-color: var(--lwt-toolbar-field-border-focus, highlight) }
|
||||
#urlbar-input-container{ padding: 0 !important; height: 100% !important; }
|
||||
|
||||
#urlbar[open] > .urlbarView{
|
||||
display: block !important;
|
||||
position: fixed !important;
|
||||
margin-top: calc(var(--urlbar-height) + 1px) !important;;
|
||||
left: 0;
|
||||
width: 100vw !important;
|
||||
background-color: var(--autocomplete-popup-background) !important;
|
||||
margin-inline: 0 !important;
|
||||
box-shadow: 0px 1px 3px 0px black;
|
||||
}
|
||||
72
chrome/deprecated/google_style_urlbar_popup.css
Normal file
72
chrome/deprecated/google_style_urlbar_popup.css
Normal file
|
|
@ -0,0 +1,72 @@
|
|||
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/google_style_urlbar_popup.css made available under Mozilla Public License v. 2.0
|
||||
See the above repository for updates as well as full license text. */
|
||||
|
||||
/* DEPRECATED AS OF FIREFOX 77 */
|
||||
|
||||
/* Makes urlbar popup to appear Like on various Google search services */
|
||||
/* Firefox 70+ only */
|
||||
/* Popup uses colors from your theme */
|
||||
|
||||
|
||||
/* Focused urlbar popup radius, can be edited freely */
|
||||
#urlbar > .urlbarView:not(.megabar),
|
||||
#urlbar.megabar[focused] > #urlbar-background{ border-radius: 8px !important; }
|
||||
|
||||
|
||||
/* Layout containing block hackery, don't touch pls */
|
||||
#urlbar-container:not(.megabar){ transform: translateY(0); position: relative; z-index: 10 }
|
||||
|
||||
|
||||
/* constrain popup to urlbar width */
|
||||
.urlbarView:not(.megabar){
|
||||
max-width: 100% !important;
|
||||
top: calc(2px + var(--toolbarbutton-outer-padding)) !important;
|
||||
border-width: 0 !important;
|
||||
background-color: transparent !important;
|
||||
pointer-events: none;
|
||||
border-radius: inherit;
|
||||
}
|
||||
|
||||
/* Apply popup background color to the urlbar background when focused */
|
||||
#urlbar:not(.megabar):focus-within{ background-color: var(--autocomplete-popup-background) }
|
||||
|
||||
/* Spacer to offset actual results. This is placed over urlbar text */
|
||||
.urlbarView:not(.megabar)::before{
|
||||
content: "";
|
||||
display: -moz-box;
|
||||
height: calc(0.8em + var(--toolbarbutton-outer-padding))
|
||||
}
|
||||
|
||||
/* Add popup background color to sub-elements, since it was removed from the popup itself */
|
||||
.urlbarView:not(.megabar) > .search-one-offs,
|
||||
.urlbarView:not(.megabar) > .urlbarView-body-outer{
|
||||
background-color: var(--autocomplete-popup-background); /* Set background-color here */
|
||||
color: var(--autocomplete-popup-color); /* Set text color here */
|
||||
pointer-events: auto
|
||||
}
|
||||
|
||||
/* Add separator line under urlbar text field */
|
||||
.urlbarView:not(.megabar) > .urlbarView-body-outer::before{
|
||||
content:"";
|
||||
display: block;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
background-image: linear-gradient(to right,transparent,grey 35%, grey 65%, transparent)
|
||||
}
|
||||
|
||||
/* Remove normal urlbar border and background */
|
||||
#urlbar:not(.megabar)[focused]{
|
||||
border-color: transparent !important;
|
||||
background-color: var(--autocomplete-popup-background) !important;
|
||||
}
|
||||
|
||||
|
||||
/* Add shadow to focused popup + urlbar */
|
||||
#urlbar:not(.megabar)[focused]:not([open]),
|
||||
#urlbar.megabar[focused] > #urlbar-background,
|
||||
#urlbar[open] > .urlbarView:not(.megabar) { box-shadow: 0 0 5px 3px var(--autocomplete-popup-highlight-background) !important; }
|
||||
|
||||
#urlbar.megabar[focused] > #urlbar-background{ border-width: 0px !important;; }
|
||||
|
||||
/* Remove horizontal paddings from texts */
|
||||
.urlbarView-row{ padding: 6px 0px !important; }
|
||||
39
chrome/deprecated/multi-row_tabs_Fx66+.css
Normal file
39
chrome/deprecated/multi-row_tabs_Fx66+.css
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/multi-row_tabs_Fx66+.css made available under Mozilla Public License v. 2.0
|
||||
See the above repository for updates as well as full license text. */
|
||||
|
||||
/* For Firefox 66+ */
|
||||
/* Use multi-row_tabs_window_control_patch.css to hide window controls if you wish */
|
||||
/* This file is obsolete, you can use multi-row_tabs.css which should work on Firefox pre- and post-66 */
|
||||
|
||||
|
||||
#tabbrowser-tabs{
|
||||
min-height: unset !important;
|
||||
}
|
||||
#tabbrowser-tabs > .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
#tabbrowser-tabs > .tabbrowser-arrowscrollbox {
|
||||
overflow: -moz-hidden-unscrollable;
|
||||
display: block;
|
||||
}
|
||||
.tabbrowser-tab{ max-height: 32px; }
|
||||
.tabbrowser-tab[fadein]:not([pinned]){
|
||||
min-width: 100px !important;
|
||||
flex-grow: 1;
|
||||
/*
|
||||
Uncomment to enable full-width tabs, also makes tab dragging a tiny bit more sensible
|
||||
Don't set to none or you'll see errors in console when closing tabs
|
||||
*/
|
||||
/*max-width: 100vw !important;*/
|
||||
}
|
||||
|
||||
.tabbrowser-tab > stack{ width: 100%; height: 100%; }
|
||||
|
||||
.tabbrowser-tab[pinned]{ position: static !important; }
|
||||
|
||||
#tabbrowser-tabs .scrollbutton-up,
|
||||
#tabbrowser-tabs .scrollbutton-down,
|
||||
#alltabs-button,
|
||||
:root:not([customizing]) #TabsToolbar #new-tab-button,
|
||||
#tabbrowser-tabs spacer{ display: none }
|
||||
169
chrome/deprecated/multi-row_tabs_below_content_legacy.css
Normal file
169
chrome/deprecated/multi-row_tabs_below_content_legacy.css
Normal file
|
|
@ -0,0 +1,169 @@
|
|||
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/multi-row_tabs_below_content_legacy.css made available under Mozilla Public License v. 2.0
|
||||
See the above repository for updates as well as full license text. */
|
||||
|
||||
/* Makes tabs to appear on multiple lines below the web content */
|
||||
/* Tab reordering will not work and can't be made to work */
|
||||
|
||||
/* Make menubar enabled for getting window controls in correct place. Menubar options will be shown as overlay when mouse is at top-left corner */
|
||||
|
||||
/* It's recommended to move tabs new-tab-button outside tabs toolbar */
|
||||
|
||||
/* Change the --multirow-n-rows to change maximum number of rows before the rows will start to scroll */
|
||||
/* Scrollbar can't be clicked but the rows can be scrolled with mouse */
|
||||
/* This maximum visible rows won't work before Fx66 */
|
||||
/* So this setting does nothing on Fx65 and all tab rows will be shown */
|
||||
|
||||
:root{
|
||||
--multirow-toolbar-height: 40px;
|
||||
--multirow-top-padding: 0px;
|
||||
--multirow-n-rows: 3;
|
||||
}
|
||||
|
||||
:root[sizemode="maximized"]{ --multirow-top-padding: 8px }
|
||||
:root[uidensity="compact"]{--multirow-toolbar-height: 32px}
|
||||
:root{ border-top-width: 0px !important }
|
||||
|
||||
#main-window > body > box,
|
||||
#navigator-toolbox{ -moz-box-ordinal-group: 2 }
|
||||
|
||||
#titlebar{-moz-appearance: none !important; } /* Try setting to "-moz-window-titlebar" if you face issues */
|
||||
|
||||
#nav-bar{
|
||||
position: fixed !important;
|
||||
display: flex;
|
||||
margin-left: 30px;
|
||||
width: calc(100vw - 30px);
|
||||
top: var(--multirow-top-padding);
|
||||
|
||||
}
|
||||
:root[tabsintitlebar] #nav-bar{
|
||||
margin-right: 138px;
|
||||
|
||||
/* width == 100vw - margins */
|
||||
width: calc(100vw - 168px);
|
||||
top: var(--multirow-top-padding);
|
||||
}
|
||||
|
||||
/* Fix incorrect vertical alignment with megabar */
|
||||
#urlbar[breakout]{ --urlbar-toolbar-height: var(--multirow-toolbar-height) !important; }
|
||||
|
||||
#customization-container,
|
||||
:root:not([inDOMFullscreen]) #content-deck,
|
||||
:root:not([inDOMFullscreen]) #browser{ margin-top: calc(var(--multirow-toolbar-height) + var(--multirow-top-padding))}
|
||||
|
||||
/* Restyle nav-bar and menubar */
|
||||
#nav-bar-customization-target{ width: calc(100% - 100px); }
|
||||
:root[uidensity="compact"] #nav-bar-customization-target{ width: calc(100% - 82px); }
|
||||
|
||||
#nav-bar-overflow-button,
|
||||
#PanelUI-menu-button{ height: var(--multirow-toolbar-height); }
|
||||
|
||||
#toolbar-menubar{
|
||||
height: var(--multirow-toolbar-height);
|
||||
position: fixed;
|
||||
display: flex;
|
||||
top: var(--multirow-top-padding);
|
||||
width: 100vw;
|
||||
color: var(--lwt-text-color);
|
||||
background: linear-gradient(to right, var(--toolbar-bgcolor), var(--toolbar-bgcolor) 30px, transparent 30px) no-repeat;
|
||||
}
|
||||
#menubar-items + spacer{ flex-grow: 1 }
|
||||
|
||||
#toolbar-menubar > #menubar-items{
|
||||
-moz-box-pack: center;
|
||||
height: 100%;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
#toolbar-menubar:hover{ z-index: 2 }
|
||||
#toolbar-menubar:hover > #menubar-items{
|
||||
visibility: visible;
|
||||
background-image: linear-gradient( to left,transparent,var(--lwt-accent-color) 35px);
|
||||
}
|
||||
|
||||
#toolbar-menubar > .titlebar-buttonbox-container{ display: block; float: right; height: 100%; background: var(--toolbar-bgcolor)}
|
||||
#toolbar-menubar > .titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100% ;}
|
||||
|
||||
#main-menubar:last-child{ padding-inline-end: 40px }
|
||||
#toolbar-menubar > toolbarspring {
|
||||
background: url(chrome://browser/skin/settings.svg) no-repeat 10px;
|
||||
height: 100%;
|
||||
display: block;
|
||||
fill: currentColor;
|
||||
-moz-context-properties: fill;
|
||||
min-width: 28px !important;
|
||||
max-width: 28px !important;
|
||||
}
|
||||
|
||||
#PanelUI-button{ margin-right: 20px; }
|
||||
|
||||
#tabbrowser-tabs{
|
||||
min-height: unset !important;
|
||||
}
|
||||
#tabbrowser-tabs > .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox,
|
||||
#tabbrowser-arrowscrollbox{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
max-height: calc(var(--multirow-toolbar-height) * var(--multirow-n-rows));
|
||||
overflow-y: auto;
|
||||
scrollbar-color: var(--toolbar-bgcolor) var(--lwt-accent-color);
|
||||
scrollbar-width: thin;
|
||||
}
|
||||
#tabbrowser-tabs > .tabbrowser-arrowscrollbox {
|
||||
overflow: -moz-hidden-unscrollable;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Selectors for Firefox 71+ */
|
||||
/* These are not tabs toolbar specific but horizontal scrollbox isn't used elsewhere, except in bookmarks toolbar but there it doesn't have [part] attribute since it's not in shadow-root */
|
||||
@-moz-document url(chrome://browser/content/browser.xhtml){
|
||||
.scrollbutton-up[orient="horizontal"][part]~spacer,
|
||||
.scrollbutton-up[orient="horizontal"][part],
|
||||
.scrollbutton-down[orient="horizontal"][part]{ display: none }
|
||||
|
||||
scrollbox[part][orient="horizontal"]{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
overflow-y: auto;
|
||||
max-height: calc(var(--tab-min-height) * var(--multirow-n-rows));
|
||||
scrollbar-color: currentColor transparent;
|
||||
scrollbar-width: thin;
|
||||
}
|
||||
#tabbrowser-tabs{ padding-inline-start: 0px !important; }
|
||||
}
|
||||
|
||||
.tabbrowser-tab{ max-height: var(--tab-min-height); min-height: var(--tab-min-height) }
|
||||
.tabbrowser-tab > stack{ width: 100%; height: 100%; }
|
||||
|
||||
.tabbrowser-tab[fadein]:not([pinned]){
|
||||
min-width: 100px !important;
|
||||
flex-grow: 1;
|
||||
/*
|
||||
Uncomment to enable full-width tabs, also makes tab dragging a tiny bit more sensible
|
||||
Don't set to none or you'll see errors in console when closing tabs
|
||||
*/
|
||||
/*! max-width: 100vw !important; */
|
||||
}
|
||||
|
||||
.tabbrowser-tab[pinned]{
|
||||
position: static !important;
|
||||
margin-inline-start: 0px !important;
|
||||
}
|
||||
|
||||
#scrollbutton-up,
|
||||
#scrollbutton-down,
|
||||
#scrollbutton-up~spacer,
|
||||
#tabbrowser-tabs .scrollbutton-up,
|
||||
#tabbrowser-tabs .scrollbutton-down,
|
||||
#alltabs-button,
|
||||
#TabsToolbar #new-tab-button,
|
||||
#tabbrowser-tabs spacer,
|
||||
.tabbrowser-tab::after{ display: none !important } /* Also disables tab separators since they mysteriously break tab-row scrolling */
|
||||
|
||||
/* Always show tab close button on hover and never otherwise */
|
||||
.tabbrowser-tab .tab-close-button{
|
||||
display:none;
|
||||
}
|
||||
.tabbrowser-tab:not([pinned]):hover .tab-close-button{
|
||||
display:-moz-box !important;
|
||||
}
|
||||
105
chrome/deprecated/multi-row_tabs_legacy.css
Normal file
105
chrome/deprecated/multi-row_tabs_legacy.css
Normal file
|
|
@ -0,0 +1,105 @@
|
|||
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/multi-row_tabs_legacy.css made available under Mozilla Public License v. 2.0
|
||||
See the above repository for updates as well as full license text. */
|
||||
|
||||
/* Makes tabs to appear on multiple lines */
|
||||
/* Tab reordering will not work and can't be made to work */
|
||||
/* You can use multi-row_tabs_window_control_patch.css to move window controls to nav-bar*/
|
||||
|
||||
/* It's recommended to move tabs new-tab-button outside tabs toolbar */
|
||||
|
||||
/* Change the --multirow-n-rows to change maximum number of rows before the rows will start to scroll */
|
||||
/* This maximum visible rows won't work before Fx66 */
|
||||
/* So this setting does nothing on Fx65 and all tab rows will be shown */
|
||||
:root{
|
||||
--multirow-n-rows: 3;
|
||||
--multirow-tab-min-width: 100px;
|
||||
--multirow-tab-dynamic-width: 1; /* Change to 0 for fixed-width tabs using the above width. */
|
||||
}
|
||||
|
||||
/* Scrollbar can't be clicked but the rows can be scrolled with mouse wheel */
|
||||
/* Uncomment the next line if you want to be able to use the scrollbar with mouse clicks */
|
||||
|
||||
/* .tabbrowser-arrowscrollbox{ -moz-window-dragging: no-drag } */
|
||||
|
||||
/* Uncommenting the above makes you unable to drag the window from empty space in the tab strip but normal draggable spaces will continue to work */
|
||||
|
||||
#tabbrowser-tabs{
|
||||
min-height: unset !important;
|
||||
padding-inline-start: 0px !important
|
||||
}
|
||||
/* Selectors for Firefox 71+ */
|
||||
/* These are not tabs toolbar specific but horizontal scrollbox isn't used elsewhere, except in bookmarks toolbar but there it doesn't have [part] attribute since it's not in shadow-root */
|
||||
@-moz-document url(chrome://browser/content/browser.xhtml){
|
||||
.scrollbutton-up[orient="horizontal"][part]~spacer,
|
||||
.scrollbutton-up[orient="horizontal"][part],
|
||||
.scrollbutton-down[orient="horizontal"][part]{ display: none }
|
||||
|
||||
scrollbox[part][orient="horizontal"]{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
overflow-y: auto;
|
||||
max-height: calc(var(--tab-min-height) * var(--multirow-n-rows));
|
||||
scrollbar-color: currentColor transparent;
|
||||
scrollbar-width: thin;
|
||||
}
|
||||
}
|
||||
|
||||
/* Test for Firefox > 66 */
|
||||
@supports (inset-block:auto){
|
||||
#tabbrowser-tabs > .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
overflow-y: auto;
|
||||
max-height: calc(var(--tab-min-height) * var(--multirow-n-rows));
|
||||
scrollbar-color: var(--toolbar-bgcolor) var(--lwt-accent-color);
|
||||
scrollbar-width: thin;
|
||||
}
|
||||
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
|
||||
#tabbrowser-arrowscrollbox{
|
||||
overflow: -moz-hidden-unscrollable;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
/* Test for Firefox < 66 */
|
||||
@supports not (inset-block:auto){
|
||||
#tabbrowser-tabs > .tabbrowser-arrowscrollbox{
|
||||
min-height: unset !important;
|
||||
}
|
||||
#tabbrowser-tabs .scrollbox-innerbox{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
#tabbrowser-tabs .arrowscrollbox-scrollbox {
|
||||
overflow: -moz-hidden-unscrollable;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.tabbrowser-tab{ height: var(--tab-min-height); }
|
||||
#tabbrowser-tabs .tabbrowser-tab[pinned]{
|
||||
position: static !important;
|
||||
margin-inline-start: 0px !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[fadein]:not([pinned]){
|
||||
min-width: var(--multirow-tab-min-width) !important;
|
||||
flex-grow: var(--multirow-tab-dynamic-width);
|
||||
/*
|
||||
Uncomment to enable full-width tabs, also makes tab dragging a tiny bit more sensible
|
||||
Don't set to none or you'll see errors in console when closing tabs
|
||||
*/
|
||||
/*max-width: 100vw !important;*/
|
||||
}
|
||||
|
||||
.tabbrowser-tab > stack{ width: 100%; height: 100% }
|
||||
|
||||
#scrollbutton-up,
|
||||
#scrollbutton-down,
|
||||
#scrollbutton-up~spacer,
|
||||
#tabbrowser-tabs .scrollbutton-up,
|
||||
#tabbrowser-tabs .scrollbutton-down,
|
||||
#alltabs-button,
|
||||
:root:not([customizing]) #TabsToolbar #new-tab-button,
|
||||
#tabbrowser-tabs spacer,
|
||||
.tabbrowser-tab::after{ display: none !important }
|
||||
69
chrome/deprecated/theme_additional_windows.css
Normal file
69
chrome/deprecated/theme_additional_windows.css
Normal file
|
|
@ -0,0 +1,69 @@
|
|||
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/theme_additional_windows.css made available under Mozilla Public License v. 2.0
|
||||
See the above repository for updates as well as full license text. */
|
||||
|
||||
/* Color editing should generally be done in theme_color_variables.css */
|
||||
|
||||
/*!!! IMPORT theme_color_variables.css !!!*/
|
||||
|
||||
/* Library window */
|
||||
@-moz-document url(chrome://browser/content/places/places.xul){
|
||||
:root{ background-color: var(--uc-light-bkgnd-color,black) !important;}
|
||||
#placesToolbar,
|
||||
tree{
|
||||
background: transparent !important;
|
||||
color: var(--uc-text-color) !important;
|
||||
}
|
||||
textbox,
|
||||
richlistbox,
|
||||
treecol,
|
||||
button{
|
||||
-moz-appearance: none !important;
|
||||
background-color: var(--uc-dark-bkgnd-color) !important;
|
||||
color: var(--uc-text-color) !important;
|
||||
}
|
||||
treecol:not([hideheader]){ height: 24px; }
|
||||
treecol:hover{ filter: brightness(160%) }
|
||||
treechildren::-moz-tree-row(multicol, odd){ background-color: rgba(0,0,0,0.2) !important; }
|
||||
treechildren::-moz-tree-row(hover),button:hover{ background-color: var(--uc-active-color) !important; }
|
||||
treechildren::-moz-tree-row(selected){ background-color: var(--uc-border-color) !important; }
|
||||
button{ padding: 3px }
|
||||
#placesMenu > menu{ border: none !important; }
|
||||
#detailsDeck{ color: var(--uc-text-color) }
|
||||
}
|
||||
|
||||
/* Page-info window */
|
||||
@-moz-document url(chrome://browser/content/pageinfo/pageInfo.xul){
|
||||
#main-window,
|
||||
#topBar{
|
||||
background-color: var(--uc-dark-bkgnd-color,black) !important;
|
||||
color: var(--uc-text-color,white) !important;
|
||||
}
|
||||
textbox{ color: var(--uc-text-color) !important; }
|
||||
|
||||
richlistbox,
|
||||
treecol,
|
||||
button,
|
||||
#permList{
|
||||
-moz-appearance: none !important;
|
||||
background-color: var(--uc-light-bkgnd-color) !important;
|
||||
color: var(--uc-text-color) !important;
|
||||
}
|
||||
tree{
|
||||
background: transparent !important;
|
||||
color: var(--uc-text-color) !important;
|
||||
}
|
||||
treecol:not([hideheader]){ height: 24px; }
|
||||
treecol:hover{ filter: brightness(140%) }
|
||||
treechildren{ background-color: var(--uc-light-bkgnd-color) !important; }
|
||||
treechildren::-moz-tree-row(multicol, odd){ background-color: rgba(0,0,0,0.2) !important; }
|
||||
treechildren::-moz-tree-row(hover),
|
||||
button:hover,
|
||||
radiogroup > radio:hover,
|
||||
#permList > .permission:hover{
|
||||
background-color: var(--uc-active-color) !important;
|
||||
}
|
||||
treechildren::-moz-tree-row(selected),
|
||||
radiogroup > radio[selected]{
|
||||
background-color: var(--uc-border-color) !important;
|
||||
}
|
||||
}
|
||||
44
chrome/deprecated/theme_aware_modal_prompts.css
Normal file
44
chrome/deprecated/theme_aware_modal_prompts.css
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/theme_aware_modal_prompts.css made available under Mozilla Public License v. 2.0
|
||||
See the above repository for updates as well as full license text. */
|
||||
|
||||
/* DEPRECATED */
|
||||
|
||||
/* Makes the popup of alert() prompt() etc. respept theme colors as well as be slightly differently styled */
|
||||
|
||||
tabmodalprompt >.spacer-top{ display: none }
|
||||
.tabmodalprompt-mainContainer{
|
||||
-moz-box-orient: horizontal;
|
||||
box-shadow: 0 0px 14px black;
|
||||
background-image: linear-gradient(var(--toolbar-bgcolor),var(--toolbar-bgcolor));
|
||||
border-top: none !important;
|
||||
}
|
||||
:root:-moz-lwtheme-brighttext .tabmodalprompt-mainContainer{ background-color: black !important; }
|
||||
.tabmodalprompt-topContainer{ color: var(--toolbar-color); padding-inline-end: 0px !important; }
|
||||
.tabmodalprompt-buttonContainer{ background: transparent !important; padding-top: 7em !important; }
|
||||
|
||||
.tabmodalprompt-rows input{ color: inherit; -moz-appearance: none; background: rgba(255,255,255,0.1); border: 1px solid currentColor; }
|
||||
|
||||
.tabmodalprompt-infoContainer{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
min-width: 30ch;
|
||||
}
|
||||
.infoTitle{ font-size: 1.1em }
|
||||
.infoBody{ margin-inline-start: 6px !important; }
|
||||
|
||||
|
||||
.tabmodalprompt-buttonContainer > button{
|
||||
-moz-appearance: none !important;
|
||||
border: 1px solid rgba(0,0,0,0.1);
|
||||
border-radius: 4px;
|
||||
color: var(--toolbar-color) !important;
|
||||
}
|
||||
.tabmodalprompt-buttonContainer > button:hover{
|
||||
box-shadow: inset 0 0 6px grey
|
||||
}
|
||||
|
||||
.tabmodalprompt-buttonContainer > button[default],
|
||||
.tabmodalprompt-buttonContainer > button:focus{ background-color: #3388ff; color: white !important; }
|
||||
|
||||
.tabmodalprompt-buttonContainer > button:active{ background-image: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1)) }
|
||||
11
chrome/deprecated/theme_color_variables.css
Normal file
11
chrome/deprecated/theme_color_variables.css
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/theme_color_variables.css made available under Mozilla Public License v. 2.0
|
||||
See the above repository for updates as well as full license text. */
|
||||
|
||||
/* Color controls for theme_***.css files */
|
||||
:root{
|
||||
--uc-dark-bkgnd-color: rgb(12,16,32);
|
||||
--uc-light-bkgnd-color: rgb(46,54,69);
|
||||
--uc-active-color: rgb(26, 70, 102);
|
||||
--uc-text-color: rgb(195, 198, 201);
|
||||
--uc-border-color: rgb(43,130,191);
|
||||
}
|
||||
139
chrome/deprecated/theme_popups_and_menus.css
Normal file
139
chrome/deprecated/theme_popups_and_menus.css
Normal file
|
|
@ -0,0 +1,139 @@
|
|||
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/theme_popups_and_menus.css made available under Mozilla Public License v. 2.0
|
||||
See the above repository for updates as well as full license text. */
|
||||
|
||||
/* Makes popups, menus and context menus dark */
|
||||
/* Color editing should generally be done in theme_color_variables.css */
|
||||
|
||||
/*!!! IMPORT theme_color_variables.css !!!*/
|
||||
|
||||
/* Limit popups for general browser popups so that devtools is not affected */
|
||||
@-moz-document url-prefix(chrome://browser/content/){
|
||||
:root{ --panel-disabled-color: #888 !important; }
|
||||
|
||||
.panel-arrowcontent,
|
||||
#alltabs-popup .arrowscrollbox-scrollbox,
|
||||
menupopup:not(#BMB_bookmarksPopup),
|
||||
.textbox-contextmenu{
|
||||
border: 3px solid #434850 !important;
|
||||
background: var(--uc-dark-bkgnd-color) !important;
|
||||
border-radius: 5px !important;
|
||||
color: var(--uc-text-color) !important;
|
||||
}
|
||||
|
||||
/* bookmarks menu is different from others */
|
||||
#BMB_bookmarksPopup{
|
||||
background-color: unset !important;
|
||||
}
|
||||
|
||||
/* GENERAL */
|
||||
menupopup,
|
||||
menuitem,
|
||||
menu{
|
||||
-moz-appearance: none !important;
|
||||
}
|
||||
|
||||
menupopup{
|
||||
background-color:var(--uc-dark-bkgnd-color) !important;
|
||||
border:none;
|
||||
}
|
||||
|
||||
menuitem,
|
||||
menu{
|
||||
min-height:24px !important;
|
||||
color: var(--uc-text-color) !important;
|
||||
}
|
||||
|
||||
menuitem[disabled="true"],
|
||||
menu[disabled="true"]{
|
||||
color: black !important;
|
||||
text-shadow: 0 0 4px silver !important;
|
||||
}
|
||||
|
||||
menuitem:hover,
|
||||
menu:hover{
|
||||
background-color:var(--uc-active-color) !important;
|
||||
}
|
||||
|
||||
menuitem[disabled="true"]:hover,
|
||||
menu[disabled="true"]:hover{
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.menu-right{ filter: invert(100%) }
|
||||
#context-navigation{ background-color: transparent !important; }
|
||||
|
||||
/* POPUP PANELS */
|
||||
|
||||
.panel-subviews,
|
||||
#mainPopupSet menupopup,
|
||||
#main-menubar menupopup,
|
||||
#bookmarks-menu-button menu menupopup > hbox,
|
||||
.search-panel-header.search-panel-current-engine,
|
||||
.search-panel-current-input,
|
||||
panelview,
|
||||
.PanelUI-subView,
|
||||
.autocomplete-richlistbox,
|
||||
#urlbar-results{
|
||||
background-color: var(--uc-dark-bkgnd-color) !important;
|
||||
}
|
||||
|
||||
.subviewbutton:hover,
|
||||
#widget-overflow-mainView .toolbarbutton-1:hover,
|
||||
#PopupAutoCompleteRichResult .autocomplete-richlistitem:hover,
|
||||
#PopupSearchAutoComplete .autocomplete-richlistitem:hover{
|
||||
background-color: var(--uc-active-color) !important;
|
||||
}
|
||||
|
||||
#widget-overflow-mainView #searchbar > .searchbar-textbox{
|
||||
background-color: var(--uc-light-bkgnd-color) !important;
|
||||
color: var(--uc-text-color) !important;
|
||||
}
|
||||
|
||||
panelview toolbarbutton.subviewbutton .toolbarbutton-text,
|
||||
#downloadsFooter,
|
||||
#customizationui-widget-panel label,
|
||||
.autocomplete-richlistitem .ac-title,
|
||||
#widget-overflow-mainView toolbarbutton,
|
||||
#bookmarks-menu-button menu menupopup,
|
||||
#PopupSearchAutoComplete .autocomplete-tree.plain.search-panel-tree,
|
||||
#PanelUI-contents toolbarbutton,
|
||||
#alltabs_containersTab,
|
||||
#PopupAutoCompleteRichResult .ac-title,
|
||||
#PopupAutoCompleteRichResult .search-one-offs,
|
||||
.search-panel-input-value{
|
||||
color: var(--uc-text-color)!important;
|
||||
}
|
||||
|
||||
#alltabs-popup,
|
||||
#alltabs_containersMenuTab{
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.search-panel-one-offs,
|
||||
.downloadsPanelFooterButton:not(:hover),
|
||||
#overflowMenu-customize-button:not(:hover),
|
||||
#searchbar-anon-search-settings{
|
||||
background-color: var(--uc-light-bkgnd-color) !important;
|
||||
}
|
||||
|
||||
#PopupAutoCompleteRichResult .ac-emphasize-text.ac-emphasize-text-title{
|
||||
color: var(--uc-border-color) !important;
|
||||
}
|
||||
|
||||
#editBookmarkPanel textbox,
|
||||
#editBookmarkPanel menulist,
|
||||
#editBookmarkPanel button,
|
||||
#editBookmarkPanel richlistbox,
|
||||
#editBookmarkPanel tree{
|
||||
-moz-appearance: none !important;
|
||||
background-color: var(--uc-light-bkgnd-color) !important;
|
||||
color: var(--uc-text-color) !important;
|
||||
}
|
||||
|
||||
#editBookmarkPanel button:hover{ filter: brightness(150%) }
|
||||
#editBookmarkPanel menulist{ padding: 4px !important; }
|
||||
#editBookmarkPanel button{ padding: 3px !important; }
|
||||
|
||||
#editBMPanel_folderTree treechildren::-moz-tree-cell(selected){ background-color: var(--uc-border-color) !important; }
|
||||
#editBMPanel_folderTree treechildren::-moz-tree-cell(hover){ background-color: var(--uc-active-color) !important; }
|
||||
}
|
||||
46
chrome/deprecated/theme_sidebar.css
Normal file
46
chrome/deprecated/theme_sidebar.css
Normal file
|
|
@ -0,0 +1,46 @@
|
|||
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/theme_sidebar.css made available under Mozilla Public License v. 2.0
|
||||
See the above repository for updates as well as full license text. */
|
||||
|
||||
/* Colors for bookmarks and history sidebars */
|
||||
/* Color editing should generally be done in theme_color_variables.css */
|
||||
|
||||
/*!!! IMPORT theme_color_variables.css !!!*/
|
||||
|
||||
#sidebar-box{ --toolbar-non-lwt-bgcolor: var(--uc-light-bkgnd-color) }
|
||||
|
||||
#sidebar-search-container #search-box{
|
||||
-moz-appearance:none !important;
|
||||
background-color: var(--uc-dark-bkgnd-color) !important;
|
||||
border: none !important;
|
||||
color: var(--uc-text-color) !important;
|
||||
}
|
||||
|
||||
#history-panel,
|
||||
#bookmarksPanel,
|
||||
#sidebar-header{
|
||||
background-color: var(--uc-light-bkgnd-color) !important;
|
||||
color: var(--uc-text-color) !important;
|
||||
border-top: none !important;
|
||||
border-bottom:none !important;
|
||||
scrollbar-color: rgb(210,210,210) var(--uc-light-bkgnd-color) !important;
|
||||
}
|
||||
|
||||
.sidebar-placesTreechildren,
|
||||
#sidebar-box,
|
||||
#sidebar-header{
|
||||
color: var(--uc-text-color) !important;
|
||||
}
|
||||
|
||||
.sidebar-placesTreechildren::-moz-tree-cell{
|
||||
outline:none;
|
||||
border-radius:0px;
|
||||
background-image:none;
|
||||
}
|
||||
|
||||
.sidebar-placesTreechildren::-moz-tree-cell(selected){
|
||||
background-color: var(--uc-border-color) !important;
|
||||
}
|
||||
|
||||
.sidebar-placesTreechildren::-moz-tree-cell(hover){
|
||||
background-color: var(--uc-active-color) !important;
|
||||
}
|
||||
118
chrome/deprecated/theme_toolbars.css
Normal file
118
chrome/deprecated/theme_toolbars.css
Normal file
|
|
@ -0,0 +1,118 @@
|
|||
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/theme_toolbars.css made available under Mozilla Public License v. 2.0
|
||||
See the above repository for updates as well as full license text. */
|
||||
|
||||
/* General toolbar coloring - buttons, text, findbar etc. */
|
||||
/* Color editing should generally be done in theme_color_variables.css */
|
||||
|
||||
/*!!! IMPORT theme_color_variables.css !!!*/
|
||||
|
||||
/* Override some default variables - stylesheet compatibility */
|
||||
:root{
|
||||
--lwt-toolbar-field-background-color: var(--uc-dark-bkgnd-color) !important;
|
||||
--toolbar-field-border-color: transparent !important;
|
||||
--toolbar-bgcolor: var(--uc-light-bkgnd-color) !important;
|
||||
}
|
||||
#nav-bar{--uc-ext-active-color: var(--uc-active-color);}
|
||||
|
||||
#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar),
|
||||
#browser-bottombox,
|
||||
#customization-container,
|
||||
findbar{
|
||||
background-color: var(--uc-light-bkgnd-color) !important;
|
||||
color: var(--uc-text-color) !important;
|
||||
}
|
||||
|
||||
findbar{ background-image: none !important; }
|
||||
|
||||
#TabsToolbar,
|
||||
#toolbar-menubar,
|
||||
.findbar-find-previous,
|
||||
.findbar-find-next,
|
||||
#urlbar,
|
||||
.findbar-textbox,
|
||||
.searchbar-textbox{
|
||||
color: var(--uc-text-color) !important;
|
||||
}
|
||||
|
||||
#TabsToolbar,
|
||||
#toolbar-menubar{
|
||||
background-color: var(--uc-dark-bkgnd-color) !important;
|
||||
}
|
||||
|
||||
.findbar-find-previous,
|
||||
.findbar-find-next{
|
||||
background-color: var(--lwt-toolbar-field-background-color) !important;
|
||||
}
|
||||
|
||||
#urlbar{ border-color: transparent !important; }
|
||||
|
||||
#urlbar[focused]{
|
||||
border-color: var(--uc-border-color) !important;
|
||||
}
|
||||
|
||||
#urlbar .urlbar-icon:hover{
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
#tabbrowser-tabs,
|
||||
.search-panel-input-value,
|
||||
.titlebar-buttonbox-container,
|
||||
.tab-close-button{
|
||||
color: var(--uc-text-color) !important;
|
||||
}
|
||||
|
||||
.toolbarbutton-icon:hover, toolbarbutton:hover > stack{ border-radius: 2px !important; }
|
||||
:root:not([uidensity="compact"]) #back-button > .toolbarbutton-icon{ border-radius: 10000px !important; }
|
||||
|
||||
.toolbarbutton-1:not([disabled]):hover > .toolbarbutton-icon,
|
||||
.toolbarbutton-1:not([disabled]):hover > stack,
|
||||
.toolbarbutton-1[open="true"] > .toolbarbutton-icon,
|
||||
.toolbarbutton-1[open="true"] > stack,
|
||||
.toolbarbutton-1[checked="true"] > .toolbarbutton-icon,
|
||||
.toolbarbutton-1[checked="true"] > stack,
|
||||
#PlacesToolbarItems .bookmark-item:hover,
|
||||
#page-action-buttons image:hover,
|
||||
.urlbar-icon:hover,
|
||||
#TabsToolbar .scrollbutton-down:hover,
|
||||
#TabsToolbar .scrollbutton-up:hover{
|
||||
background-color: var(--uc-active-color) !important;
|
||||
box-shadow: inset 0 0 1px 1px var(--uc-border-color) !important;
|
||||
}
|
||||
|
||||
findbar toolbarbutton:not([disabled]):not(.close-icon):hover,
|
||||
findbar toolbarbutton[checked="true"],
|
||||
findbar > .findbar-closebutton:hover > .toolbarbutton-icon{
|
||||
background-color: var(--uc-active-color) !important;
|
||||
}
|
||||
|
||||
.findbar-textbox:not(.minimal){ border-right: none !important; }
|
||||
.findbar-find-next{ border-left: none !important; }
|
||||
.findbar-textbox:focus-within ~ toolbarbutton{ border-color: var(--toolbar-field-focus-border-color, Highlight) !important; }
|
||||
|
||||
/* Override some special cases */
|
||||
#TabsToolbar .scrollbutton-down > .toolbarbutton-icon,
|
||||
#TabsToolbar .scrollbutton-up > .toolbarbutton-icon,
|
||||
#downloads-indicator-anchor,
|
||||
#PersonalToolbar .bookmark-item > .toolbarbutton-icon,
|
||||
#titlebar .titlebar-button > .toolbarbutton-icon,
|
||||
#widget-overflow-mainView toolbarbutton > stack,
|
||||
#widget-overflow-mainView toolbarbutton > .toolbarbutton-icon{
|
||||
background-color: transparent !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
#back-button {--backbutton-background: rgb(66,74,89) }
|
||||
|
||||
.toolbarbutton-1{ fill: var(--uc-text-color) !important; }
|
||||
|
||||
.tab-line{
|
||||
height:2px !important;
|
||||
border-bottom: solid 1px lightblue !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[selected] .tab-background{
|
||||
background-image: linear-gradient(var(--uc-active-color) 75%,var(--uc-light-bkgnd-color)) !important;
|
||||
box-shadow:0 3px 1px -1px white inset,
|
||||
0 10px 4px -5px var(--uc-border-color) inset,
|
||||
0 -2px 0 rgba(0,0,0,.06) inset !important;
|
||||
}
|
||||
16
chrome/deprecated/toggle_bookmarksbar_with_alt.css
Normal file
16
chrome/deprecated/toggle_bookmarksbar_with_alt.css
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/toggle_bookmarksbar_with_alt.css made available under Mozilla Public License v. 2.0
|
||||
See the above repository for updates as well as full license text. */
|
||||
|
||||
/* Pretty much requires either menubar_in-toolbar or the oneliner compatible one */
|
||||
/* Otherwise the changing vertical position causes bookmarks to be unclickable */
|
||||
/* NOT COMPATIBLE with Fx65+ */
|
||||
#main-window[sizemode="normal"]:not([customizing]) #PersonalToolbar{
|
||||
transition: margin 0.15s ease-in-out 50ms, z-index 16ms linear 100ms!important;
|
||||
height: 28px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
:root:not([customizing]) #toolbar-menubar[inactive] ~ #PersonalToolbar:not(:hover){
|
||||
margin-top:-28px;
|
||||
z-index: -1;
|
||||
}
|
||||
28
chrome/deprecated/urlbar_and_popup_equal_width.css
Normal file
28
chrome/deprecated/urlbar_and_popup_equal_width.css
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/urlbar_and_popup_equal_width.css made available under Mozilla Public License v. 2.0
|
||||
See the above repository for updates as well as full license text. */
|
||||
|
||||
/* DEPRECATED AS OF FIREFOX 75 */
|
||||
/* Constrains urlbar popup to urlbar width */
|
||||
/* Firefox 70+ */
|
||||
|
||||
#urlbar-container{
|
||||
transform: translateY(0);
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
padding-block: 3px !important;
|
||||
padding-inline: 0px !important;
|
||||
margin-inline: 5px !important;
|
||||
}
|
||||
#nav-bar-customization-target{ overflow: visible !important }
|
||||
#urlbar-results{ max-width: 100% !important; }
|
||||
.urlbarView{
|
||||
top: calc(100% - 5px) !important;
|
||||
width: 100%;
|
||||
border-width: 0 1px 1px 1px !important;;
|
||||
border-style: solid;
|
||||
border-color: inherit !important;
|
||||
}
|
||||
:root[uidensity="compact"] .urlbarView { margin-top: 2px }
|
||||
:root[uidensity="touch"] .urlbarView { margin-top: 1px }
|
||||
#urlbar[open]{ border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; }
|
||||
.urlbarView-row{ padding: 6px 0px !important; }
|
||||
Loading…
Add table
Add a link
Reference in a new issue