From 845baa0c2944c6af3c4fccc2b3bb7c3220e95676 Mon Sep 17 00:00:00 2001 From: Frost-Phoenix <67cyril6767@gmail.com> Date: Wed, 8 Nov 2023 22:41:47 +0100 Subject: [PATCH] test firefox config --- modules/home/firefox/addons.nix | 23 -- modules/home/firefox/default.nix | 375 +++++++-------------------- modules/home/firefox/startpage.html | 79 ------ modules/home/firefox/userContent.css | 278 ++++++++++++++++++++ 4 files changed, 366 insertions(+), 389 deletions(-) delete mode 100644 modules/home/firefox/addons.nix delete mode 100644 modules/home/firefox/startpage.html create mode 100644 modules/home/firefox/userContent.css diff --git a/modules/home/firefox/addons.nix b/modules/home/firefox/addons.nix deleted file mode 100644 index 601e609..0000000 --- a/modules/home/firefox/addons.nix +++ /dev/null @@ -1,23 +0,0 @@ -{lib, ...}: { - os.nixpkgs.overlays = [ - (_final: prev: let - inherit (prev.nur.repos.rycee.firefox-addons) buildFirefoxXpiAddon; - in { - firefox-addons = { - better-history-ng = buildFirefoxXpiAddon { - pname = "better-history-ng"; - version = "1.0.2"; - addonId = "{058af685-fc17-47a4-991a-bab91a89533d}"; - url = "https://github.com/Christoph-Wagner/firefox-better-history-ng/releases/download/v1.0.2/2c2e37a17c4a4d558bd0-1.0.2.xpi"; - sha256 = "sha256-ryl34Z8pRJhrBgvksqnx678pLKV0YOau61tnJGvk4K8="; - meta = with lib; { - homepage = "https://github.com/Christoph-Wagner/firefox-better-history-ng"; - description = "A Better History page inspired by Vivaldi tent"; - license = licenses.unlicense; - platforms = platforms.all; - }; - }; - }; - }) - ]; -} \ No newline at end of file diff --git a/modules/home/firefox/default.nix b/modules/home/firefox/default.nix index 11703c3..870b6a3 100755 --- a/modules/home/firefox/default.nix +++ b/modules/home/firefox/default.nix @@ -1,293 +1,94 @@ -{ - pkgs, - lib, - config, - theme, - ... -}: let - cfg = config.programs.firefox; - inherit (lib) mkEnableOption mkIf; -in { - imports = [./addons.nix]; - - options.programs.firefox = { - enable = mkEnableOption "firefox"; - }; - - config = mkIf cfg.enable { - os.environment.sessionVariables = { - DEFAULT_BROWSER = "firefox"; +{pkgs, ...}: { + programs.firefox = { + 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 = {}; + }; }; - - # nur.enable = true; - - 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; - profiles.default = { - settings = {}; - isDefault = true; - inherit userChrome; - extensions = with pkgs.nur.repos.rycee.firefox-addons; - with pkgs.firefox-addons; [ - vimium-c - sponsorblock - ublock-origin - bitwarden - sidebery - firefox-translations - better-history-ng - 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; - }; - 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; - }; + profiles.jamie = { + id = 0; + isDefault = true; + name = "jamie"; + 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"]; + }; + "Flathub" = { + urls = [ + { + template = "https://flathub.org/apps/search"; + params = [ + { + name = "q"; + value = "{searchTerms}"; + } + ]; + } + ]; + definedAliases = ["@flathub" "@fh"]; }; }; + }; + 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 deleted file mode 100644 index 067e529..0000000 --- a/modules/home/firefox/startpage.html +++ /dev/null @@ -1,79 +0,0 @@ - - - - - - - - - -
-
-
- -
- - \ No newline at end of file diff --git a/modules/home/firefox/userContent.css b/modules/home/firefox/userContent.css new file mode 100644 index 0000000..27bf0a3 --- /dev/null +++ b/modules/home/firefox/userContent.css @@ -0,0 +1,278 @@ +@-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}} + +