test firefox config
This commit is contained in:
Frost-Phoenix
parent
baddf66ab2
commit
d51c13ef6c
23
modules/home/firefox/addons.nix
Normal file
23
modules/home/firefox/addons.nix
Normal file
|
|
@ -0,0 +1,23 @@
|
||||||
|
{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;
|
||||||
|
};
|
||||||
|
};
|
||||||
|
};
|
||||||
|
})
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
@ -1,74 +1,293 @@
|
||||||
{ config, pkgs, theme, inputs, ... }:
|
|
||||||
{
|
{
|
||||||
programs.firefox =
|
pkgs,
|
||||||
let
|
lib,
|
||||||
userChrome = pkgs.substituteAll {
|
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";
|
||||||
|
};
|
||||||
|
|
||||||
|
nur.enable = true;
|
||||||
|
|
||||||
|
hm.programs.firefox = let
|
||||||
|
startpage = pkgs.substituteAll {
|
||||||
|
src = ./startpage.html;
|
||||||
|
inherit (theme) wallpaper;
|
||||||
|
};
|
||||||
|
userChrome = builtins.readFile (pkgs.substituteAll {
|
||||||
src = ./userChrome.css;
|
src = ./userChrome.css;
|
||||||
};
|
backgroundColor = "#${theme.backgroundColor.toHexRGBA}";
|
||||||
in
|
});
|
||||||
{
|
in {
|
||||||
enable = true;
|
enable = true;
|
||||||
package = pkgs.wrapFirefox pkgs.firefox-unwrapped {
|
profiles.default = {
|
||||||
extraPolicies = {
|
settings = {};
|
||||||
CaptivePortal = false;
|
isDefault = true;
|
||||||
DisableFirefoxStudies = true;
|
inherit userChrome;
|
||||||
DisablePocket = true;
|
extensions = with pkgs.nur.repos.rycee.firefox-addons;
|
||||||
DisableTelemetry = true;
|
with pkgs.firefox-addons; [
|
||||||
DisableFirefoxAccounts = true;
|
vimium-c
|
||||||
NoDefaultBookmarks = true;
|
sponsorblock
|
||||||
OfferToSaveLogins = false;
|
ublock-origin
|
||||||
OfferToSaveLoginsDefault = false;
|
bitwarden
|
||||||
PasswordManagerEnabled = false;
|
sidebery
|
||||||
FirefoxHome = {
|
firefox-translations
|
||||||
Search = false;
|
better-history-ng
|
||||||
Pocket = false;
|
wayback-machine
|
||||||
Snippets = false;
|
];
|
||||||
TopSites = false;
|
|
||||||
Highlights = false;
|
|
||||||
};
|
|
||||||
UserMessaging = {
|
|
||||||
ExtensionRecommendations = false;
|
|
||||||
SkipOnboarding = true;
|
|
||||||
};
|
|
||||||
};
|
|
||||||
};
|
};
|
||||||
profiles = {
|
package = with pkgs;
|
||||||
default = {
|
wrapFirefox firefox-beta-unwrapped {
|
||||||
id = 0;
|
extraPolicies = {
|
||||||
name = "fahim";
|
CaptivePortal = false;
|
||||||
search = {
|
DisableFirefoxStudies = true;
|
||||||
force = true;
|
DisablePocket = true;
|
||||||
default = "Google";
|
DisableTelemetry = true;
|
||||||
engines = {
|
DisableFirefoxAccounts = true;
|
||||||
"NixOS Search" = {
|
DisableFormHistory = true;
|
||||||
urls = [{ template = "https://search.nixos.org/packages?channel=23.05&from=0&size=50&sort=relevance&type=packages&query={searchTerms}"; }];
|
DisplayBookmarksToolbar = true;
|
||||||
iconUpdateURL = "https://nixos.wiki/favicon.png";
|
DontCheckDefaultBrowser = true;
|
||||||
updateInterval = 24 * 60 * 60 * 1000;
|
FirefoxHome = {
|
||||||
definedAliases = [ "@ns" ];
|
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";
|
||||||
};
|
};
|
||||||
"Wikipedia (en)".metaData.alias = "@wiki";
|
|
||||||
"Amazon.com".metaData.hidden = true;
|
"youtube@search" = {
|
||||||
"Bing".metaData.hidden = true;
|
installation_mode = "force_installed";
|
||||||
"eBay".metaData.hidden = true;
|
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;
|
|
||||||
"browser.toolbars.bookmarks.visibility" = "never";
|
|
||||||
"privacy.webrtc.legacyGlobalIndicator" = false;
|
|
||||||
"toolkit.legacyUserProfileCustomizations.stylesheets" = true;
|
|
||||||
"browser.compactmode.show" = true;
|
|
||||||
};
|
|
||||||
extensions = with pkgs.nur.repos.rycee.firefox-addons; [
|
|
||||||
ublock-origin
|
|
||||||
# duckduckgo-privacy-essentials
|
|
||||||
languagetool
|
|
||||||
news-feed-eradicator
|
|
||||||
tabliss
|
|
||||||
videospeed
|
|
||||||
];
|
|
||||||
userChrome = builtins.readFile userChrome;
|
|
||||||
};
|
};
|
||||||
};
|
|
||||||
};
|
};
|
||||||
}
|
};
|
||||||
|
}
|
||||||
79
modules/home/firefox/startpage.html
Normal file
79
modules/home/firefox/startpage.html
Normal file
|
|
@ -0,0 +1,79 @@
|
||||||
|
<!DOCTYPE HTML>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<style>
|
||||||
|
html,body {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
background-color: black;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
.overlay2 {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
filter: blur(40px);
|
||||||
|
background-position: center;
|
||||||
|
background-size: cover;
|
||||||
|
background-image: url('@wallpaper@');
|
||||||
|
}
|
||||||
|
.overlay {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
background: rgb(27,45,89);
|
||||||
|
opacity: 0.1;
|
||||||
|
}
|
||||||
|
.container {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
color: white;
|
||||||
|
position: absolute;
|
||||||
|
font-family: Cantarell;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
.title {
|
||||||
|
font-size: 32px;
|
||||||
|
}
|
||||||
|
.search {
|
||||||
|
padding: 20px;
|
||||||
|
width: 300px;
|
||||||
|
border: none;
|
||||||
|
outline: none;
|
||||||
|
background-color: black;
|
||||||
|
color: grey;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script>
|
||||||
|
/*window.onload = () => {
|
||||||
|
const mainInput = document.getElementById("main-input");
|
||||||
|
mainInput.focus();
|
||||||
|
mainInput.value = "";
|
||||||
|
mainInput.addEventListener("keypress", function(event) {
|
||||||
|
if (event.key === "Enter") {
|
||||||
|
event.preventDefault();
|
||||||
|
window.location.href = `https://google.com/search?q=${mainInput.value}`;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};*/
|
||||||
|
</script>
|
||||||
|
<!-- for now -->
|
||||||
|
<link rel="icon" href="https://www.google.com/favicon.ico">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="overlay2"></div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
<div class="container">
|
||||||
|
<!-- <div class="title">Good Morning!</div>
|
||||||
|
<div style="height: 20px"></div>
|
||||||
|
<input class="search" id="main-input"/> -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -1,478 +1,218 @@
|
||||||
#identity-box.extensionPage #identity-icon-label {
|
/* Sidebery */
|
||||||
|
#main-window[titlepreface*=""] .tabbrowser-tab {
|
||||||
|
visibility: collapse;
|
||||||
|
}
|
||||||
|
|
||||||
|
#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;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
* {
|
#nav-bar {
|
||||||
border-radius: 2px !important;
|
margin-right: 0 !important;
|
||||||
}
|
|
||||||
#webrtcIndicator {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
#identity-box.extensionPage
|
|
||||||
#identity-icon[tooltiptext="Loaded by extension: Tabliss"]
|
|
||||||
~ #identity-icon-label {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#identity-icon-box {
|
|
||||||
background: none !important;
|
background: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#identity-box.extensionPage
|
.titlebar-close {
|
||||||
#identity-icon[tooltiptext="Loaded by extension: Tabliss"],
|
visibility: hidden !important;
|
||||||
#urlbar[pageproxystate="invalid"] #identity-box #identity-icon,
|
|
||||||
#tracking-protection-icon-container[hidden]
|
|
||||||
~ #identity-box[pageproxystate="valid"].notSecure:not(.chromeUI, .localResource)
|
|
||||||
#identity-icon {
|
|
||||||
fill-opacity: var(--urlbar-icon-fill-opacity) !important;
|
|
||||||
list-style-image: url(chrome://userchrome/content/engines/google.svg) !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#identity-box.extensionPage
|
.titlebar-buttonbox-container {
|
||||||
#identity-icon[tooltiptext="Loaded by extension: Tabliss"],
|
visibility: hidden !important;
|
||||||
#urlbar[pageproxystate="invalid"] #identity-box #identity-icon,
|
|
||||||
#tracking-protection-icon-container[hidden]
|
|
||||||
~ #identity-box[pageproxystate="valid"].notSecure:not(.chromeUI, .localResource)
|
|
||||||
#identity-icon {
|
|
||||||
display: none !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/*==============================================================================================*
|
#main-window {
|
||||||
+-----+-----+-----+-----+-----+-----+-----+
|
background: none !important;
|
||||||
| █▀▀ | ▄▀█ | █▀▀ | █▀▀ | ▄▀█ | █▀▄ | █▀▀ |
|
|
||||||
| █▄▄ | █▀█ | ▄▄█ | █▄▄ | █▀█ | █▄▀ | ██▄ |
|
|
||||||
+-----+-----+-----+-----+-----+-----+-----+
|
|
||||||
Description: Minimalist, Simple, Keyboard Centered and based on SimpleFox. 🦊
|
|
||||||
What you get is a really simple responsive one-line layout using the new Proton UI.
|
|
||||||
> SimpleFox: https://github.com/migueravila/SimpleFox
|
|
||||||
|
|
||||||
Author: Andreas Grafen
|
|
||||||
(https://andreas.grafen.info)
|
|
||||||
|
|
||||||
Repository: https://github.com/andreasgrafen/ag.proton
|
|
||||||
Thank you Nick, Abdallah and Benyamin for all the great suggestions for improvements! ♡
|
|
||||||
Nick: https://github.com/nicksundermeyer)
|
|
||||||
Abdallah: https://github.com/HeiWiper)
|
|
||||||
Benyamin: https://github.com/benyaminl)
|
|
||||||
If you're looking for a **mouse-friendly** clone please check out Waterfall.
|
|
||||||
https://github.com/crambaud/waterfall
|
|
||||||
*==============================================================================================*/
|
|
||||||
|
|
||||||
/*---+---+---+---+---+---+
|
|
||||||
| C | O | N | F | I | G |
|
|
||||||
+---+---+---+---+---+---*/
|
|
||||||
|
|
||||||
/* Feel free to tweak the following
|
|
||||||
* config settingsto your own liking. */
|
|
||||||
|
|
||||||
:root {
|
|
||||||
/*---+---+---+---+---+---+---+
|
|
||||||
| C | O | L | O | U | R | S |
|
|
||||||
+---+---+---+---+---+---+---*/
|
|
||||||
|
|
||||||
/* Comment this block out if you want to keep the default theme colour. */
|
|
||||||
/* This will also work with custom colours from color.firefox.com. */
|
|
||||||
|
|
||||||
/* Theme Colour Suggestions
|
|
||||||
* Dark Light */
|
|
||||||
--window-colour: #1F1F1F; /* #FAFAFC; */
|
|
||||||
|
|
||||||
--secondary-colour: #595959; /* #EAEAEC; */
|
|
||||||
--inverted-colour: #cdd6f4; /* #1E2021; */
|
|
||||||
--blue: #89dceb;
|
|
||||||
|
|
||||||
/* Containter Tab Colours */
|
|
||||||
--uc-identity-color-blue: #89b4fa;
|
|
||||||
--uc-identity-color-teal: #94e2d5;
|
|
||||||
--uc-identity-color-green: #a6e3a1;
|
|
||||||
--uc-identity-color-yellow: #f9e2af;
|
|
||||||
--uc-identity-color-orange: #fab387;
|
|
||||||
--uc-identity-color-red: #f38ba8;
|
|
||||||
--uc-identity-color-pink: #f5c2e7;
|
|
||||||
--uc-identity-color-purple: #b4befe;
|
|
||||||
|
|
||||||
/* URL colour in URL bar suggestions */
|
|
||||||
--urlbar-popup-url-color: var(--uc-identity-color-purple) !important;
|
|
||||||
|
|
||||||
/*---+---+---+---+---+---+---+
|
|
||||||
| V | I | S | U | A | L | S |
|
|
||||||
+---+---+---+---+---+---+---*/
|
|
||||||
|
|
||||||
/* global border radius */
|
|
||||||
--uc-border-radius: 4px;
|
|
||||||
|
|
||||||
/* dynamic url bar width settings */
|
|
||||||
--uc-urlbar-width: clamp(200px, 40vw, 500px);
|
|
||||||
|
|
||||||
/* dynamic tab width settings */
|
|
||||||
--uc-active-tab-width: clamp(100px, 20vw, 300px);
|
|
||||||
--uc-inactive-tab-width: clamp(50px, 15vw, 200px);
|
|
||||||
|
|
||||||
/* if active always shows the tab close button */
|
|
||||||
--show-tab-close-button: none; /* DEFAULT: -moz-inline-box; */
|
|
||||||
|
|
||||||
/* if active only shows the tab close button on hover*/
|
|
||||||
--show-tab-close-button-hover: none; /* DEFAULT: -moz-inline-box; */
|
|
||||||
|
|
||||||
/* adds left and right margin to the container-tabs indicator */
|
|
||||||
--container-tabs-indicator-margin: 10px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/*---+---+---+---+---+---+---+
|
#navigator-toolbox {
|
||||||
| B | U | T | T | O | N | S |
|
border: none !important;
|
||||||
+---+---+---+---+---+---+---*/
|
|
||||||
|
|
||||||
#back-button,
|
|
||||||
#forward-button {
|
|
||||||
display: none !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* bookmark icon */
|
|
||||||
#star-button {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* zoom indicator */
|
#urlbar-go-button,
|
||||||
#urlbar-zoom-button {
|
#identity-box,
|
||||||
display: none !important;
|
#star-button-box,
|
||||||
}
|
#pageActionButton,
|
||||||
|
#tracking-protection-icon-container,
|
||||||
/* Make button small as Possible, hidden out of sight */
|
|
||||||
#PanelUI-button {
|
|
||||||
margin-top: -5px;
|
|
||||||
margin-bottom: 44px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PanelUI-menu-button {
|
|
||||||
padding: 0px !important;
|
|
||||||
max-height: 1px;
|
|
||||||
|
|
||||||
list-style-image: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PanelUI-menu-button .toolbarbutton-icon {
|
|
||||||
width: 1px !important;
|
|
||||||
|
|
||||||
}
|
|
||||||
#PanelUI-menu-button .toolbarbutton-badge-stack {
|
|
||||||
padding: 0px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#reader-mode-button {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* tracking protection shield icon */
|
|
||||||
#tracking-protection-icon-container {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* #identity-box { display: none !important } /* hides encryption AND permission items */
|
|
||||||
#identity-permission-box {
|
|
||||||
display: none !important;
|
|
||||||
} /* only hodes permission items */
|
|
||||||
|
|
||||||
/* e.g. playing indicator (secondary - not icon) */
|
|
||||||
.tab-secondary-label {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#pageActionButton {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
#page-action-buttons {
|
#page-action-buttons {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#urlbar-go-button {
|
#urlbar-input {
|
||||||
display: none !important;
|
padding-left: 5px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*=============================================================================================*/
|
#urlbar:not([breakout][breakout-extend]) > #urlbar-background {
|
||||||
|
|
||||||
/*---+---+---+---+---+---+
|
|
||||||
| L | A | Y | O | U | T |
|
|
||||||
+---+---+---+---+---+---*/
|
|
||||||
|
|
||||||
/* No need to change anything below this comment.
|
|
||||||
* Just tweak it if you want to tweak the overall layout. c: */
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--uc-theme-colour: var(--window-colour, var(--toolbar-bgcolor));
|
|
||||||
--uc-hover-colour: var(--secondary-colour, rgba(0, 0, 0, 0.2));
|
|
||||||
--uc-inverted-colour: var(--inverted-colour, var(--toolbar-color));
|
|
||||||
--cg-blue-colour: var(--uc-identity-color-blue);
|
|
||||||
--button-bgcolor: var(--uc-theme-colour) !important;
|
|
||||||
--button-hover-bgcolor: var(--uc-hover-colour) !important;
|
|
||||||
--button-active-bgcolor: var(--uc-hover-colour) !important;
|
|
||||||
|
|
||||||
--toolbarbutton-border-radius: var(--uc-border-radius) !important;
|
|
||||||
|
|
||||||
--tab-border-radius: var(--uc-border-radius) !important;
|
|
||||||
--lwt-text-color: var(--uc-inverted-colour) !important;
|
|
||||||
--lwt-tab-text: var(--uc-inverted-colour) !important;
|
|
||||||
--arrowpanel-border-radius: var(--uc-border-radius) !important;
|
|
||||||
|
|
||||||
--tab-block-margin: 2px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
window,
|
|
||||||
#main-window,
|
|
||||||
#toolbar-menubar,
|
|
||||||
#TabsToolbar,
|
|
||||||
#PersonalToolbar,
|
|
||||||
#navigator-toolbox,
|
|
||||||
#sidebar-box,
|
|
||||||
#nav-bar {
|
|
||||||
-moz-appearance: none !important;
|
|
||||||
|
|
||||||
border: none !important;
|
|
||||||
box-shadow: none !important;
|
|
||||||
background: var(--uc-theme-colour) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* grey out ccons inside the toolbar to make it
|
|
||||||
* more aligned with the Black & White colour look */
|
|
||||||
#PersonalToolbar toolbarbutton:not(:hover),
|
|
||||||
#bookmarks-toolbar-button:not(:hover) {
|
|
||||||
filter: grayscale(1) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* remove window control buttons */
|
|
||||||
.titlebar-buttonbox-container {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* remove "padding" left and right from tabs */
|
|
||||||
.titlebar-spacer {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* remove gap after pinned tabs */
|
|
||||||
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs])
|
|
||||||
> #tabbrowser-arrowscrollbox
|
|
||||||
> .tabbrowser-tab[first-visible-unpinned-tab] {
|
|
||||||
margin-inline-start: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* remove tab shadow */
|
|
||||||
.tabbrowser-tab > .tab-stack > .tab-background {
|
|
||||||
box-shadow: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* tab background */
|
|
||||||
.tabbrowser-tab > .tab-stack > .tab-background {
|
|
||||||
background: var(--uc-theme-colour) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* active tab background */
|
|
||||||
.tabbrowser-tab[selected] > .tab-stack > .tab-background {
|
|
||||||
background: var(--uc-hover-colour) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* multi tab selection */
|
|
||||||
#tabbrowser-tabs:not([noshadowfortests])
|
|
||||||
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
|
|
||||||
> .tab-stack
|
|
||||||
> .tab-background:-moz-lwtheme {
|
|
||||||
background: var(--uc-hover-colour) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* tab close button options */
|
|
||||||
.tabbrowser-tab:not([pinned]) .tab-close-button {
|
|
||||||
display: var(--show-tab-close-button) !important;
|
|
||||||
}
|
|
||||||
.tabbrowser-tab:not([pinned]):hover .tab-close-button {
|
|
||||||
display: var(--show-tab-close-button-hover) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* adaptive tab width */
|
|
||||||
.tabbrowser-tab[selected][fadein]:not([pinned]) {
|
|
||||||
max-width: var(--uc-active-tab-width) !important;
|
|
||||||
}
|
|
||||||
.tabbrowser-tab[fadein]:not([selected]):not([pinned]) {
|
|
||||||
max-width: var(--uc-inactive-tab-width) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* container tabs indicator */
|
|
||||||
.tabbrowser-tab[usercontextid]
|
|
||||||
> .tab-stack
|
|
||||||
> .tab-background
|
|
||||||
> .tab-context-line {
|
|
||||||
margin: -1px var(--container-tabs-indicator-margin) 0
|
|
||||||
var(--container-tabs-indicator-margin) !important;
|
|
||||||
|
|
||||||
border-radius: var(--tab-border-radius) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* show favicon when media is playing but tab is hovered */
|
|
||||||
.tab-icon-image:not([pinned]) {
|
|
||||||
opacity: 1 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Makes the speaker icon to always appear if the tab is playing (not only on hover) */
|
|
||||||
.tab-icon-overlay:not([crashed]),
|
|
||||||
.tab-icon-overlay[pinned][crashed][selected] {
|
|
||||||
top: 5px !important;
|
|
||||||
z-index: 1 !important;
|
|
||||||
|
|
||||||
padding: 1.5px !important;
|
|
||||||
inset-inline-end: -8px !important;
|
|
||||||
width: 16px !important;
|
|
||||||
height: 16px !important;
|
|
||||||
|
|
||||||
border-radius: 10px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* style and position speaker icon */
|
|
||||||
.tab-icon-overlay:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
|
|
||||||
stroke: transparent !important;
|
|
||||||
background: transparent !important;
|
background: transparent !important;
|
||||||
opacity: 1 !important;
|
border: #00000061 !important;
|
||||||
fill-opacity: 0.8 !important;
|
border: transparent !important;
|
||||||
|
|
||||||
color: currentColor !important;
|
|
||||||
|
|
||||||
stroke: var(--uc-theme-colour) !important;
|
|
||||||
background-color: var(--uc-theme-colour) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* change the colours of the speaker icon on active tab to match tab colours */
|
|
||||||
.tabbrowser-tab[selected]
|
|
||||||
.tab-icon-overlay:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
|
|
||||||
stroke: var(--uc-hover-colour) !important;
|
|
||||||
background-color: var(--uc-hover-colour) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
|
|
||||||
margin-inline-end: 9.5px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabbrowser-tab:not([image])
|
|
||||||
.tab-icon-overlay:not([pinned], [sharing], [crashed]) {
|
|
||||||
top: 0 !important;
|
|
||||||
|
|
||||||
padding: 0 !important;
|
|
||||||
margin-inline-end: 5.5px !important;
|
|
||||||
inset-inline-end: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-icon-overlay:not([crashed])[soundplaying]:hover,
|
|
||||||
.tab-icon-overlay:not([crashed])[muted]:hover,
|
|
||||||
.tab-icon-overlay:not([crashed])[activemedia-blocked]:hover {
|
|
||||||
color: currentColor !important;
|
|
||||||
stroke: var(--uc-inverted-colour) !important;
|
|
||||||
background-color: var(--uc-inverted-colour) !important;
|
|
||||||
fill-opacity: 0.95 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabbrowser-tab[selected] .tab-icon-overlay:not([crashed])[soundplaying]:hover,
|
|
||||||
.tabbrowser-tab[selected] .tab-icon-overlay:not([crashed])[muted]:hover,
|
|
||||||
.tabbrowser-tab[selected]
|
|
||||||
.tab-icon-overlay:not([crashed])[activemedia-blocked]:hover {
|
|
||||||
color: currentColor !important;
|
|
||||||
stroke: var(--uc-inverted-colour) !important;
|
|
||||||
background-color: var(--uc-inverted-colour) !important;
|
|
||||||
fill-opacity: 0.95 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* speaker icon colour fix */
|
|
||||||
#TabsToolbar .tab-icon-overlay:not([crashed])[soundplaying],
|
|
||||||
#TabsToolbar .tab-icon-overlay:not([crashed])[muted],
|
|
||||||
#TabsToolbar .tab-icon-overlay:not([crashed])[activemedia-blocked] {
|
|
||||||
color: var(--uc-inverted-colour) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* speaker icon colour fix on hover */
|
|
||||||
#TabsToolbar .tab-icon-overlay:not([crashed])[soundplaying]:hover,
|
|
||||||
#TabsToolbar .tab-icon-overlay:not([crashed])[muted]:hover,
|
|
||||||
#TabsToolbar .tab-icon-overlay:not([crashed])[activemedia-blocked]:hover {
|
|
||||||
color: var(--uc-theme-colour) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#nav-bar {
|
|
||||||
border: none !important;
|
|
||||||
box-shadow: none !important;
|
|
||||||
background: transparent !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* remove border below whole nav */
|
|
||||||
#navigator-toolbox {
|
|
||||||
border-bottom: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#urlbar,
|
|
||||||
#urlbar * {
|
|
||||||
outline: none !important;
|
outline: none !important;
|
||||||
box-shadow: none !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#urlbar-background {
|
|
||||||
border: var(--uc-hover-colour) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#urlbar[focused="true"] > #urlbar-background,
|
/* Uncomment to enable compatibility for multi-row_bookmarks.css */
|
||||||
#urlbar:not([open]) > #urlbar-background {
|
/* This would break buttons placed in the toolbar but that is likely not happening if you are using multi-row setup */
|
||||||
margin-top: 0;
|
/*
|
||||||
background: transparent !important;
|
#PersonalToolbar:not([customizing]){
|
||||||
}
|
position: fixed;
|
||||||
|
display: block;
|
||||||
#urlbar[open] > #urlbar-background {
|
margin-bottom: 0px !important;
|
||||||
background: var(--uc-theme-colour) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.urlbarView-row:hover > .urlbarView-row-inner,
|
|
||||||
.urlbarView-row[selected] > .urlbarView-row-inner {
|
|
||||||
background: var(--urlbar-popup-url-color) !important;
|
|
||||||
color: var(--window-colour) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* transition to oneline */
|
|
||||||
@media (min-width: 1000px) {
|
|
||||||
/* move tabs bar over */
|
|
||||||
#TabsToolbar {
|
|
||||||
margin-left: var(--uc-urlbar-width) !important;
|
|
||||||
/* margin-top: 0px !important; */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* move entire nav bar */
|
|
||||||
#nav-bar {
|
|
||||||
margin: calc((var(--urlbar-min-height) * -1) - 8px)
|
|
||||||
calc(100vw - var(--uc-urlbar-width)) 0 0 !important;
|
|
||||||
margin-top: -40px !important;
|
|
||||||
}
|
|
||||||
} /* end media query */
|
|
||||||
|
|
||||||
/* Container Tabs */
|
|
||||||
.identity-color-blue {
|
|
||||||
--identity-tab-color: var(--uc-identity-color-blue) !important;
|
|
||||||
--identity-icon-color: var(--uc-identity-color-blue) !important;
|
|
||||||
}
|
|
||||||
.identity-color-teal {
|
|
||||||
--identity-tab-color: var(--uc-identity-color-teal) !important;
|
|
||||||
--identity-icon-color: var(--uc-identity-color-teal) !important;
|
|
||||||
}
|
|
||||||
.identity-color-green {
|
|
||||||
--identity-tab-color: var(--uc-identity-color-green) !important;
|
|
||||||
--identity-icon-color: var(--uc-identity-color-green) !important;
|
|
||||||
}
|
|
||||||
.identity-color-yellow {
|
|
||||||
--identity-tab-color: var(--uc-identity-color-yellow) !important;
|
|
||||||
--identity-icon-color: var(--uc-identity-color-yellow) !important;
|
|
||||||
}
|
|
||||||
.identity-color-orange {
|
|
||||||
--identity-tab-color: var(--uc-identity-color-orange) !important;
|
|
||||||
--identity-icon-color: var(--uc-identity-color-orange) !important;
|
|
||||||
}
|
|
||||||
.identity-color-red {
|
|
||||||
--identity-tab-color: var(--uc-identity-color-red) !important;
|
|
||||||
--identity-icon-color: var(--uc-identity-color-red) !important;
|
|
||||||
}
|
|
||||||
.identity-color-pink {
|
|
||||||
--identity-tab-color: var(--uc-identity-color-pink) !important;
|
|
||||||
--identity-icon-color: var(--uc-identity-color-pink) !important;
|
|
||||||
}
|
|
||||||
.identity-color-purple {
|
|
||||||
--identity-tab-color: var(--uc-identity-color-purple) !important;
|
|
||||||
--identity-icon-color: var(--uc-identity-color-purple) !important;
|
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
Loading…
Reference in a new issue