From 9ab15fc5aefb935ded406f02d436cdabafa15553 Mon Sep 17 00:00:00 2001 From: Frost-Phoenix <67cyril6767@gmail.com> Date: Thu, 9 Nov 2023 15:40:42 +0100 Subject: [PATCH] change firefox config --- modules/home/firefox/default.nix | 347 ++++++++++++++++++------- modules/home/firefox/startpage.html | 79 ++++++ modules/home/firefox/userChrome.css | 370 +++++++++++++++------------ modules/home/firefox/userContent.css | 278 -------------------- 4 files changed, 544 insertions(+), 530 deletions(-) create mode 100644 modules/home/firefox/startpage.html delete mode 100644 modules/home/firefox/userContent.css diff --git a/modules/home/firefox/default.nix b/modules/home/firefox/default.nix index 2192111..6b16882 100755 --- a/modules/home/firefox/default.nix +++ b/modules/home/firefox/default.nix @@ -1,94 +1,269 @@ -{pkgs, ...}: { - programs.firefox = { +{ pkgs, lib, config, theme,... }: +{ + programs.firefox = let + startpage = pkgs.substituteAll { + src = ./startpage.html; + inherit (theme) wallpaper; + }; + userChrome = builtins.readFile (pkgs.substituteAll { + src = ./userChrome.css; + backgroundColor = "#${theme.backgroundColor.toHexRGBA}"; + }); + in { enable = true; - package = pkgs.wrapFirefox pkgs.firefox-unwrapped { - extraPolicies = { - DisableFirefoxStudies = true; - DisablePocket = true; - DisableTelemetry = true; - DisableSetDesktopBackground = true; - NoDefaultBookmarks = true; - OfferToSaveLogins = false; - OfferToSaveLoginsDefault = false; - PasswordManagerEnabled = false; - DontCheckDefaultBrowser = true; - FirefoxHome = { - Search = true; - Pocket = false; - Snippets = false; - TopSites = false; - Highlights = false; - }; - UserMessaging = { - ExtensionRecommendations = false; - SkipOnboarding = true; - }; - ExtensionSettings = {}; - }; - }; - profiles.frostphoenix = { - id = 0; + profiles.default = { + settings = {}; isDefault = true; - name = "frostphoenix"; - search = { - force = true; - default = "DuckDuckGo"; - engines = { - "Nix Packages" = { - urls = [ - { - template = "https://search.nixos.org/packages"; - params = [ - { - name = "type"; - value = "packages"; - } - { - name = "query"; - value = "{searchTerms}"; - } - ]; - } - ]; - icon = "${pkgs.nixos-icons}/share/icons/hicolor/scalable/apps/nix-snowflake.svg"; - definedAliases = ["@n"]; + inherit userChrome; + extensions = with pkgs.nur.repos.rycee.firefox-addons; + with pkgs.firefox-addons; [ + sponsorblock + ublock-origin + bitwarden + sidebery + firefox-translations + wayback-machine + ]; + }; + package = with pkgs; + wrapFirefox firefox-beta-unwrapped { + extraPolicies = { + CaptivePortal = false; + DisableFirefoxStudies = true; + DisablePocket = true; + DisableTelemetry = true; + DisableFirefoxAccounts = true; + DisableFormHistory = true; + DisplayBookmarksToolbar = true; + DontCheckDefaultBrowser = true; + FirefoxHome = { + Pocket = false; + Snippets = false; }; - "Flathub" = { - urls = [ - { - template = "https://flathub.org/apps/search"; - params = [ - { - name = "q"; - value = "{searchTerms}"; - } - ]; - } - ]; - definedAliases = ["@flathub" "@fh"]; + PasswordManagerEnabled = false; + # PromptForDownloadLocation = true; + UserMessaging = { + ExtensionRecommendations = false; + SkipOnboarding = true; + }; + ExtensionSettings = { + # @ytb --> YouTube + # @gh --> GitHub + # @nix --> Nix Package + "github@search" = { + installation_mode = "force_installed"; + install_url = "https://raw.githubusercontent.com/mlyxshi/FFExtension/main/github-search.xpi"; + }; + + "youtube@search" = { + installation_mode = "force_installed"; + install_url = "https://raw.githubusercontent.com/mlyxshi/FFExtension/main/youtube-search.xpi"; + }; + + "nix.package@search" = { + installation_mode = "force_installed"; + install_url = "https://raw.githubusercontent.com/mlyxshi/FFExtension/main/nix-search.xpi"; + }; + + "ebay@search.mozilla.org".installation_mode = "blocked"; + "amazondotcom@search.mozilla.org".installation_mode = "blocked"; + "bing@search.mozilla.org".installation_mode = "blocked"; + "ddg@search.mozilla.org".installation_mode = "blocked"; + "wikipedia@search.mozilla.org".installation_mode = "blocked"; + }; + Preferences = { + "browser.toolbars.bookmarks.visibility" = "never"; + "browser.fullscreen.autohide" = false; + "media.ffmpeg.vaapi.enabled" = true; + "media.hardware-video-decoding.force-enabled" = true; + "general.smoothScroll.msdPhysics.enabled" = true; + "layout.frame_rate" = 60; + "layout.css.backdrop-filter.enabled" = true; + # "layout.css.devPixelsPerPx" = "1.2"; + "layout.css.devPixelsPerPx" = "-1.0"; + "devtools.debugger.remote-enabled" = true; + "devtools.chrome.enabled" = true; + "toolkit.legacyUserProfileCustomizations.stylesheets" = true; + "browser.startup.homepage" = "file://${startpage}"; + "browser.newtabpage.enabled" = false; + # "general.useragent.override" = "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36"; + # "browser.uiCustomization.state" = '' + # {"placements":{"widget-overflow-fixed-list":["downloads-button","nixos_bitwarden-browser-action","nixos_ublock-browser-action","nixos_sponsor-block-browser-action","nixos_vimium-ff-browser-action","nixos_stylus-browser-action","_446900e4-71c2-419f-a6a7-df9c091e268b_-browser-action","_d7742d87-e61d-4b78-b8a1-b469842139fa_-browser-action","ublock0_raymondhill_net-browser-action","stop-reload-button","add-ons-button","print-button"],"nav-bar":["back-button","forward-button","urlbar-container","_b2c51689-0095-472b-b900-2b3911fd5089_-browser-action"],"toolbar-menubar":["menubar-items"],"TabsToolbar":["tabbrowser-tabs","new-tab-button","alltabs-button"],"PersonalToolbar":["import-button","personal-bookmarks"]},"seen":["save-to-pocket-button","developer-button","_446900e4-71c2-419f-a6a7-df9c091e268b_-browser-action","ublock0_raymondhill_net-browser-action","_d7742d87-e61d-4b78-b8a1-b469842139fa_-browser-action","_b2c51689-0095-472b-b900-2b3911fd5089_-browser-action","_7a7a4a92-a2a0-41d1-9fd7-1e92480d612d_-browser-action","_e4a8a97b-f2ed-450b-b12d-ee082ba24781_-browser-action","nixos_vimium-ff-browser-action","nixos_ublock-browser-action","nixos_stylus-browser-action","nixos_bitwarden-browser-action","nixos_sponsor-block-browser-action"],"dirtyAreaCache":["nav-bar","PersonalToolbar","toolbar-menubar","TabsToolbar","widget-overflow-fixed-list"],"currentVersion":17,"newElementCount":11} + # ''; + + # Arkenfox stuff + # https://github.com/arkenfox/user.js/wiki/ + "browser.aboutConfig.showWarning" = false; + "browser.shell.checkDefaultBrowser" = false; + "browser.startup.page" = 1; + "browser.newtabpage.activity-stream.showSponsored" = false; + "browser.newtabpage.activity-stream.showSponsoredTopSites" = false; + "browser.newtabpage.activity-stream.default.sites" = ""; + "geo.provider.use_corelocation" = false; + "geo.provider.use_gpsd" = false; + "geo.provider.use_geoclue" = false; + "geo.enabled" = false; + "browser.region.network.url" = ""; + "browser.region.update.enabled" = false; + "intl.accept_languages" = "en-US = en"; + "javascript.use_us_english_locale" = true; + "extensions.getAddons.showPane" = false; + "extensions.htmlaboutaddons.recommendations.enabled" = false; + "browser.discovery.enabled" = false; + "datareporting.policy.dataSubmissionEnabled" = false; + "datareporting.healthreport.uploadEnabled" = false; + "toolkit.telemetry.unified" = false; + "toolkit.telemetry.enabled" = false; + "toolkit.telemetry.server" = "data: ="; + "toolkit.telemetry.archive.enabled" = false; + "toolkit.telemetry.newProfilePing.enabled" = false; + "toolkit.telemetry.shutdownPingSender.enabled" = false; + "toolkit.telemetry.updatePing.enabled" = false; + "toolkit.telemetry.bhrPing.enabled" = false; + "toolkit.telemetry.firstShutdownPing.enabled" = false; + "toolkit.telemetry.coverage.opt-out" = true; + "toolkit.coverage.opt-out" = true; + "toolkit.coverage.endpoint.base" = ""; + "browser.ping-centre.telemetry" = false; + "browser.newtabpage.activity-stream.feeds.telemetry" = false; + "browser.newtabpage.activity-stream.telemetry" = false; + "app.shield.optoutstudies.enabled" = false; + "app.normandy.enabled" = false; + "app.normandy.api_url" = ""; + "breakpad.reportURL" = ""; + "browser.tabs.crashReporting.sendReport" = false; + "browser.crashReports.unsubmittedCheck.autoSubmit2" = false; + "captivedetect.canonicalURL" = ""; + "network.captive-portal-service.enabled" = false; + "network.connectivity-service.enabled" = false; + "browser.safebrowsing.downloads.remote.enabled" = false; + "network.prefetch-next" = false; + "network.dns.disablePrefetch" = true; + "network.predictor.enabled" = false; + "network.predictor.enable-prefetch" = false; + "network.http.speculative-parallel-limit" = 0; + "browser.places.speculativeConnect.enabled" = false; + "network.dns.disableIPv6" = true; + "network.proxy.socks_remote_dns" = true; + "network.file.disable_unc_paths" = true; + "network.gio.supported-protocols" = ""; + "keyword.enabled" = true; + "browser.fixup.alternate.enabled" = false; + "browser.search.suggest.enabled" = false; + "browser.urlbar.suggest.searches" = false; + "browser.urlbar.speculativeConnect.enabled" = false; + "browser.urlbar.dnsResolveSingleWordsAfterSearch" = 0; + "browser.urlbar.suggest.quicksuggest.nonsponsored" = false; + "browser.urlbar.suggest.quicksuggest.sponsored" = false; + "browser.formfill.enable" = false; + "signon.autofillForms" = false; + "signon.formlessCapture.enabled" = false; + "network.auth.subresource-http-auth-allow" = 1; + "browser.cache.disk.enable" = false; + "browser.privatebrowsing.forceMediaMemoryCache" = true; + "media.memory_cache_max_size" = 65536; + "browser.sessionstore.privacy_level" = 2; + "toolkit.winRegisterApplicationRestart" = false; + "browser.shell.shortcutFavicons" = false; + "security.ssl.require_safe_negotiation" = true; + "security.tls.enable_0rtt_data" = false; + "security.OCSP.enabled" = 1; + "security.OCSP.require" = true; + "security.family_safety.mode" = 0; + "security.cert_pinning.enforcement_level" = 2; + "security.remote_settings.crlite_filters.enabled" = true; + "security.pki.crlite_mode" = 2; + "security.mixed_content.block_display_content" = true; + "dom.security.https_only_mode" = true; + "dom.security.https_only_mode_send_http_background_request" = false; + "security.ssl.treat_unsafe_negotiation_as_broken" = true; + "browser.ssl_override_behavior" = 1; + "browser.xul.error_pages.expert_bad_cert" = true; + "network.http.referer.XOriginPolicy" = 0; + "network.http.referer.XOriginTrimmingPolicy" = 2; + "privacy.userContext.enabled" = true; + "privacy.userContext.ui.enabled" = true; + "media.peerconnection.ice.proxy_only_if_behind_proxy" = true; + "media.peerconnection.ice.default_address_only" = true; + "media.eme.enabled" = true; + "dom.disable_beforeunload" = true; + "dom.disable_window_move_resize" = true; + "dom.disable_open_during_load" = true; + "dom.popup_allowed_events" = "click dblclick mousedown pointerdown"; + "accessibility.force_disabled" = 1; + "beacon.enabled" = false; + "browser.helperApps.deleteTempFileOnExit" = true; + "browser.pagethumbnails.capturing_disabled" = true; + "browser.uitour.enabled" = false; + "browser.uitour.url" = ""; + # "devtools.chrome.enabled" = false; + # "devtools.debugger.remote-enabled" = false; + "middlemouse.contentLoadURL" = false; + "permissions.manager.defaultsUrl" = ""; + "webchannel.allowObject.urlWhitelist" = ""; + "network.IDN_show_punycode" = true; + "pdfjs.disabled" = false; + "pdfjs.enableScripting" = false; + "network.protocol-handler.external.ms-windows-store" = false; + "permissions.delegation.enabled" = false; + "browser.download.useDownloadDir" = true; + "browser.download.alwaysOpenPanel" = false; + "browser.download.manager.addToRecentDocs" = false; + "browser.download.always_ask_before_handling_new_types" = true; + "extensions.enabledScopes" = 5; + "extensions.autoDisableScopes" = 15; + "extensions.postDownloadThirdPartyPrompt" = false; + "browser.contentblocking.category" = "strict"; + "privacy.partition.serviceWorkers" = true; + "privacy.partition.always_partition_third_party_non_cookie_storage" = true; + "privacy.partition.always_partition_third_party_non_cookie_storage.exempt_sessionstorage" = false; + "privacy.sanitize.sanitizeOnShutdown" = true; + "privacy.clearOnShutdown.cache" = false; + "privacy.clearOnShutdown.downloads" = true; + "privacy.clearOnShutdown.formdata" = true; + "privacy.clearOnShutdown.history" = true; + "privacy.clearOnShutdown.sessions" = false; + "privacy.clearOnShutdown.cookies" = false; + "privacy.clearOnShutdown.offlineApps" = true; + "privacy.cpd.cache" = true; + "privacy.cpd.formdata" = true; + "privacy.cpd.history" = true; + "privacy.cpd.sessions" = true; + "privacy.cpd.offlineApps" = false; + "privacy.cpd.cookies" = false; + "privacy.sanitize.timeSpan" = 0; + "privacy.resistFingerprinting" = true; + "privacy.window.maxInnerWidth" = 1600; + "privacy.window.maxInnerHeight" = 900; + "privacy.resistFingerprinting.block_mozAddonManager" = true; + "privacy.resistFingerprinting.letterboxing" = true; + "browser.startup.blankWindow" = false; + "browser.display.use_system_colors" = false; + "widget.non-native-theme.enabled" = true; + "browser.link.open_newwindow" = 3; + "browser.link.open_newwindow.restriction" = 0; + "webgl.disabled" = true; + "extensions.blocklist.enabled" = true; + "network.http.referer.spoofSource" = false; + "security.dialog_enable_delay" = 1000; + "privacy.firstparty.isolate" = false; + "extensions.webcompat.enable_shims" = true; + "security.tls.version.enable-deprecated" = false; + "extensions.webcompat-reporter.enabled" = false; + "browser.startup.homepage_override.mstone" = "ignore"; + "browser.messaging-system.whatsNewPanel.enabled" = false; + "browser.newtabpage.activity-stream.asrouter.userprefs.cfr.addons" = false; + "browser.newtabpage.activity-stream.asrouter.userprefs.cfr.features" = false; + "browser.urlbar.suggest.quicksuggest" = false; + "app.update.background.scheduling.enabled" = false; + "security.csp.enable" = true; + "security.ask_for_password" = 2; + "security.password_lifetime" = 5; + "dom.storage.next_gen" = true; + "network.cookie.lifetimePolicy" = 0; + "security.pki.sha1_enforcement_level" = 1; }; }; }; - settings = { - "general.smoothScroll" = true; - "media.videocontrols.picture-in-picture.video-toggle.enabled" = false; - "toolkit.legacyUserProfileCustomizations.stylesheets" = true; - }; - extensions = with pkgs.nur.repos.rycee.firefox-addons; [ - bitwarden - translate-web-pages - ublock-origin - sponsorblock - stylus - augmented-steam - protondb-for-steam - fediact - youtube-shorts-block - firemonkey - ]; - # modified theme from https://github.com/Bali10050/FirefoxCSS - userChrome = builtins.readFile ./userChrome.css; - userContent = builtins.readFile ./userContent.css; - }; }; } \ No newline at end of file diff --git a/modules/home/firefox/startpage.html b/modules/home/firefox/startpage.html new file mode 100644 index 0000000..067e529 --- /dev/null +++ b/modules/home/firefox/startpage.html @@ -0,0 +1,79 @@ + + + + + + + + + +
+
+
+ +
+ + \ No newline at end of file diff --git a/modules/home/firefox/userChrome.css b/modules/home/firefox/userChrome.css index 728149b..06ad19f 100755 --- a/modules/home/firefox/userChrome.css +++ b/modules/home/firefox/userChrome.css @@ -1,180 +1,218 @@ -:root{--WindowDraggingFromNewtabButton: drag !important} /* For linux */ +/* Sidebery */ +#main-window[titlepreface*="​​​​​"] .tabbrowser-tab { + visibility: collapse; +} -.titlebar-buttonbox-container { +#main-window[titlepreface*="​​​​​"] .titlebar-button { + height: 40px; +} + +#main-window[titlepreface*="​​​​​"] #nav-bar { + /* margin-top: -40px; */ +} +#main-window[titlepreface*="​​​​​"][tabsintitlebar="true"] #nav-bar { + /* margin-right: 137px; */ +} +#main-window[titlepreface*="​​​​​"] #titlebar-spacer { + background-color: var(--chrome-secondary-background-color); +} + +#main-window[titlepreface*="​​​​​"] #titlebar-buttonbox-container { + background-color: var(--chrome-secondary-background-color); +} + +#main-window[titlepreface*="​​​​​"] .titlebar-color { + background-color: var(--toolbar-bgcolor); +} + +#sidebar-box #sidebar-header { + visibility: collapse; +} + +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/autohide_sidebar.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + +/* Show sidebar only when the cursor is over it */ +/* The border controlling sidebar width will be removed so you'll need to modify these values to change width */ + +#sidebar-box { + --uc-sidebar-width: 47px; + --uc-sidebar-hover-width: 232px; + --uc-autohide-sidebar-delay: 050ms; /* Wait 0.6s before hiding sidebar */ + position: relative; + min-width: var(--uc-sidebar-width) !important; + width: var(--uc-sidebar-width) !important; + max-width: var(--uc-sidebar-width) !important; + z-index:1; + margin-top: -1px; +} + +#sidebar-box[positionend] { + direction: rtl; +} +#sidebar-box[positionend] > *{ + direction: ltr; +} + +#sidebar-box[positionend]:-moz-locale-dir(rtl){ + direction: ltr; +} +#sidebar-box[positionend]:-moz-locale-dir(rtl) > *{ + direction: rtl; +} + +#sidebar-box > #sidebar { + transition: min-width 100ms cubic-bezier(0,0,0,1.01) !important; + min-width: var(--uc-sidebar-width) !important; + will-change: min-width; +} + +#sidebar-box:hover > #sidebar { + min-width: var(--uc-sidebar-hover-width) !important; + transition: min-width 100ms cubic-bezier(0,0,0,1.01) var(--uc-autohide-sidebar-delay), box-shadow 500ms linear !important; + box-shadow: 0 0 4px rgba(10,10,10, .5); + clip-path: inset(0px -15px 0px -15px); +} + +/* Add sidebar divider and give it background */ + +#sidebar, +#sidebar-header { + background-color: var(--toolbar-bgcolor) !important; + border-inline: 1px solid var(--chrome-content-separator-color); + border-inline-width: 0px 1px; +} + +#sidebar-box:not([positionend]) > :-moz-locale-dir(rtl), +#sidebar-box[positionend] > * { + border-inline-width: 1px 0px; +} + +/* Move statuspanel to the other side when sidebar is hovered so it doesn't get covered by sidebar */ + +#sidebar-box:not([positionend]):hover ~ #appcontent #statuspanel { + inset-inline: auto 0px !important; +} +#sidebar-box:not([positionend]):hover ~ #appcontent #statuspanel-label { + margin-inline: 0px !important; + border-left-style: solid !important; +} +#sidebar-splitter{ + width: 0px !important; + background-color: #f00 !important; + border: none !important; +} + +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/autohide_bookmarks_toolbar.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + +#PersonalToolbar{ + --uc-bm-height: 20px; /* Might need to adjust if the toolbar has other buttons */ + --uc-bm-padding: 7px; /* Vertical padding to be applied to bookmarks */ + --uc-autohide-toolbar-delay: 600ms; /* The toolbar is hidden after 0.6s */ + + /* 0deg = "show" ; 90deg = "hide" ; Set the following to control when bookmarks are shown */ + --uc-autohide-toolbar-focus-rotation: 0deg; /* urlbar is focused */ + --uc-autohide-toolbar-hover-rotation: 0deg; /* cursor is over the toolbar area */ +} + +:root[uidensity="compact"] #PersonalToolbar{ --uc-bm-padding: 1px; } +:root[uidensity="touch"] #PersonalToolbar{ --uc-bm-padding: 7px } + +#PersonalToolbar:not([customizing]){ + position: relative; + margin-bottom: calc(0px - var(--uc-bm-height) - 2 * var(--uc-bm-padding)); + transform: rotateX(90deg); + transform-origin: top; + transition: transform 135ms linear var(--uc-autohide-toolbar-delay) !important; + z-index: 1; + /* The following properties should allow the themes with trasparent toolbars to work */ + background-color: transparent !important; + background-repeat: no-repeat,no-repeat,var(--lwt-background-tiling); + --uc-bg-y: calc(-2 * (var(--tab-block-margin) + var(--toolbarbutton-inner-padding) + var(--toolbarbutton-outer-padding)) - var(--tab-min-height) - 16px - var(--bookmark-block-padding)); + background-position: top left,top left,var(--lwt-background-alignment,top left); + background-position-y:top,top,var(--uc-bg-y),var(--uc-bg-y),var(--uc-bg-y); + background-image: var(--toolbar-bgimage), linear-gradient(var(--toolbar-bgcolor),var(--toolbar-bgcolor)),var(--lwt-header-image,var(--lwt-additional-images)) !important; +} + +#PlacesToolbarItems > .bookmark-item, +#OtherBookmarks, +#PersonalToolbar > #import-button{ + padding-block: var(--uc-bm-padding) !important; +} + +#nav-bar:focus-within + #PersonalToolbar{ + transition-delay: 100ms !important; + transform: rotateX(var(--uc-autohide-toolbar-focus-rotation,0)); +} + +#navigator-toolbox:hover > #PersonalToolbar{ + transition-delay: 100ms !important; + transform: rotateX(var(--uc-autohide-toolbar-hover-rotation,0)); +} + +#navigator-toolbox:hover > #nav-bar:focus-within + #PersonalToolbar { + transform: rotateX(0); +} + +#navigator-toolbox-background { + appearance: none !important; + background: @backgroundColor@ !important; +} + +#titlebar { display: none !important; } -.urlbar-input-box { - font-family: monospace; +#nav-bar { + margin-right: 0 !important; + background: none !important; } -/* #reload-button, #stop-button{display:none !important} /* Removes the reload/stop button */ - -/* #back-button, #forward-button{display: none !important} /* Removes the forward/back button */ - -/* .tab-close-button{display: none !important} /* Removes the x-button from the tabs */ - -/* #tabs-newtab-button, #new-tab-button{opacity: 0 !important} /* Hide newtab button */ - -#navigator-toolbox{background-image: url("./Background.png"), url("./NavbarBackground.png")} /* Custom background -- Also check userContent.css */ - -:root{ ---tab-border-radius: 5px!important; /* Tab border radius -- Changes the tabs rounding *//* Default: 3px */ ---NavbarWidth: 53; /* Default values: 36 - 43 */ ---TabsHeight: 32; /* Minimum: 30 *//* Default: 36 */ ---TabsBorder: 8; /* Doesnt do anything on small layout *//* Default: 8 */ ---NavbarHeightSmall: calc(var(--TabsHeight) + var(--TabsBorder)) /* Only on small layout *//* Default: calc(var(--TabsHeight) + var(--TabsBorder)) *//* Default as a number: 44 */} - -/* shit hack but it works? */ -#TabsToolbar #firefox-view-button[open]:not(:focus-visible) > .toolbarbutton-icon:-moz-lwtheme, .tab-background[selected]:not([multiselected="true"]):-moz-lwtheme { - outline-width: 2px !important; +.titlebar-close { + visibility: hidden !important; } -@media screen and (min-width:1325px) /* Only the tabs space will grow from here */ -{:root #nav-bar{margin-top: calc(var(--TabsHeight) * -1px - var(--TabsBorder) * 1px)!important; height: calc(var(--TabsHeight) * 1px + var(--TabsBorder) * 1px)} #TabsToolbar{margin-left: calc(1325px / 100 * var(--NavbarWidth)) !important} #nav-bar{margin-right: calc(100vw - calc(1325px / 100 * var(--NavbarWidth))) !important; vertical-align: center !important} #urlbar-container{min-width: 0px !important; flex: auto !important} toolbarspring{display: none !important}} +.titlebar-buttonbox-container { + visibility: hidden !important; +} -@media screen and (min-width:850px) and (max-width:1324px) /* Both the tabs space and the navbar will grow */ -{:root #nav-bar{margin-top: calc(var(--TabsHeight) * -1px - var(--TabsBorder) * 1px) !important; height: calc(var(--TabsHeight) * 1px + var(--TabsBorder) * 1px)} #TabsToolbar{margin-left: calc(var(--NavbarWidth) * 1vw) !important} #nav-bar{margin-right: calc(100vw - calc(var(--NavbarWidth) * 1vw)) !important; vertical-align: center !important} #urlbar-container{min-width: 0px !important; flex: auto !important} toolbarspring{display: none !important} #TabsToolbar, #nav-bar{transition: margin-top .25s !important}} +#main-window { + background: none !important; +} -@media screen and (max-width:849px) /* The window is not enough wide for a one line layout */ -{:root #nav-bar{padding: 0 80px 0 5px!important; height: calc(var(--NavbarHeightSmall) * 1px) !important} toolbarspring{display: none !important;} #TabsToolbar, #nav-bar{transition: margin-top .25s !important}} -#nav-bar, #PersonalToolbar{background-color: #0000 !important;background-image: none !important; box-shadow: none !important} #nav-bar{margin-left: 3px;} .tab-background, .tab-stack { min-height: calc(var(--TabsHeight) * 1px) !important} - -/* Removes rounding from the top corners, */ -#navigator-toolbox{appearance: none !important; border-radius: 0 !important} -#navigator-toolbox-background{background-color: Field !important; background-image: none !important; appearance: none !important; border-radius: 0 !important} - -#navigator-toolbox-background:-moz-window-inactive{filter: contrast(90%);} /* Fades window while not in focus */ -:root{--tabpanel-background-color: var(--toolbar-field-background-color) !important} /* Removes flash before loading pages */ - -/* Removes annoying buttons and spaces */ -#firefox-view-button, #save-to-pocket-button, #tracking-protection-icon-container, .titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"]{display: none !important} -#tabbrowser-tabs{border-inline-start-width: 0!important} - -/* Makes some buttons nicer */ -#PanelUI-menu-button, #unified-extensions-button, #reload-button, #stop-button {padding: 2px !important} -#reload-button, #stop-button{margin: 1px !important;} - -/* Newtab hack */ -#tabs-newtab-button, #new-tab-button{transition: .3s !important;color: transparent !important; fill: FieldText !important; background: none !important; opacity: 20%; padding-right: 20px !important; padding-left: 4px !important; -moz-window-dragging: var(--WindowDraggingFromNewtabButton)} -#tabs-newtab-button:hover, #new-tab-button:hover{transition: .3s !important; color: transparent !important; fill: FieldText !important; opacity: 90%; padding-right: 20px !important; background: none !important; padding-left: 4px !important; -moz-window-dragging: var(--WindowDraggingFromNewtabButton)} -#tabs-newtab-button > .toolbarbutton-icon , #new-tab-button > .toolbarbutton-icon{ background: none !important;} - -/* Removes urlbar border/background */ -#urlbar-background{border: none !important; outline: none !important; transition: .15s !important;} - -/* Cool animation on tab/bookmark icons */ -.tabbrowser-tab:not([pinned]):not([selected]) .tab-icon-image ,.bookmark-item .toolbarbutton-icon{opacity: 0!important; transition: .15s !important; width: 0!important; padding-left: 16px!important} -.tabbrowser-tab:not([pinned]):hover .tab-icon-image,.bookmark-item:hover .toolbarbutton-icon{opacity: 100!important; transition: .15s !important; display: inline-block!important; width: 16px!important; padding-left: 0!important} -.tabbrowser-tab:not([hover]) .tab-icon-image,.bookmark-item:not([hover]) .toolbarbutton-icon{padding-left: 0!important} - -/* Removes space after pinned tabs */ -#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs])>#tabbrowser-arrowscrollbox>.tabbrowser-tab[first-visible-unpinned-tab] {margin-inline-start: 0!important} - -/* X-button on the tabs */ -.tabbrowser-tab:not(:hover) .tab-close-button{opacity: 0% !important; transition: .3s !important; display: -moz-box !important;} -.tab-close-button[selected]:not(:hover){opacity: 45% !important; transition: .3s !important; display: -moz-box !important;} -.tabbrowser-tab:hover .tab-close-button{opacity: 50%; transition: .3s !important; background: none !important; cursor: pointer; display: -moz-box !important;} -.tab-close-button:hover{opacity: 100% !important; transition: .3s !important; background: none !important; cursor: pointer; display: -moz-box !important;} -.tab-close-button[selected]:hover{opacity: 100% !important; transition: .3s !important; background: none !important; cursor: pointer; display: -moz-box !important;} - -/* Removes annoying border */ -#navigator-toolbox{border:none !important;} - -/* Titlebar button fix#6322 */ -.titlebar-buttonbox-container{-moz-box-ordinal-group: auto;} -.titlebar-button > .toolbarbutton-icon {display: flex !important; height:unset !important; width: unset !important;} -.titlebar-buttonbox{appearance: none !important} - -/* Titlebar buttons - Minimize button */ -.titlebar-min {list-style-image: url("data:image/svg+xml,%3Csvg width='40' height='30' version='1.1' viewBox='0 0 40 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EVetro%3C/title%3E%3Crect transform='matrix(3.7795 0 0 3.7795 -39.998 -533.51)' x='14.552' y='145.13' width='2.6458' height='.26458' ry='3.1658e-6' fill='currentColor' style='paint-order:stroke fill markers'/%3E%3C/svg%3E%0A")!important; border-radius: 0!important; margin: 0!important; padding: 0!important; border: 0!important; height: 100%!important; align-content: center!important; width: 56px!important; appearance: none!important}.titlebar-min:hover {background-color: color-mix(in srgb,currentColor 17%,transparent)!important}.titlebar-min:active {background-color: color-mix(in srgb,currentColor 30%,transparent)!important} - -/* Titlebar buttons - Maximize button */ -.titlebar-max {list-style-image: url("data:image/svg+xml,%3Csvg width='40' height='30' version='1.1' viewBox='0 0 40 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EVetro%3C/title%3E%3Cpath transform='matrix(3.7795 0 0 3.7795 -101 -533.51)' d='m30.692 143.81v2.6458h2.6458v-2.6458zm0.26458 0.26459h2.1167v2.1167h-2.1167z' fill='currentColor' style='paint-order:stroke fill markers'/%3E%3C/svg%3E")!important; border-radius: 0!important; margin: 0!important; padding: 0!important; border: 0!important; height: 100%!important; align-content: center!important; width: 56px!important; appearance: none!important}.titlebar-max:hover {background-color: color-mix(in srgb,currentColor 17%,transparent)!important}.titlebar-max:active {background-color: color-mix(in srgb,currentColor 30%,transparent)!important} - -/* Titlebar buttons - Restore button */ -.titlebar-restore {list-style-image: url("data:image/svg+xml,%3Csvg width='40' height='30' version='1.1' viewBox='0 0 40 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EVetro%3C/title%3E%3Cpath d='m17.001 10.016v2h-2v8.0001h8.0001v-2h2v-8.0001zm0.99998 1h6v6h-0.99998v-4.9999h-4.9999zm-2 2h6v6h-6z' fill='currentColor' stroke-width='3.7795' style='paint-order:stroke fill markers'/%3E%3C/svg%3E%0A")!important; border-radius: 0!important; margin: 0!important; padding: 0!important; border: 0!important; height: 100%!important; width: 56px!important; appearance: none!important}.titlebar-restore:hover {background-color: color-mix(in srgb,currentColor 17%,transparent)!important}.titlebar-restore:active {background-color: color-mix(in srgb,currentColor 30%,transparent)!important} - -/* Titlebar buttons - Close button */ -.titlebar-close:not(:hover, :active) {list-style-image: url("data:image/svg+xml,%3Csvg width='40' height='30' version='1.1' viewBox='0 0 40 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EVetro%3C/title%3E%3Cpath transform='matrix(3.7796 0 0 3.7795 -165 -533.51)' d='m47.718 143.71-0.18707 0.18706 1.2294 1.2294-1.2294 1.2289 0.18707 0.18707 1.2294-1.2289 1.2289 1.2289 0.18707-0.18707-1.2289-1.2289 1.2289-1.2294-0.18707-0.18706-1.2289 1.2294z' fill='currentColor' style='paint-order:stroke fill markers'/%3E%3C/svg%3E%0A")!important; margin: 0 !important; padding: 0!important; border: 0!important; border-radius: 0!important; height: 100%!important; width: 56px!important; appearance: none!important} -.titlebar-close:hover {background-color: #f44!important; list-style-image: url("data:image/svg+xml,%3Csvg width='40' height='30' version='1.1' viewBox='0 0 40 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EVetro%3C/title%3E%3Cpath transform='matrix(3.7796 0 0 3.7795 -165 -533.51)' d='m47.718 143.71-0.18707 0.18706 1.2294 1.2294-1.2294 1.2289 0.18707 0.18707 1.2294-1.2289 1.2289 1.2289 0.18707-0.18707-1.2289-1.2289 1.2289-1.2294-0.18707-0.18706-1.2289 1.2294z' fill='currentColor' style='paint-order:stroke fill markers;fill:%23ffffff' /%3E%3C/svg%3E%0A")!important; margin: 0 !important; padding: 0!important; border: 0!important; border-radius: 0!important; height: 100%!important; width: 56px!important; appearance: none!important} -.titlebar-close:active {background-color: #f33!important; list-style-image: url("data:image/svg+xml,%3Csvg width='40' height='30' version='1.1' viewBox='0 0 40 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EVetro%3C/title%3E%3Cpath transform='matrix(3.7796 0 0 3.7795 -165 -533.51)' d='m47.718 143.71-0.18707 0.18706 1.2294 1.2294-1.2294 1.2289 0.18707 0.18707 1.2294-1.2289 1.2289 1.2289 0.18707-0.18707-1.2289-1.2289 1.2289-1.2294-0.18707-0.18706-1.2289 1.2294z' fill='currentColor' style='paint-order:stroke fill markers;fill:%23ffffff' /%3E%3C/svg%3E%0A")!important; margin: 0 !important; padding: 0!important; border: 0!important; border-radius: 0!important; height: 100%!important; width: 56px!important; appearance: none!important} - -/* Alltabs button */ -#TabsToolbar-customization-target {counter-reset: tabCount}.tabbrowser-tab {counter-increment: tabCount} -#alltabs-button>.toolbarbutton-badge-stack>.toolbarbutton-icon {list-style-image: url("data:image/svg+xml,%3Csvg width='40' height='30' version='1.1' viewBox='0 0 40 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EVetro%3C/title%3E%3Cpath transform='translate(49,-60)' d='m-29 78.888-7.0703-7.0703 0.70703-0.70703 6.3633 6.3633 6.3633-6.3633 0.70703 0.70703-6.3633 6.3633z' fill='currentColor' style='paint-order:stroke fill markers'/%3E%3C/svg%3E"); overflow: hidden!important; padding: 0!important; border: 0!important; width: 40px!important; height: calc(100% + 1px)!important; margin: 0 -2px 0 0!important; transform: translate(20%,15%); padding: 0 3px} -#alltabs-button>.toolbarbutton-badge-stack {position: relative!important; border-radius: 0!important; padding: 0!important; border: 0!important; height: calc(100% + 1px)!important; width: 56px!important; margin: 0-2px 0 0!important} -#alltabs-button>.toolbarbutton-badge-stack::before {content: counter(tabCount); filter:contrast(500%)grayscale(100%); color: -moz-DialogText !important; position: absolute; bottom: 25%; left: 50%; transform: translate(-50%,-30%); padding: 0 3px} - -/* Removes the background from the urlbar while not in use */ -#urlbar:not(:hover):not([breakout][breakout-extend])>#urlbar-background {box-shadow: none!important; background: #0000 !important} - -/* Urlbar popup thing */ -.urlbarView-row{display: none !important} -.urlbarView-row:nth-child(1), .urlbarView-row:nth-child(2){display: flex !important} -.search-panel-one-offs-header.search-panel-header{display: none !important} -#urlbar-anon-search-settings{margin-inline-start: 0px !important} - -/* Makes the space between the reload button and the urlbar less akwardly large */ -#urlbar-container{margin-left: 1px !important} - -/* Makes the sidebar a little nicer */ -#sidebar-splitter{display: none} -#sidebar-header{padding-bottom: 0!important; border-bottom: 0!important} - -/* The thing in the bottom with links */ -#statuspanel-label{background-color: var(--toolbar-field-background-color)!important; border-color: transparent!important; border-radius: 5px !important; color: currentColor!important; margin: 0 0 2.5px 2px!important; padding: 5px!important; opacity: 100%;} - -/* Removes the annoying rainbow thing from the hamburger */ -#appMenu-fxa-separator{border-image:none !important;} - -/* Navbar buttons order */ -#nav-bar{direction: rtl;} #urlbar-container, #customizationui-widget-panel{direction: ltr !important;} -#forward-button{order: -1 !important;} -#back-button{padding-right: 2px !important;} #forward-button{padding-right: 8px !important;} - -/* Rounded corner in pages */ -#navigator-toolbox{padding-bottom: 10px;} -#navigator-toolbox[style*="margin-top: -54px;"]{margin-top: -44px !important} -.browserStack>browser{margin: -10px 0 0 0!important; border-radius: 10px 10px 0 0; transition: border-radius .2s !important} -.browserStack:nth-last-child(3n)>browser, .browserStack:nth-last-child(4n)>browser{margin: -10px 0 !important; border-radius: 10px !important; transition: border-radius .2s !important} -findbar{border-radius: 10px 10px 0 0 !important; margin-top: -10px; z-index: 2; padding-bottom: -10px;} -[inFullscreen] .browserStack>browser{margin: -10px 0 0 0!important; border-radius: 0 !important; transition: border-radius .7s !important} -[inFullscreen] .browserStack:nth-last-child(3n)>browser, .browserStack:nth-last-child(4n)>browser{margin: -10px !important; transition: border-radius .7s !important} - -/* Devtools */ -.devtools-horizontal-splitter{margin-top: 7px !important;margin-bottom:-12px !important;opacity: 0;} -.devtools-side-splitter{opacity: 0;} -.devtools-toolbox-side-iframe{margin-top: -10px; border-radius: 10px;} - -#customization-panelWrapper {max-width: 30em!important} /* Fixes the customization page */ -#customization-container > *{margin-top: -10px; background-color: var(--toolbar-field-background-color) !important} /* Customizes the customization page */ - -#urlbar:not([open]){color: currentColor!important} #urlbar[open]{color: var(--toolbar-field-focus-color)} /* Fixes the urlbar color on some themes */ - -/* Makes sidebars nicer */ -#sidebar-box{margin-top: -10px !important; border-radius: 0 10px 0 0!important; z-index: 1} -#sidebar-box[positionend="true"]{border-radius: 10px 0 0 0!important} -#sidebar-box > *{background-image:none;} - -/* Drop menus */ -[position="bottomright topright"]{--panel-border-radius: 0 5px 5px 5px!important} -[position="bottomleft topleft"]{--panel-border-radius: 5px 0 5px 5px!important} -[part="content"]{border: none !important;} -.toolbarbutton-1[open]{--toolbarbutton-border-radius: 4px 4px 0 0!important;} - -[class*="identity-color"] > * > * .tab-context-line{border-radius: 0 0 5px 5px !important} /* Identity-color */ +#navigator-toolbox { + border: none !important; +} +#urlbar-go-button, +#identity-box, +#star-button-box, +#pageActionButton, +#tracking-protection-icon-container, +#page-action-buttons { + display: none !important; +} + +#urlbar-input { + padding-left: 5px !important; +} + +#urlbar:not([breakout][breakout-extend]) > #urlbar-background { + background: transparent !important; + border: #00000061 !important; + border: transparent !important; + outline: none !important; +} - - - -/* Private tabs */ -[privatebrowsingnewindicator=""] #PanelUI-menu-button > .toolbarbutton-badge-stack{ -list-style-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!-- This Source Code Form is subject to the terms of the Mozilla Public - License, v. 2.0. If a copy of the MPL was not distributed with this - file, You can obtain one at http://mozilla.org/MPL/2.0/. --%3E%3Csvg viewBox='0 0 20 20' width='20' height='20' version='1.1' id='svg10' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs14' /%3E%3Cpath id='path4' d='M 4.4607598,4.7745347 C 2.8049552,4.7515627 1.1522018,5.4691193 0.08042091,6.8761599 -0.16625285,7.8508546 0.21338341,11.450255 0.42938959,12.016939 0.86273544,14.303671 2.732398,16.02487 4.9737961,16.02487 c 1.1186988,0 2.1336268,-0.446805 2.9349832,-1.161493 L 8.395773,14.444094 a 2.4174054,2.4174054 0 0 1 3.138115,-0.02344 l 0.734397,0.606788 v -0.0026 c 0.772021,0.621352 1.717989,1.002634 2.752686,1.002634 2.240064,0 4.109726,-1.721199 4.544406,-4.007931 C 19.78005,11.450192 20.174354,7.8668551 19.914346,6.8761599 18.008957,4.3747545 14.266945,4.0537862 11.937545,6.1938479 L 10.635423,7.3918003 H 9.3593434 L 8.0572214,6.1938479 C 7.0375252,5.2575709 5.7486078,4.7924021 4.4607598,4.7745347 Z m 1.0390935,3.6954225 c 0.9293602,0 1.7557821,0.389533 2.2891309,0.992217 a 0.86669252,0.86669252 0 0 1 0,1.1302418 c -0.5333488,0.602685 -1.3597707,0.989614 -2.2891309,0.989614 -0.9293601,0 -1.7557821,-0.386929 -2.2891308,-0.989614 a 0.86669252,0.86669252 0 0 1 0,-1.1302418 c 0.5333487,-0.602684 1.3597707,-0.992217 2.2891308,-0.992217 z m 9.0002687,0 c 0.929359,0 1.755781,0.389533 2.289131,0.992217 a 0.86669252,0.86669252 0 0 1 0,1.1302418 c -0.53335,0.602685 -1.359772,0.989614 -2.289131,0.989614 -0.92936,0 -1.755782,-0.386929 -2.289131,-0.989614 a 0.86669252,0.86669252 0 0 1 0,-1.1302418 c 0.533349,-0.602684 1.359771,-0.992217 2.289131,-0.992217 z' style='fill:currentColor;stroke-width:1.33337' /%3E%3C/svg%3E%0A");} -#private-browsing-indicator-with-label{display: none} - - - +/* Uncomment to enable compatibility for multi-row_bookmarks.css */ +/* This would break buttons placed in the toolbar but that is likely not happening if you are using multi-row setup */ +/* +#PersonalToolbar:not([customizing]){ + position: fixed; + display: block; + margin-bottom: 0px !important; +} +*/ \ No newline at end of file diff --git a/modules/home/firefox/userContent.css b/modules/home/firefox/userContent.css deleted file mode 100644 index 27bf0a3..0000000 --- a/modules/home/firefox/userContent.css +++ /dev/null @@ -1,278 +0,0 @@ -@-moz-document url("about:newtab"), url("about:home"){.outer-wrapper.ds-outer-wrapper-breakpoint-override.only-search.visible-logo{background-image: url("./Background.png"), url("./NewtabBackground.png"); background-position: 0 -44px, 0 0 !important;}}/* Custom background -- Also check userChrome.css */ - -@-moz-document url-prefix(about:){ -/* Colors */ -:root{--newtab-background-color: -moz-Dialog !important; ---in-content-background-color: -moz-Dialog !important; ---in-content-page-background: -moz-Dialog !important; ---in-content-table-background: -moz-Dialog !important; ---in-content-box-background-odd: -moz-Dialog !important; ---card-background-color: color-mix(in srgb, currentColor 5%, -moz-Dialog) !important; ---in-content-box-background: color-mix(in srgb, currentColor 5%, -moz-Dialog) !important; ---in-content-button-background: color-mix(in srgb, currentColor 5%, -moz-Dialog) !important; ---in-content-box-background: color-mix(in srgb, currentColor 13%, -moz-Dialog) !important; ---in-content-box-info-background: color-mix(in srgb, currentColor 13%, -moz-Dialog) !important; ---message-bar-text-color: color-mix(in srgb, currentColor 13%, -moz-Dialog) !important; ---newtab-background-color-secondary: color-mix(in srgb, currentColor 13%, -moz-Dialog) !important; ---in-content-button-background-hover: color-mix(in srgb, currentColor 13%, -moz-Dialog) !important; ---box-background: color-mix(in srgb, currentColor 13%, -moz-Dialog) !important; ---button-background-color: color-mix(in srgb, currentColor 13%, -moz-Dialog) !important; ---button-hover-background-color: color-mix(in srgb, currentColor 15%, -moz-Dialog) !important;} -body{background-color: -moz-Dialog !important} @-moz-document url(about:blank){body{background-color: #eee !important} @media (prefers-color-scheme: dark){body{background-color: #222 !important}}} - -/* Removes the scrollbar on some places */ -body,html{overflow-y: auto} - -/* Newtab */ -@-moz-document url("about:home"), url("about:newtab"){ -.search-wrapper .search-handoff-button .fake-caret {top: 13px !important; inset-inline-start: 48px !important} -.search-wrapper .logo-and-wordmark{opacity: 0.9 !important; order: 1 !important; margin-bottom: 0 !important; flex: 1 !important; flex-basis: 20% !important} -.search-wrapper .search-handoff-button .fake-caret{top: 13px !important; inset-inline-start: 48px !important} -.search-wrapper .logo-and-wordmark{opacity: 0.9 !important; order: 1 !important; margin-bottom: 0 !important; flex: 1 !important; flex-basis: 20% !important} -.outer-wrapper .search-wrapper{padding: 0px !important; display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; align-content: space-around !important; gap: 20px 10px !important} -.search-wrapper .logo-and-wordmark .logo{background-size: 60px !important; height: 60px !important; width: 60px !important} -.search-wrapper .search-inner-wrapper{min-height: 42px !important; order: 2 !important; flex: 3 !important; flex-basis: 60% !important; top: 4px !important} -.search-wrapper .search-inner-wrapper{min-height: 42px !important; order: 2 !important; flex: 3 !important; flex-basis: 60% !important; top: 4px !important} -.outer-wrapper.ds-outer-wrapper-breakpoint-override.only-search.visible-logo{display: flex !important; padding-top: 0px !important;vertical-align: middle; } -.customize-menu{border-radius: 10px 0 0 10px !important} -#root > div{align-items: center; display: flex}}} - -@-moz-document url("about:privatebrowsing"){ -#search-handoff-button{border-radius: 10px !important; background-color: color-mix(in srgb, FieldText 13%, -moz-Dialog) !important; border: none !important; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;} -.fake-textbox{color: FieldText !important;} -.search-inner-wrapper{min-width: 0 !important; flex-grow: 2 !important; max-width: 720px; height: 42px !important;} -.showPrivate.showSearch.container{padding: 0px !important; display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; align-content: space-around !important} -.logo-and-wordmark .logo{background-size: 60px !important; height: 60px !important; width: 60px !important} -.logo-and-wordmark{max-width: fit-content !important; max-height: 82px !important; opacity: 0.9 !important; margin-bottom: 0 !important; flex: 1 !important; flex-basis: 20% !important} -.showPrivate.showSearch.container{display: flex !important; padding-top: 0px !important;vertical-align: middle; flex-direction: row; align-items: center; max-width: unset !important; width: -moz-available !important; gap: 20px 0px !important} -.customize-menu{border-radius: 10px 0 0 10px !important} -#root > div{align-items: center; display: flex} -.info{display: none} -.wordmark{background-size: 134px !important; margin-inline-start: 0 !important; fill: FieldText !important;} -} - - -@-moz-document url-prefix(about:devtools), url-prefix(chrome:){ -/* Devtools tabs */ -.devtools-tab-line{border-radius: 0 0 5px 5px !important; height: 2px !important} -#toolbox-container{margin-top: 10px !important; background: -moz-Dialog !important} /* Makes rounded corners with userchrome look better */ -.devtools-tabbar{background: -moz-Dialog !important; border: none !important} -#toolbox-container .customize-animate-enter-done, #toolbox-container .customize-menu, #toolbox-container .top-site-outer:hover, #toolbox-container button{background-color: -moz-Dialog!important} -.devtools-toolbar{height: 35px !important; border: none !important; background-color: -moz-Dialog !important} /* Has effect on all toolbars */ -.toolbox-panel-iframe{border-radius: 8px 8px 0 0 !important} -#toolbox-toolbar-mount{ background: -moz-Dialog !important;} -.toolbox-panel.theme-toolbar{ background: -moz-Dialog !important;} -/* Debugger profile */ -.chrome-debug-toolbar{ margin: -5px 5px 5px 5px !important; border: none !important; border-radius: 10px !important; background: color-mix(in srgb, currentColor 5%, -moz-Dialog) !important; padding-right: 5px !important; } -.chrome-debug-toolbar__modes > label{ border: none !important; background: color-mix(in srgb, currentColor 5%, -moz-Dialog) !important; } -.chrome-debug-toolbar__modes input, .chrome-debug-toolbar__modes .mode__sublabel{display: none !important} -.chrome-debug-toolbar__modes .selected{background: color-mix(in srgb, currentColor 3%, -moz-Dialog) !important} - - -.tooltip-panel{ border-radius: 10px !important; border: none; background: color-mix(in srgb, currentColor 13%, -moz-Dialog) !important; } -.tooltip-arrow{display: none !important} -.command{ border-radius: 8px !important; margin: 0 10px; width: 90%;}} - -@-moz-document url-prefix(chrome:){ - - - - -/* Notification fix*/ -#toolbox-notificationbox .notification{ background: color-mix(in srgb, #000 20%, -moz-Dialog) !important; border: none !important; padding: 3px !important; } - -/* Checkbox background fix */ -.accordion input:not([type="checkbox"]) {border: none !important} -#browser-style-checkbox:not(:checked):hover, #devtools-cache-checkbox:not(:checked):hover, #record-allocation-stacks-checkbox:not(:checked):hover, .accordion input[type="checkbox"]:not(:checked):hover, #devtools-display-tabbing-order-checkbox:not(:checked):hover{appearance: Dialog !important; border: 2px solid currentColor !important; border-radius: 2px !important;background-color: color-mix(in srgb, currentColor 13%, -moz-Dialog) !important} -#browser-style-checkbox:not(:checked), #devtools-cache-checkbox:not(:checked), #record-allocation-stacks-checkbox:not(:checked), .accordion input[type="checkbox"]:not(:checked), #devtools-display-tabbing-order-checkbox:not(:checked){appearance: Dialog !important; border: 2px solid currentColor !important; border-radius: 2px !important} - -:root{scrollbar-color: color-mix(in srgb, FieldText 35%, -moz-Dialog) transparent !important;} /* Removes scrollbar backround */ - -/* Inspector */ -#markup-box{background-color: -moz-Dialog !important} -#markup-box iframe{border-radius: 15px !important;background-color: color-mix(in srgb, currentColor 5%, -moz-Dialog) !important; margin-left: 10px !important; width: 97.5% !important} -.tag-state{border-radius: 6px !important; width: auto !important; left: -16px !important; right: 10px !important;} -.tag-hover{background: color-mix(in srgb, #000 20%, -moz-Dialog) !important; z-index: 0 !important; opacity: 30%} -html body.theme-body.devtools-monospace div#root-wrapper div#root{ padding: 6px 0 6px 10px !important; } -#inspector-breadcrumbs{top: auto; !important} -#inspector-breadcrumbs-toolbar{height: 24px !important;} -#inspector-eyedropper-toggle{margin-right: 2px !important;} -.theme-body{background: transparent !important} -#ruleview-toolbar{ flex-wrap: nowrap !important; } -#sidebar-panel-changes{ border-radius: 10px !important; background: color-mix(in srgb, #000 20%, -moz-Dialog) !important; } -.computed-property-view{ background: transparent !important;} -.computed-property-view.row-striped{background-color: color-mix(in srgb, currentColor 5%, -moz-Dialog) !important;} -#computed-property-container{background-color: color-mix(in srgb, #000 20%, -moz-Dialog) !important} -#computed-container-focusable, #sidebar-panel-computedview{background: -moz-Dialog !important} -#computed-container{border-radius: 10px !important;} - -/* Console */ -.webconsole-filteringbar-wrapper.wide{margin-bottom: 8px !important;} -.tabs-menu-item{background-color: transparent !important} -.message{margin: 0 1px 2px 1px !important; border-radius: 10px !important; padding: 5px !important; border-bottom: -6px !important; width: 98% !important; left: 50%; transform: translate(-50%, 0);} -.jsterm-input-container{border-radius: 8px 8px 0 0 !important; border: none !important} -.webconsole-app{background-color: -moz-Dialog !important} -#mount .sidebar-item{border-radius: 10px !important; padding: 10px 0 10px 5px !important; margin-bottom: 4px !important;} -#mount .js-sidebar{padding: 0 5px 0px 7px !important; background: -moz-Dialog !important; border: none !important} -#mount > main{background: -moz-Dialog;} -#mount .app-page{border-radius: 10px !important; background-color: color-mix(in srgb, currentColor 5%, -moz-Dialog) !important;} -html#devtools-webconsole body.theme-sidebar main#app-wrapper.theme-body div.webconsole-app.jsterm-editor.eager-evaluation div.flexible-output-input div.jsterm-input-container.devtools-input{ margin-top: 8px !important; } - -/* Input/searchboxes */ -.devtools-filterinput{ background-color: -moz-Dialog !important; vertical-align: center !important; border-radius: 8px !important; } -.sources-panel .devtools-filterinput{background: color-mix(in srgb, currentColor 5%, -moz-Dialog) !important;} -#font-preview-input-container { border: none !important; background: -moz-Dialog !important; border-radius: 8px !important; height: auto !important; } -#font-preview-input-container .devtools-searchinput{ background: none !important; } -.font-value-input{ border-radius: 10px !important; border: none !important; padding: 3px 10px 3px 3px !important; } -#font-preview-input-container .devtools-searchinput{ height: 31px !important; border-radius: 10px !important; margin: -8px 0 -8px 0; } -.input-expression, .xhr-input-url, .event-search-input{background: color-mix(in srgb, currentColor 3%, -moz-Dialog) !important; appearance: none !important; margin: 5px 2px 5px 8px !important; border-radius: 8px !important; width: 97% !important;} -.exclude-patterns-field.small input{ border-radius: 8px !important; border: none !important; padding: 18px 5px 18px 10px !important; background-color: color-mix(in srgb, currentColor 5%, -moz-Dialog) !important; appearance: inherit !important; } -.devtools-searchbox{height: auto !important; border-radius: 8px !important;} - -/* Font editor */ -#font-editor{ background: -moz-Dialog !important; } -#font-container > .accordion{border: none !important} -.font-value-select{ background: auto !important; padding: 4px !important; border-radius: 3px !important; border: none !important; text-align: center; background-image: none !important } -#font-container{ background: -moz-Dialog !important; } - -/* Debugger */ -.source-outline-panel .tree-node{border-radius: 8px !important; padding: 5px !important; width: 96% !important; margin: 0 0 2px 2px} -.perf-onboarding{display: none !important} -.source-outline-tabs .tab::before, .source-tab::before{border-radius: 0 0 2px 2px !important; background-image: none !important} -.source-outline-tabs .tab:not(.active){background: color-mix(in srgb, currentColor 5%, -moz-Dialog) !important; width: 90%; color: inherit !important} -.source-tab:hover{background: transparent !important;} -.source-tab:not(.active) > .img{display: none !important} -.exclude-patterns-field.small{background: -moz-Dialog !important; border: none !important} -.exclude-patterns-field.small > *{background-color: color-mix(in srgb, currentColor 5%, -moz-Dialog) !important;} -.project-text-search{margin-top: 9px !important;} -.project-text-search .search-outline{ width: 94%; margin-left: 8px; border: none !important; } -.project-text-search .search-outline .search-field.small{ background: color-mix(in srgb, currentColor 5%, -moz-Dialog) !important; padding: 5px; border-radius: 8px; border: none !important; margin-bottom: 5px !important; margin-top: 1px !important; } -.exclude-patterns-field.small > label{display: contents;} -.search-modifiers{background: color-mix(in srgb, currentColor 5%, -moz-Dialog) !important;} -.source-outline-tabs{width: 98% !important} -.source-outline-tabs > .tab{background-color: color-mix(in srgb, currentColor 3%, -moz-Dialog) !important;} -.source-outline-tabs > .tab:first-child{border-radius: 8px 0 0 8px !important} -.source-outline-tabs > .tab:last-child{border-radius: 0 8px 8px 0 !important} -.tab.sources-tab.active{background-color: color-mix(in srgb, currentColor 3%, -moz-Dialog) !important;} -.source-footer, .source-header{background: -moz-Dialog !important; border: none !important} -.editor-wrapper > *{background: -moz-Dialog !important; border: none !important} -.editor-wrapper > * > *, .welcomebox{border-radius: 8px !important;background-color: color-mix(in srgb, currentColor 5%, -moz-Dialog) !important; z-index: 2 !important;} -.outline-footer{background-color: color-mix(in srgb, currentColor 5%, -moz-Dialog) !important; border-radius: 8px !important; border: none !important;} -.outline-footer > button {width: -moz-available !important; border-radius: 8px !important; } -.outline-footer > button:hover {width: -moz-available !important; border-radius: 8px !important; background: color-mix(in srgb, currentColor 13%, -moz-Dialog) !important;} -.secondary-panes-wrapper > *{background: -moz-Dialog !important;} -.command-bar{border: none !important;} -.source-outline-panel{margin-top: -8px !important;padding: 8px !important;} - -/* Memory */ -.snapshot-list-item{ border-radius: 10px !important; border: none !important; margin-bottom: 5px !important; } -.snapshot-list-item:not(.selected){background-color: color-mix(in srgb, currentColor 5%, -moz-Dialog) !important;} -#shortest-paths > div{border-radius: 10px !important; background: -moz-Dialog !important;} -#shortest-paths{background: -moz-Dialog !important;} -#heap-view .h-split-box{border-radius: 10px !important;} -.heap-view-panel > .tree{ border-radius: 10px 10px 0 0!important; } -.heap-view-panel > .header{background: -moz-Dialog !important; border: none !important} -.heap-view-panel{background: -moz-Dialog !important} -#memory-tool-container > ul{ padding: 5px !important; padding-top: 5px; background: -moz-Dialog !important; border: none !important; padding-top: 2px !important; } -.tree-map-container{ border-radius: 10px !important; } -.toolbar-group, #record-allocation-stacks-label{border-inline-end: none !important;} -#record-allocation-stacks-label{margin-inline-end: 10px !important;} - -/* Stylesheet editor/Console */ -.devtools-invisible-splitter, .splitview-nav{background-color: -moz-Dialog !important} -.splitview-controller{padding: 0 15px 0 5px !important; background-color: -moz-Dialog !important;} -.theme-body.devtools-monospace .CodeMirror-gutters{background: color-mix(in srgb, #000 20%, -moz-Dialog) !important} -.theme-body.devtools-monospace .CodeMirror-scroll{background-color: color-mix(in srgb, currentColor 5%, -moz-Dialog) !important;} - -/* Tabs */ -.outline-filter{border: none !important;} -.tabs, .sources-panel{background-color: -moz-Dialog !important} -.tabs-navigation, .source-outline-tabs{background-color: color-mix(in srgb, currentColor 3%, -moz-Dialog) !important; border: none !important; padding: 0 10px 0 5px; border-radius: 10px !important; margin: 3px !important} -.all-tabs-menu{right: 10px !important; background-color: transparent !important; border: none !important;} -.panels{background-color: -moz-Dialog !important} -pre{margin-right: 20px;} - -/* Network */ -.request-list-container{background: -moz-Dialog !important;} -.request-list-empty-notice, .requests-list-scroll{border-radius: 10px !important; background: color-mix(in srgb, currentColor 5%, -moz-Dialog) !important} - -/* Probably the console */ -#mount .sidebar-item{border-radius: 10px !important; padding: 10px 0 10px 5px !important; margin-bottom: 4px !important;} -#mount .js-sidebar{padding: 0 5px 0px 7px !important; background: -moz-Dialog !important; border: none !important} -#mount > main{background: -moz-Dialog;} -#mount .app-page{border-radius: 10px !important; background-color: color-mix(in srgb, currentColor 5%, -moz-Dialog) !important;} - -/* Storage */ -#storage-table{background: -moz-Dialog !important;} -#storage-tree{background: -moz-Dialog !important;border-radius: 10px !important; padding-top: 3px !important} - -/* Fixes for sidebar version */ -.horz{background-color: -moz-Dialog !important} -.horz .splitter{flex: 0 0 10px !important; margin: auto 2px auto 2px !important; height: 80%; justify-content: center; opacity: 100%; border-radius: 4px !important;} -.horz #ruleview-container{ margin-top: 15px;} - -/* Fix for light mode */ -.theme-light .tree-widget-item.theme-selected{color: #000 !important;} - -/* ? */ -.devtools-toolbar-select{ background-color: color-mix(in srgb, currentColor 5%, -moz-Dialog) !important; border-radius: 4px !important; border: none !important; padding: 4px !important; appearance: dialog !important; } -#toolbox-deck{border-radius: 10px !important;} -.theme-dark{background-color: color-mix(in srgb, currentColor 5%, -moz-Dialog) !important} - body{background-color: color-mix(in srgb, currentColor 7%, -moz-Dialog) !important} -#ruleview-container, .layout-container, .devtools-sidebar-tabs .panels{border-radius: 10px !important; background-color: -moz-Dialog; padding: 0 5px 0 5px;} -.splitter{flex: 0 0 10px !important; margin: 30px -9px 30px -6px !important; justify-content: center; opacity: 0;} -.devtools-inspector-tab-panel{background-color: -moz-Dialog !important} -.compatibility-app__container{background-color: -moz-Dialog !important} -.compatibility-footer{border: none !important;} -.devtools-separator{display: none !important;} - -/* Acessability */ -window box.devtools-responsive-container.theme-body vbox#storage-tree ul.tree-widget-container li ul.tree-widget-children li div.tree-widget-item{background-color: color-mix(in srgb, currentColor 5%, -moz-Dialog) !important; border-radius: 8px !important; margin-bottom: 2px !important; padding: 5px !important; width: 85% !important; margin-left: 12px !important; margin-right: 5px !important} -.tree-widget-item:not(window box.devtools-responsive-container.theme-body vbox#storage-tree ul.tree-widget-container li ul.tree-widget-children li div.tree-widget-item){ border-radius: 8px !important; margin-bottom: 2px !important; padding: 5px !important; width: 90% !important; margin-left: 2px !important; margin-right: 5px !important} -.devtools-side-splitter{opacity: 0% !important} -.devtools-responsive-container.theme-body{background: -moz-Dialog !important;} -.devtools-toolbar{position: sticky; top: 0px} - -/* Stylesheet editor */ -#style-editor-chrome .devtools-invisible-splitter{border-radius: 10px 0 0 10px !important; background: color-mix(in srgb, #000 20%, -moz-Dialog) !important; !important; width: 10px; margin-left: -10px !important; opacity: 100% !important} -.editor-pane .CodeMirror-gutters{background: color-mix(in srgb, #000 20%, -moz-Dialog) !important} -.editor-pane .CodeMirror-scroll{background-color: color-mix(in srgb, currentColor 5%, -moz-Dialog) !important;} -.at-rule-label{ border: none !important; padding: 5px !important; background: aliceblue; border-radius: 8px !important; margin: 0 0 3px 5px !important; width: 92% !important; background-color: color-mix(in srgb, currentColor 5%, -moz-Dialog) !important; } -window#style-editor-chrome-window box#style-editor-chrome.devtools-responsive-container.theme-body box.splitview-side-details.devtools-main-content box.splitview-details.splitview-active hbox.stylesheet-details-container vbox.stylesheet-sidebar.theme-sidebar toolbar.devtools-toolbar, .stylesheet-at-rules-container{background: color-mix(in srgb, #000 20%, -moz-Dialog) !important} -.splitview-nav{border-radius: 10px !important;} -.splitview-nav > *{border-radius: 8px !important; border: none !important; margin-bottom: 5px !important; padding: 3px !important; background-image: none !important} -.splitview-nav > *:not(:hover, .splitview-active){background: color-mix(in srgb, currentColor 5%, -moz-Dialog) !important} -#splitview-resizer-target{background-color: -moz-Dialog !important} -.splitview-main > toolbar, .loading .splitview-nav-container{border-inline-end: none !important} /* Removes line while loading */ -.splitview-side-details.devtools-main-content{background: color-mix(in srgb, #000 20%, -moz-Dialog) !important;} -window#style-editor-chrome-window box#style-editor-chrome.devtools-responsive-container.theme-body box.splitview-side-details.devtools-main-content box.splitview-details.splitview-active hbox.stylesheet-details-container box.stylesheet-editor-input.textbox iframe{ border-radius: 10px !important; } - -/* Accordions */ -body main#mount.theme-body div.debugger div.A11y-mouse div.split-box.vert div.controlled div.secondary-panes-wrapper div.secondary-panes div ul.accordion *:not([type="checkbox"]) {border: none !important} -body.theme-body.devtools-monospace div#content div.mainFrame span div.split-box.vert div.uncontrolled{border-radius: 10px !important} -body.theme-body.devtools-monospace div#content div.mainFrame span div.split-box.vert{background: -moz-Dialog !important} -body.theme-body.devtools-monospace div#content div.mainFrame span div.split-box.vert div.controlled div.right-sidebar{margin-left: 10px !important;} -body.theme-body.devtools-monospace div#content div.mainFrame span div.split-box.vert div.controlled div.right-sidebar ul.accordion{width: 95% !important; padding-right: 10px !important;} -#sidebar-panel-ruleview, .accordion{background-color: -moz-Dialog !important} -.accordion li h2:not(.accordion-header){background-color: color-mix(in srgb, currentColor 5%, -moz-Dialog) !important; margin: 5px 2px 5px 8px !important; border-radius: 8px !important; width: 97% !important} -.ruleview-rule, .accordion-content{border-radius: 8px !important; padding: 5px !important; background-color: color-mix(in srgb, currentColor 5%, -moz-Dialog) !important; border-bottom: none !important; margin-bottom: 4px !important;} -.ruleview-header, .accordion-header{background-color: -moz-Dialog !important; border-bottom: none !important} - -/* Cahnges tab */ -#sidebar-panel-changes .source .href{background: -moz-Dialog !important; border: none !important} -#sidebar-panel-changes .source{background: -moz-Dialog !important} -#sidebar-panel-changes .changes__toolbar{ padding: 6px !important; border: none !important; background: -moz-Dialog !important; padding: 0 !important; } -#sidebar-panel-changes .changes__rule {background: color-mix(in srgb, currentColor 5%, -moz-Dialog) !important; border-radius: 8px !important; margin-bottom: 2px !important} -#sidebar-panel-changes{background: -moz-Dialog !important; border: none !important} - -.changes__copy-all-changes-button{width: -moz-available; padding: 6px !important; background-color: color-mix(in srgb, currentColor 5%, -moz-Dialog) !important; border-radius: 10px !important; margin: 6px !important; background-position: 13px 9.5px !important; height: 35px !important;} -.changes__copy-all-changes-button:hover{background-color: color-mix(in srgb, currentColor 13%, -moz-Dialog) !important} - - - -/* Accessability */ -.accessibility-check{background-color: color-mix(in srgb, currentColor 5%, -moz-Dialog) !important;} -.right-sidebar{background: -moz-Dialog !important;} -.checks .list > *{padding: 0 !important}} - -