refactor(browser): only maintain userChrome and user.js files for zen

This commit is contained in:
Sergio Laín 2025-08-10 19:03:33 +02:00
parent 276c0dfb5e
commit ae952575fc
No known key found for this signature in database
GPG key ID: 51BB28D8B42FB438
7 changed files with 41 additions and 2384 deletions

View file

@ -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;
}

View file

@ -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;
}*/

View file

@ -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 *
****************************************************************************/

View 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);

View file

@ -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);