refactor(browser): only maintain userChrome and user.js files for zen
This commit is contained in:
Sergio Laín
parent
276c0dfb5e
commit
ae952575fc
7 changed files with 41 additions and 2384 deletions
|
|
@ -1,958 +0,0 @@
|
||||||
/* GLOBAL SETTING */
|
|
||||||
|
|
||||||
/* Fonts */
|
|
||||||
|
|
||||||
* {
|
|
||||||
font-family: monospace !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*------------------------------------------------*/
|
|
||||||
/* Background Color */
|
|
||||||
|
|
||||||
#browser {
|
|
||||||
background-color: #1e2030 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#tabbrowser-tabpanels,
|
|
||||||
#appcontent,
|
|
||||||
#tabbrowser-tabbox {
|
|
||||||
background: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
#navigator-toolbox,
|
|
||||||
.browser-sidebar2 {
|
|
||||||
background: #181926 !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: light) {
|
|
||||||
#navigator-toolbox,
|
|
||||||
.browser-sidebar2 {
|
|
||||||
background: #e6e6e6 !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#PersonalToolbar,
|
|
||||||
#nav-bar {
|
|
||||||
background: transparent !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Hide Status Messages */
|
|
||||||
/*
|
|
||||||
#statuspanel[type="overLink"] {
|
|
||||||
opacity: 0 !important;
|
|
||||||
}
|
|
||||||
#statuspanel {
|
|
||||||
opacity: 0 !important;
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
|
|
||||||
/*============================================================================================*/
|
|
||||||
/* NAV BAR */
|
|
||||||
|
|
||||||
/* Auto hide icons on the Nav Bar */
|
|
||||||
#nav-bar
|
|
||||||
> #nav-bar-customization-target
|
|
||||||
*:not(#urlbar-container):not(#urlbar-container *),
|
|
||||||
#PanelUI-button {
|
|
||||||
opacity: 0 !important;
|
|
||||||
transition: opacity 0.7s ease !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#nav-bar:hover
|
|
||||||
> #nav-bar-customization-target
|
|
||||||
*:not(#urlbar-container):not(#urlbar-container *),
|
|
||||||
#nav-bar:hover > #PanelUI-button {
|
|
||||||
opacity: 1 !important;
|
|
||||||
transition: opacity 0.3s ease !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#forward-button {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#back-button {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*------------------------------------------------*/
|
|
||||||
/* Remove line between website content and top bar */
|
|
||||||
|
|
||||||
#navigator-toolbox {
|
|
||||||
border-bottom: var(--firefoxcss-top-bar-border-bottom-size) solid
|
|
||||||
var(--firefoxcss-top-bar-border-bottom-color) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*------------------------------------------------*/
|
|
||||||
/* Remove the all tab and new tab button */
|
|
||||||
#alltabs-button,
|
|
||||||
#tabs-newtab-button {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*------------------------------------------------*/
|
|
||||||
/* Remove the 3 dots from Alt Key */
|
|
||||||
|
|
||||||
#titlebar #toolbar-menubar .titlebar-buttonbox-container {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*------------------------------------------------*/
|
|
||||||
/* Move menu buttons to the left side */
|
|
||||||
|
|
||||||
#nav-bar #PanelUI-button #PanelUI-menu-button {
|
|
||||||
padding-right: 2px !important;
|
|
||||||
padding-left: 4px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#nav-bar #PanelUI-button {
|
|
||||||
-moz-box-ordinal-group: 0 !important;
|
|
||||||
order: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
toolbar:not([customizing]) > #nav-bar-overflow-button {
|
|
||||||
-moz-box-ordinal-group: 1 !important;
|
|
||||||
order: 1 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
toolbar:not([customizing]) > #nav-bar-customization-target {
|
|
||||||
-moz-box-ordinal-group: 2 !important;
|
|
||||||
order: 2 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#appMenu-popup {
|
|
||||||
margin-inline: -244px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#widget-overflow {
|
|
||||||
margin-inline: -320px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*------------------------------------------------*/
|
|
||||||
#TabsToolbar .titlebar-buttonbox-container .titlebar-close {
|
|
||||||
background: #f25056 !important;
|
|
||||||
display: none !important;
|
|
||||||
overflow: hidden !important;
|
|
||||||
transition: background-color 200ms ease !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*------------------------------------------------*/
|
|
||||||
/* Make Tab Bar join with URL Bar on the left */
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--tab-border-radius: 3px !important;
|
|
||||||
--NavbarWidth: 2;
|
|
||||||
--TabsHeight: 36;
|
|
||||||
--TabsBorder: 8;
|
|
||||||
--NavbarHeightSmall: calc(var(--TabsHeight) + var(--TabsBorder));
|
|
||||||
}
|
|
||||||
|
|
||||||
#nav-bar {
|
|
||||||
margin-top: calc(
|
|
||||||
var(--TabsHeight) * -0.7px - var(--TabsBorder) * 1px
|
|
||||||
) !important;
|
|
||||||
height: calc((var(--TabsHeight) * 1px + var(--TabsBorder) * 1px) + 0px);
|
|
||||||
}
|
|
||||||
|
|
||||||
#urlbar-container {
|
|
||||||
min-width: 0px !important;
|
|
||||||
flex: auto !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 100px) {
|
|
||||||
#TabsToolbar {
|
|
||||||
margin-right: 0 !important;
|
|
||||||
}
|
|
||||||
#nav-bar {
|
|
||||||
margin-left: 0 !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Fix for Firefox 123 */
|
|
||||||
#nav-bar:not([tabs-hidden="true"]) {
|
|
||||||
position: static !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#nav-bar-customization-target,
|
|
||||||
#PanelUI-button {
|
|
||||||
position: relative !important;
|
|
||||||
z-index: 3 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*------------------------------------------------*/
|
|
||||||
/* Make active tab to hidden tab */
|
|
||||||
|
|
||||||
tab:not([selected="true"]),
|
|
||||||
[part="overflow-start-indicator"],
|
|
||||||
[part="overflow-end-indicator"],
|
|
||||||
#scrollbutton-up,
|
|
||||||
#scrollbutton-down,
|
|
||||||
#TabsToolbar .titlebar-spacer,
|
|
||||||
.tabbrowser-tab[selected="true"] .tab-text,
|
|
||||||
.tabbrowser-tab[selected="true"] .tab-close-button,
|
|
||||||
.tab-line,
|
|
||||||
.tab-throbber {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabbrowser-tab[selected="true"] {
|
|
||||||
min-width: 0px !important;
|
|
||||||
max-width: 0px !important;
|
|
||||||
background-color: #181926 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
tab,
|
|
||||||
.tabbrowser-tab {
|
|
||||||
padding-left: 0 !important;
|
|
||||||
margin-left: 0 !important;
|
|
||||||
background-color: #181926 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-background {
|
|
||||||
outline: none !important;
|
|
||||||
box-shadow: none !important;
|
|
||||||
background-color: #181926 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-icon-image {
|
|
||||||
height: 32px !important;
|
|
||||||
width: 32px !important;
|
|
||||||
border-radius: 10px !important;
|
|
||||||
background-color: #181926 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*------------------------------------------------*/
|
|
||||||
/* Hide all buttons in active tab context menu except for split tab and extensions */
|
|
||||||
|
|
||||||
#main-window #context_openANewTab,
|
|
||||||
#main-window #context_reloadTab,
|
|
||||||
#main-window #context_toggleMuteTab,
|
|
||||||
#main-window #context_playTab,
|
|
||||||
#main-window #context_pinTab,
|
|
||||||
#main-window #context_duplicateTab,
|
|
||||||
#main-window #context_bookmarkTab,
|
|
||||||
#main-window #context_moveTabOptions,
|
|
||||||
#main-window #context_reopenInContainer,
|
|
||||||
#main-window #context_toggleToPrivateContainer,
|
|
||||||
#main-window #context_selectAllTabs,
|
|
||||||
#main-window #context_closeTab,
|
|
||||||
#main-window #context_closeTabOptions,
|
|
||||||
#main-window #context_undoCloseTab,
|
|
||||||
#context_MoveTabToOtherWorkspace,
|
|
||||||
#main-window #tabContextMenu menuseparator {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*============================================================================================*/
|
|
||||||
/* EXTENSION */
|
|
||||||
|
|
||||||
/* Make extensions looks minimal */
|
|
||||||
|
|
||||||
#unified-extensions-view
|
|
||||||
#unified-extensions-manage-extensions
|
|
||||||
.toolbarbutton-text::before {
|
|
||||||
content: "• • •";
|
|
||||||
font-size: 15px;
|
|
||||||
visibility: visible !important;
|
|
||||||
display: block;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#unified-extensions-panel #unified-extensions-view {
|
|
||||||
width: 100% !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#unified-extensions-view {
|
|
||||||
--uei-icon-size: 22px;
|
|
||||||
--firefoxcss-number-of-extensions-in-a-row: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
#unified-extensions-view .unified-extensions-item-menu-button.subviewbutton,
|
|
||||||
#unified-extensions-view
|
|
||||||
.unified-extensions-item-action-button
|
|
||||||
.unified-extensions-item-contents {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#unified-extensions-view .panel-subview-body {
|
|
||||||
padding: 10px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#unified-extensions-view .unified-extensions-item .unified-extensions-item-icon,
|
|
||||||
#unified-extensions-view .unified-extensions-item .toolbarbutton-badge-stack {
|
|
||||||
margin-inline-end: 0px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#unified-extensions-view #overflowed-extensions-list,
|
|
||||||
#unified-extensions-view #unified-extensions-area,
|
|
||||||
#unified-extensions-view .unified-extensions-list {
|
|
||||||
display: grid !important;
|
|
||||||
grid-template-columns: repeat(
|
|
||||||
var(--firefoxcss-number-of-extensions-in-a-row),
|
|
||||||
auto
|
|
||||||
);
|
|
||||||
justify-items: left !important;
|
|
||||||
align-items: left !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*============================================================================================*/
|
|
||||||
/* URL BAR */
|
|
||||||
|
|
||||||
/* Make text in URL bar in the center */
|
|
||||||
|
|
||||||
#nav-bar {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#urlbar-container {
|
|
||||||
flex: 1;
|
|
||||||
max-width: 1000px;
|
|
||||||
min-width: 200px;
|
|
||||||
margin: auto !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#main-window #urlbar {
|
|
||||||
z-index: 9999 !important;
|
|
||||||
width: 100% !important;
|
|
||||||
margin-top: 0 !important;
|
|
||||||
margin-left: 0 !important;
|
|
||||||
margin-right: 0 !important;
|
|
||||||
transition:
|
|
||||||
width 0.3s ease,
|
|
||||||
left 0.3s ease,
|
|
||||||
margin-top 0.3s ease,
|
|
||||||
margin-left 0.3s ease,
|
|
||||||
margin-right 0.3s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
#main-window #urlbar[breakout][breakout-extend] {
|
|
||||||
opacity: 0.97 !important;
|
|
||||||
width: 100% !important;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
margin-left: auto !important;
|
|
||||||
margin-right: auto !important;
|
|
||||||
margin-top: 30vh !important;
|
|
||||||
transition:
|
|
||||||
width 0.3s ease,
|
|
||||||
left 0.3s ease,
|
|
||||||
margin-top 0.3s ease,
|
|
||||||
margin-left 0.3s ease,
|
|
||||||
margin-right 0.3s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
#urlbar-background,
|
|
||||||
#urlbar-input-container {
|
|
||||||
--toolbarbutton-border-radius: calc(var(--urlbar-min-height) / 2);
|
|
||||||
}
|
|
||||||
|
|
||||||
#urlbar-input-container {
|
|
||||||
--urlbar-icon-border-radius: calc(var(--toolbarbutton-border-radius) - 1px);
|
|
||||||
}
|
|
||||||
|
|
||||||
#urlbar:not([focused]) #urlbar-input {
|
|
||||||
text-align: center !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#urlbar:not([breakout][breakout-extend]) #urlbar-input {
|
|
||||||
text-align: center !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*------------------------------------------------*/
|
|
||||||
/* Change URL Bar background color */
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
#urlbar-background {
|
|
||||||
background-color: #1e2030 !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: light) {
|
|
||||||
#urlbar-background {
|
|
||||||
background-color: #d6d6d6 !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
#urlbar-results > *[selected=""] {
|
|
||||||
background-color: #1e2030 !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: light) {
|
|
||||||
#urlbar-results > *[selected=""] {
|
|
||||||
background-color: #e8e8e8 !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/*------------------------------------------------*/
|
|
||||||
/* Hide and Hover icons in URL Bar */
|
|
||||||
|
|
||||||
#nav-bar:not([customizing="true"]):not(.searchButton)
|
|
||||||
> #nav-bar-customization-target
|
|
||||||
> #urlbar-container:not(:hover)
|
|
||||||
> #urlbar:not([focused])
|
|
||||||
> #urlbar-input-container
|
|
||||||
> #page-action-buttons
|
|
||||||
.urlbar-page-action {
|
|
||||||
opacity: 0;
|
|
||||||
transition-delay: 500ms;
|
|
||||||
}
|
|
||||||
|
|
||||||
#nav-bar:not([customizing="true"]):not(.searchButton)
|
|
||||||
> #nav-bar-customization-target
|
|
||||||
> #urlbar-container:not(:hover)
|
|
||||||
> #urlbar:not([focused])
|
|
||||||
> #urlbar-input-container
|
|
||||||
> #identity-box
|
|
||||||
> #identity-permission-box:not([open]) {
|
|
||||||
opacity: 0;
|
|
||||||
transition-delay: 500ms;
|
|
||||||
}
|
|
||||||
|
|
||||||
#page-action-buttons .urlbar-page-action,
|
|
||||||
#identity-permission-box,
|
|
||||||
#notification-popup-box .notification-anchor-icon {
|
|
||||||
transition: opacity 0.2s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
#urlbar #identity-icon-box,
|
|
||||||
#urlbar #identity-permission-box {
|
|
||||||
opacity: 0 !important;
|
|
||||||
margin-inline-start: calc(-16px - 2 * var(--urlbar-icon-padding));
|
|
||||||
transition:
|
|
||||||
margin-inline-start 100ms linear,
|
|
||||||
opacity 200ms linear;
|
|
||||||
}
|
|
||||||
|
|
||||||
#urlbar #identity-box.notSecureText #identity-icon-box {
|
|
||||||
margin-inline-start: initial !important;
|
|
||||||
opacity: 1 !important;
|
|
||||||
color: #e36f6f !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#urlbar #identity-box.extensionPage #identity-icon-box {
|
|
||||||
margin-inline-start: initial !important;
|
|
||||||
opacity: 1 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#identity-box:hover #identity-icon-box,
|
|
||||||
#identity-box:hover #identity-permission-box,
|
|
||||||
#identity-box #identity-permission-box[open="true"] {
|
|
||||||
opacity: 1 !important;
|
|
||||||
margin-inline-start: initial !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#urlbar-input-container .urlbar-input-box {
|
|
||||||
padding-inline-start: 2px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#identity-box:hover ~ .urlbar-input-box > #urlbar-input {
|
|
||||||
mask-image: linear-gradient(to right, transparent, black 3ch) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#page-action-buttons {
|
|
||||||
padding-inline-start: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#page-action-buttons .urlbar-page-action {
|
|
||||||
margin-inline-end: calc(-16px - 2 * var(--urlbar-icon-padding));
|
|
||||||
opacity: 0;
|
|
||||||
transition:
|
|
||||||
margin-inline-end 100ms linear,
|
|
||||||
opacity 200ms linear;
|
|
||||||
}
|
|
||||||
|
|
||||||
#page-action-buttons:hover > .urlbar-page-action,
|
|
||||||
.urlbar-page-action[open],
|
|
||||||
.urlbar-page-action[open] ~ .urlbar-page-action {
|
|
||||||
opacity: 1;
|
|
||||||
margin-inline-end: 0px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#identity-box.chromeUI #identity-icon-box {
|
|
||||||
opacity: 1 !important;
|
|
||||||
margin-inline-start: initial;
|
|
||||||
}
|
|
||||||
|
|
||||||
#identity-box.chromeUI::after,
|
|
||||||
#identity-box.chromeUI:hover::after {
|
|
||||||
opacity: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#page-action-buttons:not(:hover)
|
|
||||||
#translations-button[translationsactive="true"]:not([open]) {
|
|
||||||
visibility: collapse !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*------------------------------------------------*/
|
|
||||||
/* Create visual dots on both sides */
|
|
||||||
#identity-box::after,
|
|
||||||
#page-action-buttons::before {
|
|
||||||
position: relative;
|
|
||||||
content: "•••";
|
|
||||||
pointer-events: none;
|
|
||||||
transition: opacity 100ms ease;
|
|
||||||
align-self: center;
|
|
||||||
font-size: 0.7em;
|
|
||||||
}
|
|
||||||
|
|
||||||
#identity-box::after,
|
|
||||||
#page-action-buttons::before {
|
|
||||||
opacity: 0.2;
|
|
||||||
}
|
|
||||||
|
|
||||||
#identity-box::after {
|
|
||||||
transform: rotate(90deg);
|
|
||||||
left: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#page-action-buttons::before {
|
|
||||||
transform: rotate(-90deg);
|
|
||||||
right: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#identity-box:hover::after,
|
|
||||||
#page-action-buttons:hover::before {
|
|
||||||
opacity: 0.2 !important;
|
|
||||||
transition: opacity 50ms ease;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#identity-box[pageproxystate="invalid"]::after,
|
|
||||||
#urlbar-input-container[pageproxystate="invalid"]
|
|
||||||
> #page-action-buttons::before {
|
|
||||||
opacity: 0 !important;
|
|
||||||
transition: opacity 50ms ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Linux changes for visual dots */
|
|
||||||
@media (-moz-platform: linux) {
|
|
||||||
#identity-box::after,
|
|
||||||
#page-action-buttons::before {
|
|
||||||
content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg fill="%23FFFFFF" width="11px" height="11px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M20.25 16c0 2.347-1.903 4.25-4.25 4.25s-4.25-1.903-4.25-4.25c0-2.347 1.903-4.25 4.25-4.25s4.25 1.903 4.25 4.25zM20.25 27c0 2.347-1.903 4.25-4.25 4.25s-4.25-1.903-4.25-4.25c0-2.347 1.903-4.25 4.25-4.25s4.25 1.903 4.25 4.25zM20.25 5c0 2.347-1.903 4.25-4.25 4.25s-4.25-1.903-4.25-4.25c0-2.347 1.903-4.25 4.25-4.25s4.25 1.903 4.25 4.25z"></path></svg>');
|
|
||||||
transform: none;
|
|
||||||
font-size: unset;
|
|
||||||
}
|
|
||||||
|
|
||||||
#page-action-buttons::before {
|
|
||||||
right: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#identity-box::after {
|
|
||||||
left: 2px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button,
|
|
||||||
#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button,
|
|
||||||
#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button,
|
|
||||||
#urlbar-label-box,
|
|
||||||
#urlbar-zoom-button {
|
|
||||||
background-color: var(--firefoxcss-item-bg-color) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#urlbar-zoom-button:hover {
|
|
||||||
background-color: var(--firefoxcss-urlbar-zoom-button) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#urlbar-input-container #identity-box > .identity-box-button,
|
|
||||||
#tracking-protection-icon-container,
|
|
||||||
#urlbar-go-button,
|
|
||||||
#page-action-buttons .urlbar-page-action,
|
|
||||||
#notification-popup-box {
|
|
||||||
border-radius: 8px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#urlbar-go-button,
|
|
||||||
#tracking-protection-icon-container {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*============================================================================================*/
|
|
||||||
/* BOOKMARK BAR */
|
|
||||||
|
|
||||||
/* Variables for toolbar & bookmark attributes */
|
|
||||||
:root {
|
|
||||||
--uc-bm-height: 24px;
|
|
||||||
--uc-bm-padding: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Style for Personal Toolbar */
|
|
||||||
#PersonalToolbar {
|
|
||||||
position: relative !important;
|
|
||||||
padding: 1px 6px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Additional padding for touch density */
|
|
||||||
:root[uidensity="touch"] #PersonalToolbar {
|
|
||||||
--uc-bm-padding: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Transform and delay transition of Personal Toolbar */
|
|
||||||
#PersonalToolbar:not([customizing]) {
|
|
||||||
margin-bottom: calc(
|
|
||||||
2px - var(--uc-bm-height) - 2 * var(--uc-bm-padding)
|
|
||||||
) !important;
|
|
||||||
transform: rotateX(90deg) !important;
|
|
||||||
transform-origin: top !important;
|
|
||||||
transition: transform 0.1s ease-in-out 0.6s !important;
|
|
||||||
z-index: 2 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Bookmark item padding and icon transition */
|
|
||||||
#PlacesToolbarItems > .bookmark-item {
|
|
||||||
padding-block: var(--uc-bm-padding) !important;
|
|
||||||
padding-left: 6px !important;
|
|
||||||
padding-right: 6px !important;
|
|
||||||
}
|
|
||||||
#PlacesToolbarItems > .bookmark-item .toolbarbutton-icon {
|
|
||||||
transition: opacity 0.1s ease-in-out 0.4s !important;
|
|
||||||
opacity: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Hover effect for toolbar and bookmark icon/text */
|
|
||||||
#navigator-toolbox:hover > #PersonalToolbar,
|
|
||||||
#navigator-toolbox:hover
|
|
||||||
#PlacesToolbarItems
|
|
||||||
> .bookmark-item
|
|
||||||
.toolbarbutton-icon,
|
|
||||||
#navigator-toolbox:hover
|
|
||||||
#PlacesToolbarItems
|
|
||||||
> .bookmark-item
|
|
||||||
.toolbarbutton-text {
|
|
||||||
transition-delay: 100ms !important;
|
|
||||||
transform: rotateX(0) !important;
|
|
||||||
opacity: 1 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Bookmark item text transition */
|
|
||||||
#PlacesToolbarItems > .bookmark-item .toolbarbutton-text {
|
|
||||||
transition: opacity 0.1s ease-in-out 0.4s !important;
|
|
||||||
opacity: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Fix the white line above the bookmarks bar when it's empty */
|
|
||||||
#personal-toolbar-empty {
|
|
||||||
padding: 2px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*------------------------------------------------*/
|
|
||||||
/* Make it good in transparent bg */
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
#PlacesToolbarItems > * {
|
|
||||||
background: #333333 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PlacesToolbarItems > *:hover {
|
|
||||||
background: #555555 !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: light) {
|
|
||||||
#PlacesToolbarItems > * {
|
|
||||||
background: #cccccc !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PlacesToolbarItems > *:hover {
|
|
||||||
background: #eeeeee !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/*============================================================================================*/
|
|
||||||
/* SIDE BAR */
|
|
||||||
|
|
||||||
/* Expand Side bar on hover */
|
|
||||||
|
|
||||||
#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] {
|
|
||||||
--sidebar-width: 69px;
|
|
||||||
--sidebar-hover-width: 350px;
|
|
||||||
background: none !important;
|
|
||||||
position: relative;
|
|
||||||
min-width: var(--sidebar-width) !important;
|
|
||||||
width: var(--sidebar-width) !important;
|
|
||||||
max-width: var(--sidebar-width) !important;
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"]
|
|
||||||
> #sidebar {
|
|
||||||
transition: min-width 200ms ease-in-out !important;
|
|
||||||
min-width: var(--sidebar-width) !important;
|
|
||||||
will-change: min-width;
|
|
||||||
transition-delay: 0.3s !important; /* Delay on hover off */
|
|
||||||
}
|
|
||||||
|
|
||||||
#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"]:hover
|
|
||||||
> #sidebar {
|
|
||||||
min-width: var(--sidebar-hover-width) !important;
|
|
||||||
transition-delay: 0.1s !important; /* No delay on hover on */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* #sidebar-box { */
|
|
||||||
/* backdrop-filter: blur(10px); */
|
|
||||||
/* } */
|
|
||||||
|
|
||||||
/*------------------------------------------------*/
|
|
||||||
/* Hide Side bar header and line */
|
|
||||||
|
|
||||||
#sidebar-header,
|
|
||||||
#sidebar-splitter {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*------------------------------------------------*/
|
|
||||||
/* Sidebar Border */
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
#sidebar-box #sidebar,
|
|
||||||
#sidebar-box #webextpanels-window {
|
|
||||||
border-radius: 15px !important;
|
|
||||||
margin: 10px 10px 10px 5px !important;
|
|
||||||
border: 3px solid rgba(0, 0, 0, 0);
|
|
||||||
transition: border 0.3s ease !important;
|
|
||||||
box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
#sidebar-box #sidebar:hover,
|
|
||||||
#sidebar-box #webextpanels-:hover {
|
|
||||||
border: 3px solid rgba(183, 189, 248, 0.4) !important;
|
|
||||||
box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: light) {
|
|
||||||
#sidebar-box #sidebar,
|
|
||||||
#sidebar-box #webextpanels-window {
|
|
||||||
border-radius: 15px !important;
|
|
||||||
margin: 10px 10px 10px 5px !important;
|
|
||||||
border: 3px solid rgba(51, 51, 51, 0.1);
|
|
||||||
transition: border 0.3s ease;
|
|
||||||
box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
#sidebar-box #sidebar:hover,
|
|
||||||
#sidebar-box #webextpanels-window:hover {
|
|
||||||
border: 3px solid rgba(51, 51, 51, 0.6);
|
|
||||||
box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.5);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/*============================================================================================*/
|
|
||||||
/* SIDE BAR 2 (FLOORP) */
|
|
||||||
|
|
||||||
/* Make splitter invisible */
|
|
||||||
|
|
||||||
#sidebar-splitter2 {
|
|
||||||
appearance: none !important;
|
|
||||||
width: 10px !important; /* Set initial width */
|
|
||||||
transition:
|
|
||||||
width 0.3s ease-in-out,
|
|
||||||
opacity 0.3s ease-in-out; /* Add transitions */
|
|
||||||
}
|
|
||||||
|
|
||||||
#sidebar-splitter2:hover {
|
|
||||||
width: 20px !important; /* Width on hover */
|
|
||||||
opacity: 1; /* Opacity on hover */
|
|
||||||
}
|
|
||||||
|
|
||||||
/*------------------------------------------------*/
|
|
||||||
/* Hide Floorp sidebar header */
|
|
||||||
|
|
||||||
#sidebar2-header {
|
|
||||||
max-height: 0.5em !important;
|
|
||||||
min-height: 0.5em !important;
|
|
||||||
opacity: 0 !important;
|
|
||||||
transition:
|
|
||||||
max-height 0.3s ease-in-out,
|
|
||||||
min-height 0.3s ease-in-out,
|
|
||||||
opacity 0.3s ease-in-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
#sidebar2-header:hover {
|
|
||||||
max-height: 2.5em !important;
|
|
||||||
min-height: 2.5em !important;
|
|
||||||
opacity: 1 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*------------------------------------------------*/
|
|
||||||
/* Floorp Sidebar Border */
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
#sidebar2-box browser {
|
|
||||||
border-radius: 15px !important;
|
|
||||||
margin: 3px 10px 10px 0px !important;
|
|
||||||
border: 3px solid rgba(0, 0, 0, 0);
|
|
||||||
transition: border 0.3s ease;
|
|
||||||
box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
#sidebar2-box browser:hover {
|
|
||||||
border: 3px solid rgba(183, 189, 248, 0.4) !important;
|
|
||||||
box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.browser-sidebar2 {
|
|
||||||
background: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: light) {
|
|
||||||
#sidebar2-box browser {
|
|
||||||
border-radius: 15px !important;
|
|
||||||
margin: 10px 10px 10px 0px !important;
|
|
||||||
border: 3px solid rgba(51, 51, 51, 0.1);
|
|
||||||
transition: border 0.3s ease;
|
|
||||||
box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
#sidebar2-box browser:hover {
|
|
||||||
border: 3px solid rgba(51, 51, 51, 0.6);
|
|
||||||
box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.2);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/*------------------------------------------------*/
|
|
||||||
/* Floorp Sidebar Select Box Styling */
|
|
||||||
|
|
||||||
#sidebar-select-box {
|
|
||||||
align-items: center !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidepanel-icon {
|
|
||||||
border-radius: 10px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*------------------------------------------------*/
|
|
||||||
/* Floorp Sidebar Border */
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
#sidebar-select-box {
|
|
||||||
background-color: #181926 !important;
|
|
||||||
border-radius: 15px !important;
|
|
||||||
margin: 10px 10px 10px 0px !important;
|
|
||||||
border: 3px solid rgba(0, 0, 0, 0);
|
|
||||||
transition: border 0.3s ease;
|
|
||||||
box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
#sidebar-select-box:hover {
|
|
||||||
border: 3px solid rgba(183, 189, 248, 0.4) !important;
|
|
||||||
box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: light) {
|
|
||||||
#sidebar-select-box {
|
|
||||||
border-radius: 15px !important;
|
|
||||||
margin: 10px 10px 10px 0px !important;
|
|
||||||
border: 3px solid rgba(51, 51, 51, 0.1) !important;
|
|
||||||
transition: border 0.3s ease;
|
|
||||||
box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
#sidebar-select-box:hover {
|
|
||||||
border: 3px solid rgba(51, 51, 51, 0.6) !important;
|
|
||||||
box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.5);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/*------------------------------------------------*/
|
|
||||||
/* Hide random stuff coming out of Floorp Sidebar */
|
|
||||||
|
|
||||||
.browser-sidebar2 {
|
|
||||||
border: none !important;
|
|
||||||
border-bottom: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#sidebar2-box[style="min-width: 0px; order: 6; width: 415px; max-width: 0px;"]
|
|
||||||
> * {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*============================================================================================*/
|
|
||||||
/* MAIN BROWSER */
|
|
||||||
|
|
||||||
/* Browser Border */
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
#main-window:not([sizemode="fullscreen"]) #appcontent browser {
|
|
||||||
border-radius: 15px !important;
|
|
||||||
margin: 10px 10px 10px 10px !important;
|
|
||||||
border: 3px solid rgba(0, 0, 0, 0);
|
|
||||||
transition: border 0.3s ease;
|
|
||||||
box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
|
|
||||||
clip-path: circle(80%) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#main-window:not([sizemode="fullscreen"]) #appcontent browser:hover {
|
|
||||||
border: 3px solid rgba(183, 189, 248, 0.4);
|
|
||||||
box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: light) {
|
|
||||||
#main-window:not([sizemode="fullscreen"]) #appcontent browser {
|
|
||||||
border-radius: 15px !important;
|
|
||||||
margin: 10px 10px 10px 10px !important;
|
|
||||||
border: 3px solid rgba(51, 51, 51, 0.1);
|
|
||||||
transition: border 0.3s ease;
|
|
||||||
box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.5);
|
|
||||||
clip-path: circle(80%) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#main-window:not([sizemode="fullscreen"]) #appcontent browser:hover {
|
|
||||||
border: 3px solid rgba(51, 51, 51, 0.6);
|
|
||||||
box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.5);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/*============================================================================================*/
|
|
||||||
/* FIND BAR */
|
|
||||||
|
|
||||||
/* CTRL+F Search Bar Border */
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
.browserContainer > findbar {
|
|
||||||
border-radius: 15px !important;
|
|
||||||
margin: 0px 15px 0px 15px !important;
|
|
||||||
border: 3px solid rgba(0, 0, 0, 0) !important;
|
|
||||||
transition: border 0.3s ease !important;
|
|
||||||
box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
|
|
||||||
background-image: none !important;
|
|
||||||
background-color: #181926 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.browserContainer > findbar:hover {
|
|
||||||
border: 3px solid rgba(183, 189, 248, 0.4) !important;
|
|
||||||
box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.browserContainer > findbar .findbar-container {
|
|
||||||
background-color: #181926 !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: light) {
|
|
||||||
.browserContainer > findbar {
|
|
||||||
border-radius: 15px !important;
|
|
||||||
margin: 0px 15px 0px 15px !important;
|
|
||||||
border: 3px solid rgba(51, 51, 51, 0.1) !important;
|
|
||||||
transition: border 0.3s ease !important;
|
|
||||||
box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.browserContainer > findbar:hover {
|
|
||||||
border: 3px solid rgba(51, 51, 51, 0.6) !important;
|
|
||||||
box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.5);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/*------------------------------------------------*/
|
|
||||||
/* Text in the center */
|
|
||||||
.browserContainer > findbar .findbar-textbox {
|
|
||||||
border-radius: 10px !important;
|
|
||||||
text-align: center !important;
|
|
||||||
}
|
|
||||||
|
|
@ -1,992 +0,0 @@
|
||||||
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
|
||||||
|
|
||||||
* {
|
|
||||||
/*--tab-corner-rounding: 5px;*/
|
|
||||||
--animation-speed: 0.4s;
|
|
||||||
--button-corner-rounding: 10px;
|
|
||||||
--urlbar-container-height: 40px !important;
|
|
||||||
--urlbar-min-height: 30px !important;
|
|
||||||
--urlbar-height: 30px !important;
|
|
||||||
--urlbar-toolbar-height: 38px !important;
|
|
||||||
--moz-hidden-unscrollable: scroll !important;
|
|
||||||
--toolbarbutton-border-radius: 3px !important;
|
|
||||||
--tabs-border-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
#TabsToolbar .tabbrowser-tab,
|
|
||||||
#TabsToolbar .tabbrowser-tab .tab-stack,
|
|
||||||
#TabsToolbar .tabbrowser-tab .tab-background,
|
|
||||||
#TabsToolbar .tabbrowser-tab .tab-content {
|
|
||||||
border-top-left-radius: 10px !important;
|
|
||||||
border-top-right-radius: 10px !important;
|
|
||||||
border-bottom-left-radius: 10px !important;
|
|
||||||
border-bottom-right-radius: 10px !important;
|
|
||||||
margin-top: 0px;
|
|
||||||
max-height: 36px !important;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#TabsToolbar:not([brighttext])
|
|
||||||
#tabbrowser-tabs:not([noshadowfortests])
|
|
||||||
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
|
|
||||||
> .tab-stack
|
|
||||||
> .tab-background {
|
|
||||||
box-shadow: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-background,
|
|
||||||
.tab-stack {
|
|
||||||
min-height: 36px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-background {
|
|
||||||
margin-block: 0 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabbrowser-tab {
|
|
||||||
min-height: 36px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#TabsToolbar:hover {
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
#star-button[starred],
|
|
||||||
#star-button {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#bookmarks-menu-button toolbarbutton {
|
|
||||||
visibility: collapse !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* multi tab selection */
|
|
||||||
#tabbrowser-tabs:not([noshadowfortests])
|
|
||||||
.tabbrowser-tab:is([multiselected])
|
|
||||||
> .tab-stack
|
|
||||||
> .tab-background:-moz-lwtheme {
|
|
||||||
outline-color: var(--toolbarseparator-color) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-line {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#urlbar[breakout][breakout-extend],
|
|
||||||
#urlbar[breakout][breakout-extend-disabled][open] {
|
|
||||||
/* The z-index needs to be big enough to trump other positioned UI pieces
|
|
||||||
that we want to overlay. 3 is used in the tab bar. */
|
|
||||||
z-index: 3;
|
|
||||||
height: var(--urlbar-height) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#urlbar-search-button {
|
|
||||||
margin-left: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Hide the »Go«-arrow in the URL Bar */
|
|
||||||
#urlbar-go-button {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* #page-action-buttons > :not(#urlbar-zoom-button) { display: none !important; } */
|
|
||||||
|
|
||||||
tab:not(:active) .tab-background {
|
|
||||||
transition: background-color var(--animation-speed) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#back-button,
|
|
||||||
#forward-button {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.titlebar-buttonbox-container {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#pageActionButton {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PanelUI-menu-button {
|
|
||||||
padding: 0px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PanelUI-menu-button .toolbarbutton-icon {
|
|
||||||
width: 1px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PanelUI-menu-button .toolbarbutton-badge-stack {
|
|
||||||
padding: 0px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*---+---+---+---+---+---+---+
|
|
||||||
| T | A | B | — | B | A | R |
|
|
||||||
+---+---+---+---+---+---+---*/
|
|
||||||
/* multi tab selection */
|
|
||||||
#tabbrowser-tabs:not([noshadowfortests])
|
|
||||||
.tabbrowser-tab:is([multiselected])
|
|
||||||
> .tab-stack
|
|
||||||
> .tab-background:-moz-lwtheme {
|
|
||||||
outline-color: var(--toolbarseparator-color) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* tab close button options */
|
|
||||||
.tabbrowser-tab:not([pinned]) .tab-close-button {
|
|
||||||
display: var(--show-tab-close-button) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabbrowser-tab:not([pinned]):hover .tab-close-button {
|
|
||||||
display: var(--show-tab-close-button-hover) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* adaptive tab width */
|
|
||||||
.tabbrowser-tab[selected][fadein]:not([pinned]) {
|
|
||||||
max-width: var(--uc-active-tab-width) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabbrowser-tab[fadein]:not([selected]):not([pinned]) {
|
|
||||||
max-width: var(--uc-inactive-tab-width) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* container tabs indicator */
|
|
||||||
.tabbrowser-tab[usercontextid]
|
|
||||||
> .tab-stack
|
|
||||||
> .tab-background
|
|
||||||
> .tab-context-line {
|
|
||||||
margin: -1px var(--container-tabs-indicator-margin) 0
|
|
||||||
var(--container-tabs-indicator-margin) !important;
|
|
||||||
height: 1px !important;
|
|
||||||
|
|
||||||
box-shadow: var(--uc-identity-glow) var(--identity-tab-color) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* show favicon when media is playing but tab is hovered */
|
|
||||||
.tab-icon-image:not([pinned]) {
|
|
||||||
opacity: 1 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Makes the speaker icon to always appear if the tab is playing (not only on hover) */
|
|
||||||
.tab-icon-overlay:not([crashed]),
|
|
||||||
.tab-icon-overlay[pinned][crashed][selected] {
|
|
||||||
top: 5px !important;
|
|
||||||
z-index: 1 !important;
|
|
||||||
|
|
||||||
padding: 1.5px !important;
|
|
||||||
inset-inline-end: -8px !important;
|
|
||||||
width: 16px !important;
|
|
||||||
height: 16px !important;
|
|
||||||
|
|
||||||
border-radius: 10px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* style and position speaker icon */
|
|
||||||
.tab-icon-overlay:not([sharing], [crashed]):is(
|
|
||||||
[soundplaying],
|
|
||||||
[muted],
|
|
||||||
[activemedia-blocked]
|
|
||||||
) {
|
|
||||||
stroke: transparent !important;
|
|
||||||
background: transparent !important;
|
|
||||||
opacity: 1 !important;
|
|
||||||
fill-opacity: 0.8 !important;
|
|
||||||
|
|
||||||
color: currentColor !important;
|
|
||||||
|
|
||||||
stroke: var(--toolbar-bgcolor) !important;
|
|
||||||
background-color: var(--toolbar-bgcolor) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* change the colours of the speaker icon on active tab to match tab colours */
|
|
||||||
.tabbrowser-tab[selected]
|
|
||||||
.tab-icon-overlay:not([sharing], [crashed]):is(
|
|
||||||
[soundplaying],
|
|
||||||
[muted],
|
|
||||||
[activemedia-blocked]
|
|
||||||
) {
|
|
||||||
stroke: var(--toolbar-bgcolor) !important;
|
|
||||||
background-color: var(--toolbar-bgcolor) !important;
|
|
||||||
box-shadow: 3px 3px 1px 1px #181926;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-icon-overlay:not([pinned], [sharing], [crashed]):is(
|
|
||||||
[soundplaying],
|
|
||||||
[muted],
|
|
||||||
[activemedia-blocked]
|
|
||||||
) {
|
|
||||||
margin-inline-end: 9.5px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabbrowser-tab:not([image])
|
|
||||||
.tab-icon-overlay:not([pinned], [sharing], [crashed]) {
|
|
||||||
top: 0 !important;
|
|
||||||
|
|
||||||
padding: 0 !important;
|
|
||||||
margin-inline-end: 5.5px !important;
|
|
||||||
inset-inline-end: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-icon-overlay:not([crashed])[soundplaying]:hover,
|
|
||||||
.tab-icon-overlay:not([crashed])[muted]:hover,
|
|
||||||
.tab-icon-overlay:not([crashed])[activemedia-blocked]:hover {
|
|
||||||
color: currentColor !important;
|
|
||||||
stroke: var(--toolbar-color) !important;
|
|
||||||
background-color: var(--toolbar-color) !important;
|
|
||||||
fill-opacity: 0.95 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabbrowser-tab[selected] .tab-icon-overlay:not([crashed])[soundplaying]:hover,
|
|
||||||
.tabbrowser-tab[selected] .tab-icon-overlay:not([crashed])[muted]:hover,
|
|
||||||
.tabbrowser-tab[selected]
|
|
||||||
.tab-icon-overlay:not([crashed])[activemedia-blocked]:hover {
|
|
||||||
color: currentColor !important;
|
|
||||||
stroke: var(--toolbar-color) !important;
|
|
||||||
background-color: var(--toolbar-color) !important;
|
|
||||||
fill-opacity: 0.95 !important;
|
|
||||||
box-shadow: 3px 3px 1px 1px #181926;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* speaker icon colour fix */
|
|
||||||
#TabsToolbar .tab-icon-overlay:not([crashed])[soundplaying],
|
|
||||||
#TabsToolbar .tab-icon-overlay:not([crashed])[muted],
|
|
||||||
#TabsToolbar .tab-icon-overlay:not([crashed])[activemedia-blocked] {
|
|
||||||
color: var(--toolbar-color) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* speaker icon colour fix on hover */
|
|
||||||
#TabsToolbar .tab-icon-overlay:not([crashed])[soundplaying]:hover,
|
|
||||||
#TabsToolbar .tab-icon-overlay:not([crashed])[muted]:hover,
|
|
||||||
#TabsToolbar .tab-icon-overlay:not([crashed])[activemedia-blocked]:hover {
|
|
||||||
color: var(--toolbar-bgcolor) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
:root {
|
|
||||||
/* Allow tabs to have dynamic widths based on
|
|
||||||
* the Tab Bars maximum width
|
|
||||||
*/
|
|
||||||
--uc-active-tab-width: clamp(50px, 25vw, 200px);
|
|
||||||
--uc-inactive-tab-width: clamp(100px, 20vw, 200px);
|
|
||||||
|
|
||||||
/* Enable this to always show the Tab Close button
|
|
||||||
* possible values:
|
|
||||||
* show: -moz-inline-block
|
|
||||||
* hide: none
|
|
||||||
*/
|
|
||||||
--show-tab-close-button: none;
|
|
||||||
|
|
||||||
/* Enable this to only show the Tab Close button on tab hover
|
|
||||||
* possible values:
|
|
||||||
* show: -moz-inline-block
|
|
||||||
* hide: none
|
|
||||||
*/
|
|
||||||
--show-tab-close-button-hover: none;
|
|
||||||
|
|
||||||
/* Hide the all Tabs button from the Tab Bar
|
|
||||||
* possible values:
|
|
||||||
* show: -moz-box
|
|
||||||
* hide: none
|
|
||||||
*/
|
|
||||||
--uc-show-all-tabs-button: none;
|
|
||||||
|
|
||||||
/* Left and Right "dip" of the container indicator
|
|
||||||
* 0px equals tab width
|
|
||||||
* higer values make the indicator smaller
|
|
||||||
*/
|
|
||||||
--container-tabs-indicator-margin: 10px;
|
|
||||||
|
|
||||||
/* Amount of Glow to add to the container indicator
|
|
||||||
* Setting it to 0 disables the Glow
|
|
||||||
*/
|
|
||||||
--uc-identity-glow: 0 1px 10px 1px;
|
|
||||||
|
|
||||||
font-family: "JetBrainsMono NF";
|
|
||||||
}
|
|
||||||
|
|
||||||
:root:not([customizing]) :hover > .tabbrowser-tab:not(:hover) {
|
|
||||||
transition:
|
|
||||||
blur,
|
|
||||||
ease 0.5s !important;
|
|
||||||
--uc-active-tab-width: clamp(100px, 30vw, 300px);
|
|
||||||
--uc-inactive-tab-width: clamp(100px, 20vw, 200px);
|
|
||||||
}
|
|
||||||
|
|
||||||
:root:not([customizing]) :not(:hover) > .tabbrowser-tab {
|
|
||||||
transition:
|
|
||||||
blur,
|
|
||||||
ease 0.2s !important;
|
|
||||||
--uc-active-tab-width: clamp(100px, 30vw, 300px);
|
|
||||||
--uc-inactive-tab-width: clamp(100px, 20vw, 200px);
|
|
||||||
}
|
|
||||||
|
|
||||||
#tabbrowser-tabs .tab-label-container[customizing] {
|
|
||||||
color: transparent;
|
|
||||||
transition: ease 0.5s;
|
|
||||||
transition-delay: 3s;
|
|
||||||
}
|
|
||||||
|
|
||||||
:root[uidensity="compact"] {
|
|
||||||
--tab-min-height: 38px !important;
|
|
||||||
--uc-active-tab-width: clamp(100px, 30vw, 300px);
|
|
||||||
--uc-inactive-tab-width: clamp(100px, 20vw, 200px);
|
|
||||||
}
|
|
||||||
|
|
||||||
tab:not([selected]):hover .tab-background {
|
|
||||||
background-color: var(
|
|
||||||
--toolbarbutton-hover-background,
|
|
||||||
rgba(182, 182, 182, 0.11)
|
|
||||||
) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-close-button {
|
|
||||||
list-style-image: url("active_close.png");
|
|
||||||
border-radius: 10px;
|
|
||||||
transition: list-style-image var(--animation-speed) ease-out !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-close-button:hover {
|
|
||||||
list-style-image: url("mouseover_close.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
#navigator-toolbox::after {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.titlebar-button {
|
|
||||||
padding-left: 10px !important;
|
|
||||||
padding-right: 15px !important;
|
|
||||||
padding-top: 10px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#urlbar {
|
|
||||||
/*border-radius: calc(1px + var(--button-corner-rounding)) !important;*/
|
|
||||||
height: 30px;
|
|
||||||
margin-left: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#urlbar-container *:not(#identity-box) {
|
|
||||||
border-color: transparent !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#pageActionSeparator {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#urlbar:hover .urlbar-icon,
|
|
||||||
#urlbar:active .urlbar-icon,
|
|
||||||
#urlbar[focused] .urlbar-icon,
|
|
||||||
#urlbar:hover .urlbar-icon:not([open]) image,
|
|
||||||
#urlbar:active .urlbar-icon image,
|
|
||||||
#urlbar[focused] .urlbar-icon image {
|
|
||||||
fill: var(--toolbar-color) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.urlbar-page-action[open] {
|
|
||||||
background-color: var(--toolbarbutton-active-background) !important;
|
|
||||||
fill: var(--toolbar-color) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.urlbar-page-action[open]:hover {
|
|
||||||
background-color: var(--toolbarbutton-active-background) !important;
|
|
||||||
fill: var(--toolbar-color) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#urlbar[breakout] {
|
|
||||||
width: 100% !important;
|
|
||||||
padding: 0px !important;
|
|
||||||
z-index: 99 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#urlbar[breakout][breakout-extend] {
|
|
||||||
transition: width 1.9s ease !important;
|
|
||||||
top: 3px !important;
|
|
||||||
left: 0 !important;
|
|
||||||
width: 100% !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#urlbar[breakout] {
|
|
||||||
top: 4.9px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
|
|
||||||
height: 100% !important;
|
|
||||||
padding-block: 0 !important;
|
|
||||||
padding-inline: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.urlbar-page-action[open] .urlbar-icon {
|
|
||||||
fill: var(--toolbar-color) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#library-button[animate] {
|
|
||||||
margin-bottom: 0px !important;
|
|
||||||
margin-top: 50px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#library-button[animate] image {
|
|
||||||
margin-bottom: -120px !important;
|
|
||||||
margin-top: 100px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.urlbar-scheme {
|
|
||||||
padding-bottom: 11px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#urlbar-container {
|
|
||||||
margin-left: -5px !important;
|
|
||||||
margin-right: 2px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.urlbar-input::-moz-selection {
|
|
||||||
background-color: red !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#urlbar-container #urlbar[pageproxystate="invalid"] {
|
|
||||||
margin-left: 5px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.urlbar-input-box {
|
|
||||||
padding: 5px 5px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* #urlbar {
|
|
||||||
background-color: transparent !important;
|
|
||||||
color: var(--lwt-toolbar-field-color, black) !important;
|
|
||||||
} */
|
|
||||||
|
|
||||||
.urlbarView {
|
|
||||||
background: var(--toolbar-field-focus-background-color) !important;
|
|
||||||
border-bottom-left-radius: 10px !important;
|
|
||||||
border-bottom-right-radius: 10px !important;
|
|
||||||
box-shadow: 10px 45px 146px -64px rgba(0, 0, 0, 0.65);
|
|
||||||
margin-inline: 0 !important;
|
|
||||||
width: 100% !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-icon,
|
|
||||||
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-text,
|
|
||||||
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-badge-stack {
|
|
||||||
border-radius: 50rem !important;
|
|
||||||
height: 2rem !important;
|
|
||||||
width: 2rem !important;
|
|
||||||
padding: 4px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#pocket-button {
|
|
||||||
padding-bottom: 4px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.urlbar-icon-wrapper > .urlbar-icon:hover {
|
|
||||||
background-color: transparent !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.urlbar-icon-wrapper {
|
|
||||||
background-color: transparent !important;
|
|
||||||
transition: background-color var(--animation-speed) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#urlbar:not([focused]) {
|
|
||||||
border-radius: 4px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#identity-box:hover,
|
|
||||||
.urlbar-icon:hover,
|
|
||||||
.urlbar-icon-wrapper:hover,
|
|
||||||
[anonid="urlbar-go-button"]:hover {
|
|
||||||
border-radius: 10px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#identity-box:active,
|
|
||||||
.urlbar-icon:active,
|
|
||||||
.urlbar-icon-wrapper:active,
|
|
||||||
[anonid="urlbar-go-button"]:active {
|
|
||||||
background-color: var(--toolbarbutton-active-background) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
[lwthemetextcolor="dark"] .urlbarView-body-outer {
|
|
||||||
background-color: #ff5340 !important;
|
|
||||||
color: var(--toolbar-color) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.urlbarView-body-inner {
|
|
||||||
background-color: var(--toolbar-bgcolor) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.downloadsPanelFooterButton:hover {
|
|
||||||
outline: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#TabsToolbar > .titlebar-buttonbox-container {
|
|
||||||
margin-right: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#urlbar,
|
|
||||||
#searchbar {
|
|
||||||
border: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#page-action-buttons > *:not(#star-button-box),
|
|
||||||
.urlbar-history-dropmarker {
|
|
||||||
opacity: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#urlbar:hover #page-action-buttons > *,
|
|
||||||
#urlbar:hover .urlbar-history-dropmarker {
|
|
||||||
opacity: 1 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
menu,
|
|
||||||
menuitem,
|
|
||||||
menucaption {
|
|
||||||
-moz-appearance: none !important;
|
|
||||||
height: 36px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
menu[disabled="true"][_moz-menuactive="false"],
|
|
||||||
menuitem[disabled="true"][_moz-menuactive="false"],
|
|
||||||
menucaption[disabled="true"][_moz-menuactive="false"] {
|
|
||||||
color: white !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
menu[disabled="true"],
|
|
||||||
menuitem[disabled="true"],
|
|
||||||
menucaption[disabled="true"] {
|
|
||||||
color: var(
|
|
||||||
--toolbarbutton-hover-background,
|
|
||||||
rgba(182, 182, 182, 0.11)
|
|
||||||
) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
menu[disabled="true"][_moz-menuactive="true"],
|
|
||||||
menuitem[disabled="true"][_moz-menuactive="true"],
|
|
||||||
menucaption[disabled="true"][_moz-menuactive="true"] {
|
|
||||||
color: var(
|
|
||||||
--toolbarbutton-hover-background,
|
|
||||||
rgba(182, 182, 182, 0.11)
|
|
||||||
) !important;
|
|
||||||
background-color: transparent !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
menu:not(.subviewbutton) > .menu-right {
|
|
||||||
margin-top: 2px !important;
|
|
||||||
margin-right: 0px !important;
|
|
||||||
width: 0px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
menu:not(.subviewbutton) > .menu-right image {
|
|
||||||
margin-right: -5px !important;
|
|
||||||
margin-top: -2px !important;
|
|
||||||
/*border: 6px solid var(--toolbar-color) !important;*/
|
|
||||||
border-top-color: transparent !important;
|
|
||||||
border-right-color: transparent !important;
|
|
||||||
border-bottom-color: transparent !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (-moz-os-version: windows-xp),
|
|
||||||
(-moz-os-version: windows-vista),
|
|
||||||
(-moz-os-version: windows-win7),
|
|
||||||
(-moz-os-version: windows-win8),
|
|
||||||
(-moz-os-version: windows-win10) {
|
|
||||||
menupopup .popup-internal-box {
|
|
||||||
margin: -2px !important;
|
|
||||||
padding-bottom: 3px !important;
|
|
||||||
padding-top: 3px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bookmark-item .scrollbutton-up {
|
|
||||||
margin-top: -3px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bookmark-item .scrollbutton-up > .toolbarbutton-icon {
|
|
||||||
margin-top: -2px !important;
|
|
||||||
border: 6px solid MenuText !important;
|
|
||||||
border-top-color: transparent !important;
|
|
||||||
border-right-color: transparent !important;
|
|
||||||
border-left-color: transparent !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bookmark-item .scrollbutton-down {
|
|
||||||
margin-bottom: -3px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bookmark-item .scrollbutton-down > .toolbarbutton-icon {
|
|
||||||
margin-bottom: -2px !important;
|
|
||||||
border: 6px solid MenuText !important;
|
|
||||||
border-bottom-color: transparent !important;
|
|
||||||
border-right-color: transparent !important;
|
|
||||||
border-left-color: transparent !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
menupopup {
|
|
||||||
margin-left: 1px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
menu,
|
|
||||||
menuitem,
|
|
||||||
menucaption {
|
|
||||||
padding-left: 5px !important;
|
|
||||||
padding-right: 5px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
menu:not(.subviewbutton) > .menu-right {
|
|
||||||
margin-right: 0px !important;
|
|
||||||
padding-left: 0px !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.titlebar-spacer[type="pre-tabs"],
|
|
||||||
.titlebar-spacer[type="post-tabs"] {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
:root:-moz-lwtheme-brighttext {
|
|
||||||
--autocomplete-popup-background: #2a2a2e !important;
|
|
||||||
--autocomplete-popup-highlight-background: #ff5340 !important;
|
|
||||||
--uc-active-tab-width: clamp(100px, 30vw, 300px);
|
|
||||||
--uc-inactive-tab-width: clamp(100px, 20vw, 200px);
|
|
||||||
/* Enable this to always show the Tab Close button
|
|
||||||
* possible values:
|
|
||||||
* show: -moz-inline-block
|
|
||||||
* hide: none
|
|
||||||
*/
|
|
||||||
--show-tab-close-button: none;
|
|
||||||
|
|
||||||
/* Enable this to only show the Tab Close button on tab hover
|
|
||||||
* possible values:
|
|
||||||
* show: -moz-inline-block
|
|
||||||
* hide: none
|
|
||||||
*/
|
|
||||||
--show-tab-close-button-hover: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
@-moz-document url(about:blank),
|
|
||||||
url(about:newtab),
|
|
||||||
url(about:home) {
|
|
||||||
html:not(#ublock0-epicker),
|
|
||||||
html:not(#ublock0-epicker) body,
|
|
||||||
#newtab-customize-overlay {
|
|
||||||
background: black !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabbrowser-tab .tab-close-button {
|
|
||||||
visibility: collapse !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#tabs-newtab-button {
|
|
||||||
display: none;
|
|
||||||
margin-left: 4px !important;
|
|
||||||
border-radius: 100% !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabbrowser-tab::before,
|
|
||||||
.tabbrowser-tab::after {
|
|
||||||
display: none !important;
|
|
||||||
--uc-active-tab-width: clamp(100px, 30vw, 300px);
|
|
||||||
--uc-inactive-tab-width: clamp(100px, 20vw, 200px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-background[selected="true"] {
|
|
||||||
color: #111111 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabbrowser-tab {
|
|
||||||
text-align: center !important;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
margin: 6px 0px 6px 6px !important;
|
|
||||||
border: 2px solid rgba(183, 189, 248, 0.5);
|
|
||||||
background-clip: padding-box;
|
|
||||||
padding-inline: 0 !important;
|
|
||||||
box-shadow: 3px 3px 1px 1px #18192637;
|
|
||||||
--uc-active-tab-width: clamp(100px, 30vw, 300px);
|
|
||||||
--uc-inactive-tab-width: clamp(100px, 20vw, 200px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabbrowser-tab[selected="true"] {
|
|
||||||
box-shadow: 3px 3px 1px 1px #181926;
|
|
||||||
font-size: 1.1rem;
|
|
||||||
}
|
|
||||||
.tab-label-container[selected="true"] {
|
|
||||||
font-size: 1.1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes fade {
|
|
||||||
from {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
to {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#nav-bar:not([customizing]) {
|
|
||||||
visibility: visible;
|
|
||||||
margin-top: -40px;
|
|
||||||
transition-delay: 1s;
|
|
||||||
filter: alpha(opacity=0);
|
|
||||||
opacity: 0;
|
|
||||||
transition:
|
|
||||||
visibility,
|
|
||||||
ease 0.5s,
|
|
||||||
margin-top,
|
|
||||||
ease 0.5s,
|
|
||||||
opacity,
|
|
||||||
ease 0.5s,
|
|
||||||
rotate,
|
|
||||||
ease 0.4s !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#tabs-newtab-button {
|
|
||||||
padding: 0.75rem 0.2rem 0.2rem 0.2rem !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#nav-bar:hover,
|
|
||||||
#nav-bar:focus-within,
|
|
||||||
#urlbar[focused="true"],
|
|
||||||
#identity-box[open="true"],
|
|
||||||
#titlebar:hover + #nav-bar:not([customizing]),
|
|
||||||
#toolbar-menubar:not([inactive="true"]) ~ #nav-bar:not([customizing]) {
|
|
||||||
visibility: visible;
|
|
||||||
|
|
||||||
margin-top: 0px;
|
|
||||||
filter: alpha(opacity=100);
|
|
||||||
opacity: 100;
|
|
||||||
margin-bottom: -0.2px;
|
|
||||||
}
|
|
||||||
#PersonalToolbar {
|
|
||||||
margin-top: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#nav-bar .toolbarbutton-1[open="true"] {
|
|
||||||
visibility: visible;
|
|
||||||
opacity: 100;
|
|
||||||
}
|
|
||||||
|
|
||||||
:-moz-any(#content, #appcontent) browser {
|
|
||||||
overflow-y: scroll;
|
|
||||||
margin-bottom: 0px !important;
|
|
||||||
overflow-x: scroll;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*tooltip*/
|
|
||||||
#tabbrowser-tab-tooltip {
|
|
||||||
-moz-appearance: none !important;
|
|
||||||
font-size: 1.4rem !important;
|
|
||||||
width: 170px !important;
|
|
||||||
height: auto;
|
|
||||||
font-weight: normal !important;
|
|
||||||
color: var(--lwt-tab-text) !important;
|
|
||||||
background-color: var(--toolbar-bgcolor) !important;
|
|
||||||
padding: 6px;
|
|
||||||
border-radius: 10px;
|
|
||||||
box-shadow: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#bookmarksPanel {
|
|
||||||
--lwt-toolbar-field-focus: white !important;
|
|
||||||
--lwt-tab-text: black !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
window#places[title="Library"] {
|
|
||||||
--lwt-toolbar-field-focus: white !important;
|
|
||||||
--lwt-tab-text: black !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
menupopup {
|
|
||||||
-moz-appearance: none !important;
|
|
||||||
padding: 8px !important;
|
|
||||||
border-radius: 10px !important;
|
|
||||||
background: red !important;
|
|
||||||
background: var(--toolbar-field-focus-background-color) !important;
|
|
||||||
border: none !important;
|
|
||||||
min-width: 280px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menuitem-with-favicon {
|
|
||||||
color: var(--lwt-toolbar-field-focus-color) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.openintabs-menuitem {
|
|
||||||
color: var(--lwt-toolbar-field-focus-color) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bookmark-item:hover {
|
|
||||||
color: var(--lwt-toolbar-field-focus-color) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
menuseparator {
|
|
||||||
-moz-appearance: none !important;
|
|
||||||
border: none !important;
|
|
||||||
background-color: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
menuitem,
|
|
||||||
menu {
|
|
||||||
-moz-appearance: none !important;
|
|
||||||
padding: 7.5px 6px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
menuitem[disabled="true"],
|
|
||||||
menuitem[disabled="true"] > .menu-text {
|
|
||||||
color: gray !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
menuitem:hover,
|
|
||||||
menu:hover,
|
|
||||||
menu[open="true"],
|
|
||||||
menuitem[_moz-menuactive="true"] {
|
|
||||||
-moz-appearance: none !important;
|
|
||||||
background-color: var(--toolbarbutton-hover-background) !important;
|
|
||||||
/* filter: brightness(200%); */
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
menugroup {
|
|
||||||
padding: 0px !important;
|
|
||||||
background-color: transparent !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
menuitem[type="checkbox"] {
|
|
||||||
padding-left: 8px !important;
|
|
||||||
padding-top: 6.5px !important;
|
|
||||||
padding-bottom: 6.5px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
menuitem[type="radio"] {
|
|
||||||
padding-left: 8px !important;
|
|
||||||
padding-top: 6.5px !important;
|
|
||||||
padding-bottom: 6.5px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
menuitem[type="checkbox"] > .menu-iconic-text,
|
|
||||||
menuitem[type="radio"] > .menu-iconic-text {
|
|
||||||
padding-left: 5px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
menuitem[checked="true"][type="checkbox"] > .menu-iconic-left {
|
|
||||||
padding: 7px 0px 0px 0px !important;
|
|
||||||
border: solid white;
|
|
||||||
border-width: 0 0 2px 2px;
|
|
||||||
transform: rotate(-45deg) scale(0.75);
|
|
||||||
margin-bottom: 4px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
menuitem[checked="true"][type="radio"] > .menu-iconic-left {
|
|
||||||
padding: 1px !important;
|
|
||||||
border: solid white;
|
|
||||||
height: 17px !important;
|
|
||||||
border-radius: 100%;
|
|
||||||
background: white;
|
|
||||||
transform: scale(0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
menucaption {
|
|
||||||
background-color: transparent !important;
|
|
||||||
color: white !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#ContentSelectDropdown > menupopup {
|
|
||||||
background-image: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#ContentSelectDropdown {
|
|
||||||
padding: 0px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
menulist {
|
|
||||||
-moz-appearance: none !important;
|
|
||||||
padding: 4px 4px 4px 4px !important;
|
|
||||||
border: 2px solid #666666 !important;
|
|
||||||
background-color: transparent !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
menulist:hover {
|
|
||||||
padding: 4px 4px 4px 4px !important;
|
|
||||||
border: 2px solid #999999 !important;
|
|
||||||
background-color: transparent !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
menulist[open="true"] {
|
|
||||||
border: 2px solid #666666 !important;
|
|
||||||
background-color: #333333 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#context-back > .menu-iconic-left,
|
|
||||||
#context-forward > .menu-iconic-left,
|
|
||||||
#context-reload > .menu-iconic-left,
|
|
||||||
#context-stop > .menu-iconic-left,
|
|
||||||
#context-bookmarkpage > .menu-iconic-left {
|
|
||||||
transform: scale(1.8);
|
|
||||||
}
|
|
||||||
|
|
||||||
.menu-iconic-left {
|
|
||||||
-moz-appearance: none !important;
|
|
||||||
padding: 0px 5px 0px 9px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menu-right {
|
|
||||||
-moz-appearance: none !important;
|
|
||||||
padding: 7.5px !important;
|
|
||||||
margin-right: 6px !important;
|
|
||||||
color: white !important;
|
|
||||||
border: solid white;
|
|
||||||
border-width: 0 2px 2px 0px;
|
|
||||||
transform: rotate(-45deg) scale(0.55);
|
|
||||||
}
|
|
||||||
|
|
||||||
menu[_moz-menuactive="true"],
|
|
||||||
menuitem[_moz-menuactive="true"] {
|
|
||||||
-moz-font-smoothing-background-color: -moz-mac-active-menuitem;
|
|
||||||
color: inherit !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
Clean and tight extensions menu
|
|
||||||
#unified-extensions-view .panel-header,
|
|
||||||
#unified-extensions-view .panel-header + toolbarseparator,
|
|
||||||
#unified-extensions-view .panel-subview-body + toolbarseparator,
|
|
||||||
#unified-extensions-view #unified-extensions-manage-extensions {
|
|
||||||
display:none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#unified-extensions-view .unified-extensions-item-menu-button.subviewbutton{
|
|
||||||
visibility: hidden !important;
|
|
||||||
transition: 300ms !important;
|
|
||||||
-moz-margin-end: -3.6em !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#unified-extensions-view .panel-subview-body {
|
|
||||||
padding-top: 8px !important;
|
|
||||||
padding-bottom: 8px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#unified-extensions-view:hover
|
|
||||||
.unified-extensions-item-menu-button.subviewbutton{
|
|
||||||
visibility: visible !important;
|
|
||||||
transition: 300ms !important;
|
|
||||||
-moz-margin-end: initial !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#unified-extensions-view .unified-extensions-item-icon,
|
|
||||||
#unified-extensions-view .unified-extensions-item[unified-extensions="true"] .webextension-browser-action
|
|
||||||
> .toolbarbutton-badge-stack > .toolbarbutton-icon {
|
|
||||||
height: 20px !important;
|
|
||||||
width: 20px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#unified-extensions-view .unified-extensions-item-icon,
|
|
||||||
#unified-extensions-view .unified-extensions-item[unified-extensions="true"] .webextension-browser-action > .toolbarbutton-badge-stack {
|
|
||||||
margin-inline-end: 2px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#unified-extensions-view .unified-extensions-item-name,
|
|
||||||
#unified-extensions-view .unified-extensions-item-message {
|
|
||||||
padding-inline-start: 0.5em !important;
|
|
||||||
width: 21em !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#unified-extensions-view .unified-extensions-item-action-button.subviewbutton {
|
|
||||||
padding-top: 2px !important;
|
|
||||||
padding-bottom: 2px !important;
|
|
||||||
}*/
|
|
||||||
|
|
@ -1,347 +0,0 @@
|
||||||
//
|
|
||||||
/* You may copy+paste this file and use it as it is.
|
|
||||||
*
|
|
||||||
* If you make changes to your about:config while the program is running, the
|
|
||||||
* changes will be overwritten by the user.js when the application restarts.
|
|
||||||
*
|
|
||||||
* To make lasting changes to preferences, you will have to edit the user.js.
|
|
||||||
*/
|
|
||||||
|
|
||||||
/****************************************************************************
|
|
||||||
* Betterfox *
|
|
||||||
* "Ad meliora" *
|
|
||||||
* version: 129 *
|
|
||||||
* url: https://github.com/yokoffing/Betterfox *
|
|
||||||
****************************************************************************/
|
|
||||||
|
|
||||||
/****************************************************************************
|
|
||||||
* SECTION: FASTFOX *
|
|
||||||
****************************************************************************/
|
|
||||||
/** GENERAL ***/
|
|
||||||
user_pref("content.notify.interval", 100000);
|
|
||||||
|
|
||||||
/** GFX ***/
|
|
||||||
user_pref("gfx.canvas.accelerated.cache-items", 4096);
|
|
||||||
user_pref("gfx.canvas.accelerated.cache-size", 512);
|
|
||||||
user_pref("gfx.content.skia-font-cache-size", 20);
|
|
||||||
|
|
||||||
/** DISK CACHE ***/
|
|
||||||
user_pref("browser.cache.jsbc_compression_level", 3);
|
|
||||||
|
|
||||||
/** MEDIA CACHE ***/
|
|
||||||
user_pref("media.memory_cache_max_size", 65536);
|
|
||||||
user_pref("media.cache_readahead_limit", 7200);
|
|
||||||
user_pref("media.cache_resume_threshold", 3600);
|
|
||||||
|
|
||||||
/** IMAGE CACHE ***/
|
|
||||||
user_pref("image.mem.decode_bytes_at_a_time", 32768);
|
|
||||||
|
|
||||||
/** NETWORK ***/
|
|
||||||
user_pref("network.http.max-connections", 1800);
|
|
||||||
user_pref("network.http.max-persistent-connections-per-server", 10);
|
|
||||||
user_pref("network.http.max-urgent-start-excessive-connections-per-host", 5);
|
|
||||||
user_pref("network.http.pacing.requests.enabled", false);
|
|
||||||
user_pref("network.dnsCacheExpiration", 3600);
|
|
||||||
user_pref("network.ssl_tokens_cache_capacity", 10240);
|
|
||||||
|
|
||||||
/** SPECULATIVE LOADING ***/
|
|
||||||
user_pref("network.dns.disablePrefetch", true);
|
|
||||||
user_pref("network.dns.disablePrefetchFromHTTPS", true);
|
|
||||||
user_pref("network.prefetch-next", false);
|
|
||||||
user_pref("network.predictor.enabled", false);
|
|
||||||
user_pref("network.predictor.enable-prefetch", false);
|
|
||||||
|
|
||||||
/** EXPERIMENTAL ***/
|
|
||||||
user_pref("layout.css.grid-template-masonry-value.enabled", true);
|
|
||||||
user_pref("dom.enable_web_task_scheduling", true);
|
|
||||||
user_pref("dom.security.sanitizer.enabled", true);
|
|
||||||
|
|
||||||
/****************************************************************************
|
|
||||||
* SECTION: SECUREFOX *
|
|
||||||
****************************************************************************/
|
|
||||||
/** TRACKING PROTECTION ***/
|
|
||||||
user_pref("browser.contentblocking.category", "strict");
|
|
||||||
user_pref(
|
|
||||||
"urlclassifier.trackingSkipURLs",
|
|
||||||
"*.reddit.com, *.twitter.com, *.twimg.com, *.tiktok.com",
|
|
||||||
);
|
|
||||||
user_pref(
|
|
||||||
"urlclassifier.features.socialtracking.skipURLs",
|
|
||||||
"*.instagram.com, *.twitter.com, *.twimg.com",
|
|
||||||
);
|
|
||||||
user_pref("network.cookie.sameSite.noneRequiresSecure", true);
|
|
||||||
user_pref("browser.download.start_downloads_in_tmp_dir", true);
|
|
||||||
user_pref("browser.helperApps.deleteTempFileOnExit", true);
|
|
||||||
user_pref("browser.uitour.enabled", false);
|
|
||||||
user_pref("privacy.globalprivacycontrol.enabled", true);
|
|
||||||
|
|
||||||
/** OCSP & CERTS / HPKP ***/
|
|
||||||
user_pref("security.OCSP.enabled", 0);
|
|
||||||
user_pref("security.remote_settings.crlite_filters.enabled", true);
|
|
||||||
user_pref("security.pki.crlite_mode", 2);
|
|
||||||
|
|
||||||
/** SSL / TLS ***/
|
|
||||||
user_pref("security.ssl.treat_unsafe_negotiation_as_broken", true);
|
|
||||||
user_pref("browser.xul.error_pages.expert_bad_cert", true);
|
|
||||||
user_pref("security.tls.enable_0rtt_data", false);
|
|
||||||
|
|
||||||
/** DISK AVOIDANCE ***/
|
|
||||||
user_pref("browser.privatebrowsing.forceMediaMemoryCache", true);
|
|
||||||
user_pref("browser.sessionstore.interval", 60000);
|
|
||||||
|
|
||||||
/** SHUTDOWN & SANITIZING ***/
|
|
||||||
user_pref("privacy.history.custom", true);
|
|
||||||
|
|
||||||
/** SEARCH / URL BAR ***/
|
|
||||||
user_pref("browser.urlbar.trimHttps", true);
|
|
||||||
user_pref("browser.urlbar.untrimOnUserInteraction.featureGate", true);
|
|
||||||
user_pref("browser.search.separatePrivateDefault.ui.enabled", true);
|
|
||||||
user_pref("browser.urlbar.update2.engineAliasRefresh", true);
|
|
||||||
user_pref("browser.search.suggest.enabled", false);
|
|
||||||
user_pref("browser.urlbar.quicksuggest.enabled", false);
|
|
||||||
user_pref("browser.urlbar.suggest.quicksuggest.sponsored", false);
|
|
||||||
user_pref("browser.urlbar.suggest.quicksuggest.nonsponsored", false);
|
|
||||||
user_pref("browser.urlbar.groupLabels.enabled", false);
|
|
||||||
user_pref("browser.formfill.enable", false);
|
|
||||||
user_pref("security.insecure_connection_text.enabled", true);
|
|
||||||
user_pref("security.insecure_connection_text.pbmode.enabled", true);
|
|
||||||
user_pref("network.IDN_show_punycode", true);
|
|
||||||
|
|
||||||
/** HTTPS-FIRST POLICY ***/
|
|
||||||
user_pref("dom.security.https_first", true);
|
|
||||||
|
|
||||||
/** PASSWORDS ***/
|
|
||||||
user_pref("signon.formlessCapture.enabled", false);
|
|
||||||
user_pref("signon.privateBrowsingCapture.enabled", false);
|
|
||||||
user_pref("network.auth.subresource-http-auth-allow", 1);
|
|
||||||
user_pref("editor.truncate_user_pastes", false);
|
|
||||||
|
|
||||||
/** MIXED CONTENT + CROSS-SITE ***/
|
|
||||||
user_pref("security.mixed_content.block_display_content", true);
|
|
||||||
user_pref("pdfjs.enableScripting", false);
|
|
||||||
user_pref("extensions.postDownloadThirdPartyPrompt", false);
|
|
||||||
|
|
||||||
/** HEADERS / REFERERS ***/
|
|
||||||
user_pref("network.http.referer.XOriginTrimmingPolicy", 2);
|
|
||||||
|
|
||||||
/** CONTAINERS ***/
|
|
||||||
user_pref("privacy.userContext.ui.enabled", true);
|
|
||||||
|
|
||||||
/** WEBRTC ***/
|
|
||||||
user_pref("media.peerconnection.ice.proxy_only_if_behind_proxy", true);
|
|
||||||
user_pref("media.peerconnection.ice.default_address_only", true);
|
|
||||||
|
|
||||||
/** SAFE BROWSING ***/
|
|
||||||
user_pref("browser.safebrowsing.downloads.remote.enabled", false);
|
|
||||||
|
|
||||||
/** MOZILLA ***/
|
|
||||||
user_pref("permissions.default.desktop-notification", 2);
|
|
||||||
user_pref("permissions.default.geo", 2);
|
|
||||||
user_pref("permissions.manager.defaultsUrl", "");
|
|
||||||
user_pref("webchannel.allowObject.urlWhitelist", "");
|
|
||||||
|
|
||||||
/** TELEMETRY ***/
|
|
||||||
user_pref("datareporting.policy.dataSubmissionEnabled", false);
|
|
||||||
user_pref("datareporting.healthreport.uploadEnabled", false);
|
|
||||||
user_pref("toolkit.telemetry.unified", false);
|
|
||||||
user_pref("toolkit.telemetry.enabled", false);
|
|
||||||
user_pref("toolkit.telemetry.server", "data:,");
|
|
||||||
user_pref("toolkit.telemetry.archive.enabled", false);
|
|
||||||
user_pref("toolkit.telemetry.newProfilePing.enabled", false);
|
|
||||||
user_pref("toolkit.telemetry.shutdownPingSender.enabled", false);
|
|
||||||
user_pref("toolkit.telemetry.updatePing.enabled", false);
|
|
||||||
user_pref("toolkit.telemetry.bhrPing.enabled", false);
|
|
||||||
user_pref("toolkit.telemetry.firstShutdownPing.enabled", false);
|
|
||||||
user_pref("toolkit.telemetry.coverage.opt-out", true);
|
|
||||||
user_pref("toolkit.coverage.opt-out", true);
|
|
||||||
user_pref("toolkit.coverage.endpoint.base", "");
|
|
||||||
user_pref("browser.newtabpage.activity-stream.feeds.telemetry", false);
|
|
||||||
user_pref("browser.newtabpage.activity-stream.telemetry", false);
|
|
||||||
|
|
||||||
/** EXPERIMENTS ***/
|
|
||||||
user_pref("app.shield.optoutstudies.enabled", false);
|
|
||||||
user_pref("app.normandy.enabled", false);
|
|
||||||
user_pref("app.normandy.api_url", "");
|
|
||||||
|
|
||||||
/** CRASH REPORTS ***/
|
|
||||||
user_pref("breakpad.reportURL", "");
|
|
||||||
user_pref("browser.tabs.crashReporting.sendReport", false);
|
|
||||||
user_pref("browser.crashReports.unsubmittedCheck.autoSubmit2", false);
|
|
||||||
|
|
||||||
/** DETECTION ***/
|
|
||||||
user_pref("captivedetect.canonicalURL", "");
|
|
||||||
user_pref("network.captive-portal-service.enabled", false);
|
|
||||||
user_pref("network.connectivity-service.enabled", false);
|
|
||||||
|
|
||||||
/****************************************************************************
|
|
||||||
* SECTION: PESKYFOX *
|
|
||||||
****************************************************************************/
|
|
||||||
/** MOZILLA UI ***/
|
|
||||||
user_pref("browser.privatebrowsing.vpnpromourl", "");
|
|
||||||
user_pref("extensions.getAddons.showPane", false);
|
|
||||||
user_pref("extensions.htmlaboutaddons.recommendations.enabled", false);
|
|
||||||
user_pref("browser.discovery.enabled", false);
|
|
||||||
user_pref("browser.shell.checkDefaultBrowser", false);
|
|
||||||
user_pref(
|
|
||||||
"browser.newtabpage.activity-stream.asrouter.userprefs.cfr.addons",
|
|
||||||
false,
|
|
||||||
);
|
|
||||||
user_pref(
|
|
||||||
"browser.newtabpage.activity-stream.asrouter.userprefs.cfr.features",
|
|
||||||
false,
|
|
||||||
);
|
|
||||||
user_pref("browser.preferences.moreFromMozilla", false);
|
|
||||||
user_pref("browser.aboutConfig.showWarning", false);
|
|
||||||
user_pref("browser.aboutwelcome.enabled", false);
|
|
||||||
user_pref("browser.tabs.tabmanager.enabled", false);
|
|
||||||
user_pref("browser.profiles.enabled", true);
|
|
||||||
|
|
||||||
/** THEME ADJUSTMENTS ***/
|
|
||||||
user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true);
|
|
||||||
user_pref("browser.compactmode.show", true);
|
|
||||||
user_pref("browser.display.focus_ring_on_anything", true);
|
|
||||||
user_pref("browser.display.focus_ring_style", 0);
|
|
||||||
user_pref("browser.display.focus_ring_width", 0);
|
|
||||||
user_pref("layout.css.prefers-color-scheme.content-override", 2);
|
|
||||||
user_pref("browser.privateWindowSeparation.enabled", false); // WINDOWS
|
|
||||||
user_pref(
|
|
||||||
"browser.newtabpage.activity-stream.newtabWallpapers.v2.enabled",
|
|
||||||
true,
|
|
||||||
);
|
|
||||||
|
|
||||||
/** COOKIE BANNER HANDLING ***/
|
|
||||||
user_pref("cookiebanners.service.mode", 1);
|
|
||||||
user_pref("cookiebanners.service.mode.privateBrowsing", 1);
|
|
||||||
|
|
||||||
/** FULLSCREEN NOTICE ***/
|
|
||||||
user_pref("full-screen-api.transition-duration.enter", "0 0");
|
|
||||||
user_pref("full-screen-api.transition-duration.leave", "0 0");
|
|
||||||
user_pref("full-screen-api.warning.delay", -1);
|
|
||||||
user_pref("full-screen-api.warning.timeout", 0);
|
|
||||||
|
|
||||||
/** URL BAR ***/
|
|
||||||
user_pref("browser.urlbar.suggest.calculator", true);
|
|
||||||
user_pref("browser.urlbar.unitConversion.enabled", true);
|
|
||||||
user_pref("browser.urlbar.trending.featureGate", false);
|
|
||||||
|
|
||||||
/** NEW TAB PAGE ***/
|
|
||||||
user_pref("browser.newtabpage.activity-stream.feeds.topsites", false);
|
|
||||||
user_pref("browser.newtabpage.activity-stream.feeds.section.topstories", false);
|
|
||||||
|
|
||||||
/** POCKET ***/
|
|
||||||
user_pref("extensions.pocket.enabled", false);
|
|
||||||
|
|
||||||
/** DOWNLOADS ***/
|
|
||||||
user_pref("browser.download.manager.addToRecentDocs", false);
|
|
||||||
|
|
||||||
/** PDF ***/
|
|
||||||
user_pref("browser.download.open_pdf_attachments_inline", true);
|
|
||||||
|
|
||||||
/** TAB BEHAVIOR ***/
|
|
||||||
user_pref("browser.bookmarks.openInTabClosesMenu", false);
|
|
||||||
user_pref("browser.menu.showViewImageInfo", true);
|
|
||||||
user_pref("findbar.highlightAll", true);
|
|
||||||
user_pref("layout.word_select.eat_space_to_next_word", false);
|
|
||||||
|
|
||||||
/****************************************************************************
|
|
||||||
* START: MY OVERRIDES *
|
|
||||||
****************************************************************************/
|
|
||||||
// visit https://github.com/yokoffing/Betterfox/wiki/Common-Overrides
|
|
||||||
// visit https://github.com/yokoffing/Betterfox/wiki/Optional-Hardening
|
|
||||||
// Enter your personal overrides below this line:
|
|
||||||
// PREF: enable HTTPS-Only Mode
|
|
||||||
// Warn me before loading sites that don't support HTTPS
|
|
||||||
// in both Normal and Private Browsing windows.
|
|
||||||
user_pref("dom.security.https_only_mode", true);
|
|
||||||
user_pref("dom.security.https_only_mode_error_page_user_suggestions", true);
|
|
||||||
|
|
||||||
// PREF: disable the Firefox View tour from popping up
|
|
||||||
user_pref("browser.firefox-view.feature-tour", '{"screen":"","complete":true}');
|
|
||||||
|
|
||||||
// PREF: preferred color scheme for websites and sub-pages
|
|
||||||
// Dark (0), Light (1), System (2), Browser (3)
|
|
||||||
user_pref("layout.css.prefers-color-scheme.content-override", 0);
|
|
||||||
|
|
||||||
// PREF: disable login manager
|
|
||||||
user_pref("signon.rememberSignons", false);
|
|
||||||
|
|
||||||
// PREF: disable address and credit card manager
|
|
||||||
user_pref("extensions.formautofill.addresses.enabled", false);
|
|
||||||
user_pref("extensions.formautofill.creditCards.enabled", false);
|
|
||||||
|
|
||||||
// PREF: disable telemetry of what default browser you use [WINDOWS]
|
|
||||||
user_pref("default-browser-agent.enabled", false);
|
|
||||||
|
|
||||||
/****************************************************************************
|
|
||||||
* SECTION: SMOOTHFOX *
|
|
||||||
****************************************************************************/
|
|
||||||
// visit https://github.com/yokoffing/Betterfox/blob/main/Smoothfox.js
|
|
||||||
// Enter your scrolling overrides below this line:
|
|
||||||
|
|
||||||
/****************************************************************************************
|
|
||||||
* Smoothfox *
|
|
||||||
* "Faber est suae quisque fortunae" *
|
|
||||||
* priority: better scrolling *
|
|
||||||
* version: 126.1 *
|
|
||||||
* url: https://github.com/yokoffing/Betterfox *
|
|
||||||
***************************************************************************************/
|
|
||||||
|
|
||||||
// Use only one option at a time!
|
|
||||||
// Reset prefs if you decide to use different option.
|
|
||||||
|
|
||||||
/****************************************************************************************
|
|
||||||
* OPTION: SHARPEN SCROLLING *
|
|
||||||
****************************************************************************************/
|
|
||||||
// credit: https://github.com/black7375/Firefox-UI-Fix
|
|
||||||
// only sharpen scrolling
|
|
||||||
// user_pref("apz.overscroll.enabled", true); // DEFAULT NON-LINUX
|
|
||||||
// user_pref("general.smoothScroll", true); // DEFAULT
|
|
||||||
// user_pref("mousewheel.min_line_scroll_amount", 10); // 10-40; adjust this number to your liking; default=5
|
|
||||||
// user_pref("general.smoothScroll.mouseWheel.durationMinMS", 80); // default=50
|
|
||||||
// user_pref("general.smoothScroll.currentVelocityWeighting", "0.15"); // default=.25
|
|
||||||
// user_pref("general.smoothScroll.stopDecelerationWeighting", "0.6"); // default=.4
|
|
||||||
// Firefox Nightly only:
|
|
||||||
// [1] https://bugzilla.mozilla.org/show_bug.cgi?id=1846935
|
|
||||||
// user_pref("general.smoothScroll.msdPhysics.enabled", false); // [FF122+ Nightly]
|
|
||||||
|
|
||||||
/****************************************************************************************
|
|
||||||
* OPTION: INSTANT SCROLLING (SIMPLE ADJUSTMENT) *
|
|
||||||
****************************************************************************************/
|
|
||||||
// recommended for 60hz+ displays
|
|
||||||
// user_pref("apz.overscroll.enabled", true); // DEFAULT NON-LINUX
|
|
||||||
// user_pref("general.smoothScroll", true); // DEFAULT
|
|
||||||
// user_pref("mousewheel.default.delta_multiplier_y", 275); // 250-400; adjust this number to your liking
|
|
||||||
// // Firefox Nightly only:
|
|
||||||
// // [1] https://bugzilla.mozilla.org/show_bug.cgi?id=1846935
|
|
||||||
// user_pref("general.smoothScroll.msdPhysics.enabled", false); // [FF122+ Nightly]
|
|
||||||
|
|
||||||
/****************************************************************************************
|
|
||||||
* OPTION: SMOOTH SCROLLING *
|
|
||||||
****************************************************************************************/
|
|
||||||
// recommended for 90hz+ displays
|
|
||||||
user_pref("apz.overscroll.enabled", true); // DEFAULT NON-LINUX
|
|
||||||
user_pref("general.smoothScroll", true); // DEFAULT
|
|
||||||
user_pref("general.smoothScroll.msdPhysics.enabled", true);
|
|
||||||
user_pref("mousewheel.default.delta_multiplier_y", 300); // 250-400; adjust this number to your liking
|
|
||||||
|
|
||||||
/****************************************************************************************
|
|
||||||
* OPTION: NATURAL SMOOTH SCROLLING V3 [MODIFIED] *
|
|
||||||
****************************************************************************************/
|
|
||||||
// credit: https://github.com/AveYo/fox/blob/cf56d1194f4e5958169f9cf335cd175daa48d349/Natural%20Smooth%20Scrolling%20for%20user.js
|
|
||||||
// recommended for 120hz+ displays
|
|
||||||
// largely matches Chrome flags: Windows Scrolling Personality and Smooth Scrolling
|
|
||||||
// user_pref("apz.overscroll.enabled", true); // DEFAULT NON-LINUX
|
|
||||||
// user_pref("general.smoothScroll", true); // DEFAULT
|
|
||||||
// user_pref("general.smoothScroll.msdPhysics.continuousMotionMaxDeltaMS", 12);
|
|
||||||
// user_pref("general.smoothScroll.msdPhysics.enabled", true);
|
|
||||||
// user_pref("general.smoothScroll.msdPhysics.motionBeginSpringConstant", 600);
|
|
||||||
// user_pref("general.smoothScroll.msdPhysics.regularSpringConstant", 650);
|
|
||||||
// user_pref("general.smoothScroll.msdPhysics.slowdownMinDeltaMS", 25);
|
|
||||||
// user_pref("general.smoothScroll.msdPhysics.slowdownMinDeltaRatio", "2");
|
|
||||||
// user_pref("general.smoothScroll.msdPhysics.slowdownSpringConstant", 250);
|
|
||||||
// user_pref("general.smoothScroll.currentVelocityWeighting", "1");
|
|
||||||
// user_pref("general.smoothScroll.stopDecelerationWeighting", "1");
|
|
||||||
// user_pref("mousewheel.default.delta_multiplier_y", 300); // 250-400; adjust this number to your liking
|
|
||||||
/****************************************************************************
|
|
||||||
* END: BETTERFOX *
|
|
||||||
****************************************************************************/
|
|
||||||
41
.config/browser/userjs/user.js
Normal file
41
.config/browser/userjs/user.js
Normal file
|
|
@ -0,0 +1,41 @@
|
||||||
|
// THIS USER.JS IS INTENTED TO USE ONLY WITH ZEN BROWSER
|
||||||
|
// Smooth Scrolling
|
||||||
|
user_pref("apz.overscroll.enabled", true);
|
||||||
|
user_pref("general.smoothScroll", true);
|
||||||
|
user_pref("general.smoothScroll.msdPhysics.enabled", true);
|
||||||
|
user_pref("mousewheel.default.delta_multiplier_y", 250);
|
||||||
|
|
||||||
|
// Custom Options
|
||||||
|
user_pref("ui.key.menuAccessKey", 0); // Disable alt key to allow custom bindings that uses it
|
||||||
|
|
||||||
|
// Firefox Options
|
||||||
|
user_pref("privacy.history.custom", true);
|
||||||
|
user_pref("privacy.clearHistory.formdata", true);
|
||||||
|
user_pref("browser.ctrlTab.sortByRecentlyUsed", true);
|
||||||
|
user_pref("browser.download.useDownloadDir", false);
|
||||||
|
user_pref("devtools.editor.keymap", "jim");
|
||||||
|
user_pref("devtools.theme", "dark");
|
||||||
|
user_pref("font.name.serif.x-western", "Maple Mono NF");
|
||||||
|
user_pref("signon.rememberSignons", false);
|
||||||
|
user_pref("signon.autofillForms", false);
|
||||||
|
|
||||||
|
// Zen Options
|
||||||
|
user_pref("browser.urlbar.trimURLs", true);
|
||||||
|
user_pref("browser.tabs.hoverPreview.enabled", true);
|
||||||
|
user_pref("toolkit.tabbox.switchByScrolling", false);
|
||||||
|
user_pref("zen.urlbar.replace-newtab", true);
|
||||||
|
user_pref("zen.tabs.vertical.right-side", true);
|
||||||
|
user_pref("zen.workspaces.open-new-tab-if-last-unpinned-tab-is-closed", false);
|
||||||
|
user_pref("zen.theme.gradient", true);
|
||||||
|
user_pref("zen.view.experimental-rounded-view", true);
|
||||||
|
user_pref("zen.view.experimental-force-window-controls-left", false); // Using the sidebar at the right
|
||||||
|
user_pref("zen.widget.linux.transparency", true);
|
||||||
|
user_pref("zen.pinned-tab-manager.restore-pinned-tabs-to-pinned-url", true);
|
||||||
|
user_pref("zen.splitView.change-on-hover", true);
|
||||||
|
user_pref("zen.tabs.show-newtab-under", false);
|
||||||
|
user_pref("zen.tabs.show-newtab-button-top", false);
|
||||||
|
user_pref("zen.tabs.show-newtab-vertical", false);
|
||||||
|
user_pref("zen.urlbar.behavior", "float");
|
||||||
|
user_pref("zen.view.compact.hide-toolbar", true);
|
||||||
|
user_pref("zen.workspaces.force-container-workspace", true);
|
||||||
|
user_pref("zen.glance.open-essential-external-links", false);
|
||||||
|
|
@ -1,87 +0,0 @@
|
||||||
/****************************************************************************************
|
|
||||||
* Smoothfox *
|
|
||||||
* "Faber est suae quisque fortunae" *
|
|
||||||
* priority: better scrolling *
|
|
||||||
* version: 126.1 *
|
|
||||||
* url: https://github.com/yokoffing/Betterfox *
|
|
||||||
***************************************************************************************/
|
|
||||||
|
|
||||||
// Use only one option at a time!
|
|
||||||
// Reset prefs if you decide to use different option.
|
|
||||||
|
|
||||||
/****************************************************************************************
|
|
||||||
* OPTION: SHARPEN SCROLLING *
|
|
||||||
****************************************************************************************/
|
|
||||||
// credit: https://github.com/black7375/Firefox-UI-Fix
|
|
||||||
// only sharpen scrolling
|
|
||||||
// user_pref("apz.overscroll.enabled", true); // DEFAULT NON-LINUX
|
|
||||||
// user_pref("general.smoothScroll", true); // DEFAULT
|
|
||||||
// user_pref("mousewheel.min_line_scroll_amount", 10); // 10-40; adjust this number to your liking; default=5
|
|
||||||
// user_pref("general.smoothScroll.mouseWheel.durationMinMS", 80); // default=50
|
|
||||||
// user_pref("general.smoothScroll.currentVelocityWeighting", "0.15"); // default=.25
|
|
||||||
// user_pref("general.smoothScroll.stopDecelerationWeighting", "0.6"); // default=.4
|
|
||||||
// Firefox Nightly only:
|
|
||||||
// [1] https://bugzilla.mozilla.org/show_bug.cgi?id=1846935
|
|
||||||
// user_pref("general.smoothScroll.msdPhysics.enabled", false); // [FF122+ Nightly]
|
|
||||||
|
|
||||||
/****************************************************************************************
|
|
||||||
* OPTION: INSTANT SCROLLING (SIMPLE ADJUSTMENT) *
|
|
||||||
****************************************************************************************/
|
|
||||||
// recommended for 60hz+ displays
|
|
||||||
// user_pref("apz.overscroll.enabled", true); // DEFAULT NON-LINUX
|
|
||||||
// user_pref("general.smoothScroll", true); // DEFAULT
|
|
||||||
// user_pref("mousewheel.default.delta_multiplier_y", 275); // 250-400; adjust this number to your liking
|
|
||||||
// // Firefox Nightly only:
|
|
||||||
// // [1] https://bugzilla.mozilla.org/show_bug.cgi?id=1846935
|
|
||||||
// user_pref("general.smoothScroll.msdPhysics.enabled", false); // [FF122+ Nightly]
|
|
||||||
|
|
||||||
/****************************************************************************************
|
|
||||||
* OPTION: SMOOTH SCROLLING *
|
|
||||||
****************************************************************************************/
|
|
||||||
// recommended for 90hz+ displays
|
|
||||||
user_pref("apz.overscroll.enabled", true); // DEFAULT NON-LINUX
|
|
||||||
user_pref("general.smoothScroll", true); // DEFAULT
|
|
||||||
user_pref("general.smoothScroll.msdPhysics.enabled", true);
|
|
||||||
user_pref("mousewheel.default.delta_multiplier_y", 250); // 250-400; adjust this number to your liking
|
|
||||||
|
|
||||||
/****************************************************************************************
|
|
||||||
* OPTION: NATURAL SMOOTH SCROLLING V3 [MODIFIED] *
|
|
||||||
****************************************************************************************/
|
|
||||||
// credit: https://github.com/AveYo/fox/blob/cf56d1194f4e5958169f9cf335cd175daa48d349/Natural%20Smooth%20Scrolling%20for%20user.js
|
|
||||||
// recommended for 120hz+ displays
|
|
||||||
// largely matches Chrome flags: Windows Scrolling Personality and Smooth Scrolling
|
|
||||||
// user_pref("apz.overscroll.enabled", true); // DEFAULT NON-LINUX
|
|
||||||
// user_pref("general.smoothScroll", true); // DEFAULT
|
|
||||||
// user_pref("general.smoothScroll.msdPhysics.continuousMotionMaxDeltaMS", 12);
|
|
||||||
// user_pref("general.smoothScroll.msdPhysics.enabled", true);
|
|
||||||
// user_pref("general.smoothScroll.msdPhysics.motionBeginSpringConstant", 600);
|
|
||||||
// user_pref("general.smoothScroll.msdPhysics.regularSpringConstant", 650);
|
|
||||||
// user_pref("general.smoothScroll.msdPhysics.slowdownMinDeltaMS", 25);
|
|
||||||
// user_pref("general.smoothScroll.msdPhysics.slowdownMinDeltaRatio", "2");
|
|
||||||
// user_pref("general.smoothScroll.msdPhysics.slowdownSpringConstant", 250);
|
|
||||||
// user_pref("general.smoothScroll.currentVelocityWeighting", "1");
|
|
||||||
// user_pref("general.smoothScroll.stopDecelerationWeighting", "1");
|
|
||||||
// user_pref("mousewheel.default.delta_multiplier_y", 300); // 250-400; adjust this number to your liking
|
|
||||||
|
|
||||||
// Custom Options
|
|
||||||
user_pref("ui.key.menuAccessKey", 0);
|
|
||||||
user_pref("browser.tabs.hoverPreview.enabled", true);
|
|
||||||
user_pref("zen.urlbar.replace-newtab", false);
|
|
||||||
user_pref("zen.workspaces.open-new-tab-if-last-unpinned-tab-is-closed", false);
|
|
||||||
user_pref("browser.tabs.groups.enabled", false);
|
|
||||||
user_pref("browser.urlbar.trimURLs", true);
|
|
||||||
user_pref("zen.theme.gradient", true);
|
|
||||||
user_pref("zen.view.experimental-rounded-view", true);
|
|
||||||
user_pref("zen.view.experimental-force-window-controls-left", false); // Using the sidebar at the right
|
|
||||||
user_pref("toolkit.tabbox.switchByScrolling", false);
|
|
||||||
user_pref("zen.widget.linux.transparency", true);
|
|
||||||
user_pref("zen.pinned-tab-manager.restore-pinned-tabs-to-pinned-url", true);
|
|
||||||
user_pref("zen.splitView.change-on-hover", true);
|
|
||||||
user_pref("zen.tabs.show-newtab-under", false);
|
|
||||||
user_pref("zen.tabs.show-newtab-button-top", false);
|
|
||||||
user_pref("zen.tabs.show-newtab-vertical", false);
|
|
||||||
user_pref("zen.urlbar.behavior", "float");
|
|
||||||
user_pref("zen.view.compact.hide-toolbar", true);
|
|
||||||
user_pref("zen.workspaces.force-container-workspace", true);
|
|
||||||
user_pref("zen.glance.open-essential-external-links", false);
|
|
||||||
user_pref("browser.tabs.allow_transparent_browser", false);
|
|
||||||
Loading…
Add table
Reference in a new issue