├── icon ├── D2L_icon.png ├── bbc_icon.png ├── cnn_icon.png ├── npr_icon.png ├── nyt_icon.png ├── MCECS_icon.png ├── apple_icon.png ├── drive_icon.png ├── ebay_icon.png ├── espn_icon.png ├── etsy_icon.png ├── gmail_icon.png ├── hulu_icon.png ├── imdb_icon.png ├── steam_icon.png ├── yelp_icon.png ├── amazon_icon.png ├── canvas_icon.png ├── discord_icon.png ├── dropbox_icon.png ├── facebook_icon.png ├── faithful_icon.png ├── fandom_icon.png ├── github_icon.png ├── google_icon.png ├── indeed_icon.png ├── linkedin_icon.png ├── netflix_icon.png ├── nextdoor_icon.png ├── noicon_icon.png ├── onpoint_icon.png ├── paypal_icon.png ├── reddit_icon.png ├── spotify_icon.png ├── tiktok_icon.png ├── tumblr_icon.png ├── twitter_icon.png ├── youtube_icon.png ├── compliance_icon.png ├── craigslist_icon.png ├── deviantart_icon.png ├── disneyplus_icon.png ├── instagram_icon.png ├── microsoft_icon.png ├── pinterest_icon.png ├── wikipedia_icon.png ├── tripadvisor_icon.png └── worldofsucculents_icon.png ├── normal_home_screen.png ├── firefox_halo_with_paw.png ├── private_browsing_mode.png ├── firefox_halo_with_paw_48.png ├── firefox_halo_with_paw_red.png ├── about-about.css ├── firefox_halo_red_with_paw_48.png ├── Firefox chrome with older logo.zip ├── about-downloads.css ├── about-logins.css ├── about-robots.css ├── firefox_halo_with_paw_private.png ├── google.css ├── about-protections.css ├── firefox_with_classic_blue_and_paw.png ├── firefox_halo_with_paw_private_favicon.png ├── firefox_with_classic_blue_and_paw_48.png ├── svg ├── check_icon.svg ├── x_icon.svg ├── Audio │ ├── tab-audio-blocked.svg │ ├── tab-audio-muted-small.svg │ ├── tab-audio-playing.svg │ ├── tab-audio-blocked-small.svg │ ├── tab-audio-muted.svg │ └── tab-audio-playing-small.svg ├── card-illo-private.svg ├── no-search-bar.svg ├── search-bar.svg ├── hero-message-background.svg ├── card-illo-devices.svg ├── card-about-config.svg ├── card-illo-ffmonitor.svg └── tracking-protection-animation.svg ├── .gitignore ├── about-addons.css ├── d2l.css ├── Firefox assets ├── card-illo-tracking.svg ├── card-illo-sendtab.svg ├── card-illo-private.svg ├── card-illo-pocket.svg ├── card-illo-pledge.svg ├── card-illo-ffsend.svg ├── card-illo-devices.svg ├── card-illo-fbcont.svg ├── background.svg ├── card-illo-import.svg ├── card-illo-lockwise.svg ├── card-illo-mobile.svg ├── card-illo-ffmonitor.svg ├── error-server-not-found.svg └── tracking-protection-animation.svg ├── about-welcome.css ├── about-config.css ├── README.md ├── userContent.css └── about-preferences.css /icon/D2L_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/D2L_icon.png -------------------------------------------------------------------------------- /icon/bbc_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/bbc_icon.png -------------------------------------------------------------------------------- /icon/cnn_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/cnn_icon.png -------------------------------------------------------------------------------- /icon/npr_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/npr_icon.png -------------------------------------------------------------------------------- /icon/nyt_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/nyt_icon.png -------------------------------------------------------------------------------- /icon/MCECS_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/MCECS_icon.png -------------------------------------------------------------------------------- /icon/apple_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/apple_icon.png -------------------------------------------------------------------------------- /icon/drive_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/drive_icon.png -------------------------------------------------------------------------------- /icon/ebay_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/ebay_icon.png -------------------------------------------------------------------------------- /icon/espn_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/espn_icon.png -------------------------------------------------------------------------------- /icon/etsy_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/etsy_icon.png -------------------------------------------------------------------------------- /icon/gmail_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/gmail_icon.png -------------------------------------------------------------------------------- /icon/hulu_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/hulu_icon.png -------------------------------------------------------------------------------- /icon/imdb_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/imdb_icon.png -------------------------------------------------------------------------------- /icon/steam_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/steam_icon.png -------------------------------------------------------------------------------- /icon/yelp_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/yelp_icon.png -------------------------------------------------------------------------------- /icon/amazon_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/amazon_icon.png -------------------------------------------------------------------------------- /icon/canvas_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/canvas_icon.png -------------------------------------------------------------------------------- /icon/discord_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/discord_icon.png -------------------------------------------------------------------------------- /icon/dropbox_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/dropbox_icon.png -------------------------------------------------------------------------------- /icon/facebook_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/facebook_icon.png -------------------------------------------------------------------------------- /icon/faithful_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/faithful_icon.png -------------------------------------------------------------------------------- /icon/fandom_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/fandom_icon.png -------------------------------------------------------------------------------- /icon/github_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/github_icon.png -------------------------------------------------------------------------------- /icon/google_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/google_icon.png -------------------------------------------------------------------------------- /icon/indeed_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/indeed_icon.png -------------------------------------------------------------------------------- /icon/linkedin_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/linkedin_icon.png -------------------------------------------------------------------------------- /icon/netflix_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/netflix_icon.png -------------------------------------------------------------------------------- /icon/nextdoor_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/nextdoor_icon.png -------------------------------------------------------------------------------- /icon/noicon_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/noicon_icon.png -------------------------------------------------------------------------------- /icon/onpoint_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/onpoint_icon.png -------------------------------------------------------------------------------- /icon/paypal_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/paypal_icon.png -------------------------------------------------------------------------------- /icon/reddit_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/reddit_icon.png -------------------------------------------------------------------------------- /icon/spotify_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/spotify_icon.png -------------------------------------------------------------------------------- /icon/tiktok_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/tiktok_icon.png -------------------------------------------------------------------------------- /icon/tumblr_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/tumblr_icon.png -------------------------------------------------------------------------------- /icon/twitter_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/twitter_icon.png -------------------------------------------------------------------------------- /icon/youtube_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/youtube_icon.png -------------------------------------------------------------------------------- /normal_home_screen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/normal_home_screen.png -------------------------------------------------------------------------------- /icon/compliance_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/compliance_icon.png -------------------------------------------------------------------------------- /icon/craigslist_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/craigslist_icon.png -------------------------------------------------------------------------------- /icon/deviantart_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/deviantart_icon.png -------------------------------------------------------------------------------- /icon/disneyplus_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/disneyplus_icon.png -------------------------------------------------------------------------------- /icon/instagram_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/instagram_icon.png -------------------------------------------------------------------------------- /icon/microsoft_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/microsoft_icon.png -------------------------------------------------------------------------------- /icon/pinterest_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/pinterest_icon.png -------------------------------------------------------------------------------- /icon/wikipedia_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/wikipedia_icon.png -------------------------------------------------------------------------------- /firefox_halo_with_paw.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/firefox_halo_with_paw.png -------------------------------------------------------------------------------- /icon/tripadvisor_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/tripadvisor_icon.png -------------------------------------------------------------------------------- /private_browsing_mode.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/private_browsing_mode.png -------------------------------------------------------------------------------- /firefox_halo_with_paw_48.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/firefox_halo_with_paw_48.png -------------------------------------------------------------------------------- /firefox_halo_with_paw_red.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/firefox_halo_with_paw_red.png -------------------------------------------------------------------------------- /about-about.css: -------------------------------------------------------------------------------- 1 | @-moz-document url-prefix("about:NAME") { 2 | 3 | :root { 4 | 5 | } 6 | 7 | 8 | 9 | } 10 | -------------------------------------------------------------------------------- /firefox_halo_red_with_paw_48.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/firefox_halo_red_with_paw_48.png -------------------------------------------------------------------------------- /icon/worldofsucculents_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/icon/worldofsucculents_icon.png -------------------------------------------------------------------------------- /Firefox chrome with older logo.zip: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/Firefox chrome with older logo.zip -------------------------------------------------------------------------------- /about-downloads.css: -------------------------------------------------------------------------------- 1 | @-moz-document url-prefix("about:NAME") { 2 | 3 | :root { 4 | 5 | } 6 | 7 | 8 | 9 | } 10 | -------------------------------------------------------------------------------- /about-logins.css: -------------------------------------------------------------------------------- 1 | @-moz-document url-prefix("about:NAME") { 2 | 3 | :root { 4 | 5 | } 6 | 7 | 8 | 9 | } 10 | -------------------------------------------------------------------------------- /about-robots.css: -------------------------------------------------------------------------------- 1 | @-moz-document url-prefix("about:NAME") { 2 | 3 | :root { 4 | 5 | } 6 | 7 | 8 | 9 | } 10 | -------------------------------------------------------------------------------- /firefox_halo_with_paw_private.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/firefox_halo_with_paw_private.png -------------------------------------------------------------------------------- /google.css: -------------------------------------------------------------------------------- 1 | @-moz-document url-prefix("https://google.com") { 2 | 3 | :root { 4 | 5 | } 6 | 7 | 8 | 9 | } 10 | -------------------------------------------------------------------------------- /about-protections.css: -------------------------------------------------------------------------------- 1 | @-moz-document url-prefix("about:NAME") { 2 | 3 | :root { 4 | 5 | } 6 | 7 | 8 | 9 | } 10 | -------------------------------------------------------------------------------- /firefox_with_classic_blue_and_paw.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/firefox_with_classic_blue_and_paw.png -------------------------------------------------------------------------------- /firefox_halo_with_paw_private_favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/firefox_halo_with_paw_private_favicon.png -------------------------------------------------------------------------------- /firefox_with_classic_blue_and_paw_48.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/seirin-blu/Firefox-Halo/HEAD/firefox_with_classic_blue_and_paw_48.png -------------------------------------------------------------------------------- /svg/check_icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | 2 | .DS_Store 3 | .DS_Store 4 | Unused Assets/Dash-tail-paw.png 5 | Unused Assets/Dash-tail-paw.png 6 | Unused Assets/outline.ai 7 | Unused Assets/Dash-tail-paw.png 8 | Unused Assets/Untitled-5-01.png 9 | Unused Assets/Dash-tail-paw.png 10 | Unused Assets/outline.ai 11 | Unused Assets/Untitled-3-01.png 12 | Unused Assets/Untitled-4-01.png 13 | Unused Assets/Untitled-5-01.png 14 | -------------------------------------------------------------------------------- /svg/x_icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Layer 1 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /svg/Audio/tab-audio-blocked.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /svg/Audio/tab-audio-muted-small.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /svg/Audio/tab-audio-playing.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /svg/Audio/tab-audio-blocked-small.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /svg/Audio/tab-audio-muted.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /about-addons.css: -------------------------------------------------------------------------------- 1 | @-moz-document url-prefix("about:addons") { 2 | 3 | :root { 4 | --in-content-text-color:#b24747 !important; /* Changes some of the text color */ 5 | --in-content-page-background: #1a1a1a !important; /* Changes the background color */ 6 | --in-content-page-color: #b24747 !important; /* Changes the main text color */ 7 | --in-content-box-background-active: #1a1a1a !important; /* Background color in General application thing on selection */ 8 | --in-content-box-background-hover: #1a1a1a !important; /* Background color in General application thing */ 9 | --in-content-box-background: #1a1a1a !important; /*This HAS to be kept. */ 10 | --in-content-box-border-color: #b24747 !important; /*This HAS to be kept. It changes a lot of the borders */ 11 | --in-content-box-info-background: #1a1a1a !important; /* Changes the "You are currently syncing these items" box background color */ 12 | } 13 | 14 | /* Changes the header color*/ 15 | html|h1 { 16 | color: #b24747 !important; 17 | } 18 | 19 | } 20 | -------------------------------------------------------------------------------- /svg/Audio/tab-audio-playing-small.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /d2l.css: -------------------------------------------------------------------------------- 1 | @-moz-document url-prefix("https://d2l.pdx.edu/d2l/home") { 2 | 3 | :root { 4 | --d2l-tabs-background-color: #262626 !important; 5 | 6 | } 7 | 8 | .d2l-navigation-s { 9 | background-color: #131313 !important; 10 | } 11 | 12 | 13 | .d2l-tiles-container { 14 | background-color: #131313 !important; 15 | } 16 | 17 | d2l-branding-navigation-background-color { 18 | background-color: #131313 !important; 19 | } 20 | 21 | .d2l-tiles-container { 22 | background-color: #262626 !important; 23 | } 24 | 25 | .d2l-tile { 26 | background-color: #131313 !important; 27 | } 28 | 29 | .daylight .d2l-msg-container { 30 | background-color: #262626 !important; 31 | border: none !important; 32 | } 33 | 34 | d2l-typography { 35 | color: #efefef !important; 36 | } 37 | 38 | .d2l-branding-navigation-dark-foreground-color a.d2l-navigation-s-link, .d2l-branding-navigation-dark-foreground-color a.d2l-navigation-s-link:link, .d2l-branding-navigation-dark-foreground-color a.d2l-navigation-s-link:visited, .d2l-branding-navigation-dark-foreground-color div.d2l-navigation-s-item > span { 39 | color: #efefef !important; 40 | } 41 | 42 | } 43 | -------------------------------------------------------------------------------- /Firefox assets/card-illo-tracking.svg: -------------------------------------------------------------------------------- 1 | 4 | -------------------------------------------------------------------------------- /Firefox assets/card-illo-sendtab.svg: -------------------------------------------------------------------------------- 1 | 4 | -------------------------------------------------------------------------------- /about-welcome.css: -------------------------------------------------------------------------------- 1 | @-moz-document url-prefix("about:welcome") { 2 | body { 3 | --newtab-background-color: #1a1a1a !important; /* Changes the background color */ 4 | --newtab-card-background-color: #b24747 !important; /* Changes the card color */ 5 | --newtab-text-primary-color: #1a1a1a !important; /* Changes the color of the card headers */ 6 | --newtab-text-conditional-color: #1a1a1a !important; /* Changes the color of the card body text */ 7 | 8 | } 9 | 10 | /* Changes some of the graphics to custom SVGs */ 11 | .onboardingMessageImage.devices { 12 | background-image: url("svg/card-illo-devices.svg") !important; 13 | } 14 | 15 | .onboardingMessageImage.ffmonitor { 16 | background-image: url("svg/card-illo-ffmonitor.svg") !important; 17 | } 18 | 19 | .onboardingMessageImage.private { 20 | background-image: url("svg/card-illo-private.svg") !important; 21 | } 22 | 23 | 24 | 25 | /* Changes the color and weight of "Welcome to Firefox" */ 26 | .welcomeContainer h1 { 27 | font-weight: bold !important; 28 | color: #b24747 !important; 29 | } 30 | 31 | 32 | /* Alters the "Sign in/up/open a private window" buttons */ 33 | .welcomeCard .onboardingButton { 34 | color: #b24747 !important; 35 | background: #1a1a1a !important; 36 | } 37 | .welcomeCard .onboardingButton:focus, .welcomeCard .onboardingButton:hover { 38 | color: #942929 !important ; 39 | background: #1a1a1a !important; 40 | } 41 | 42 | .welcomeCard .onboardingButton:active { 43 | background: #1a1a1a !important; 44 | } 45 | 46 | /* Alter the "Start Browsing Button" */ 47 | .start-button { 48 | font-weight: bold !important; 49 | margin: 30px 0 25px; 50 | background-color: #b24747 !important; 51 | color: #1a1a1a !important; 52 | } 53 | .start-button:focus { 54 | color: #1a1a1a !important; 55 | background: #942929 !important; 56 | } 57 | 58 | .start-button:hover { 59 | color: #1a1a1a !important; 60 | background: #942929 !important; 61 | } 62 | 63 | .start-button:active { 64 | color: #1a1a1a !important; 65 | background: #942929 !important; 66 | } 67 | 68 | 69 | } 70 | -------------------------------------------------------------------------------- /about-config.css: -------------------------------------------------------------------------------- 1 | @-moz-document url-prefix("about:config") { 2 | 3 | :root { 4 | --in-content-text-color: #b24747 !important; /* Changes most text color*/ 5 | --in-content-page-background: #1a1a1a !important; /* Page background color*/ 6 | --in-content-page-color: #b24747 !important; /* Some text color */ 7 | --in-content-box-background: #1a1a1a !important; /* Search bar background color */ 8 | --in-content-box-border-color: #b24747 !important; /* Search bar border color */ 9 | --in-content-border-hover: #b24747 !important; /* Search bar border color on hover*/ 10 | --glow-color: #993d3d !important; 11 | --in-content-button-background: #333333 !important; /* Changes the buttons on the right side main color */ 12 | --in-content-button-background-hover: #333333 !important; /* Changes the buttons on the right side main color on hover */ 13 | --in-content-button-background-active: #333333 !important; /* Changes the buttons on the right side main color on active */ 14 | --blue-60: #b24747 !important; /* Changes the check mark button color regular */ 15 | --blue-70: #b24747 !important; /* Changes the check mark button color hover */ 16 | --blue-80: #b24747 !important; /* Changes the check mark button color active */ 17 | --in-content-item-hover: #333333 !important; /* Changes the color when you hover over an item */ 18 | 19 | 20 | } 21 | 22 | 23 | /* Changes the color of the slipping sign */ 24 | .config-background { 25 | background: url("svg/card-about-config.svg") no-repeat !important; 26 | } 27 | 28 | /* These three change the check mark button color*/ 29 | xul|checkbox[checked] > xul|*.checkbox-check, 30 | html|input[type="checkbox"]:checked { 31 | color: var(--in-content-box-border-color) !important; 32 | background-color: var(--in-content-box-background) !important; 33 | } 34 | 35 | xul|checkbox:not([disabled="true"])[checked]:hover > xul|*.checkbox-check, 36 | html|input[type="checkbox"]:enabled:checked:hover { 37 | background-color: var(--in-content-box-background) !important; 38 | } 39 | 40 | xul|checkbox:not([disabled="true"])[checked]:hover:active > xul|*.checkbox-check, 41 | html|input[type="checkbox"]:enabled:checked:hover:active { 42 | background-color: var(--in-content-box-background) !important; 43 | } 44 | 45 | } 46 | -------------------------------------------------------------------------------- /svg/card-illo-private.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | /*Finder*/ 18 | 19 | /*Messages*/ 20 | 21 | /*Facetime*/ 22 | 23 | /*Discord*/ 24 | 25 | /*Firefox*/ 26 | 27 | 28 | -------------------------------------------------------------------------------- /Firefox assets/card-illo-private.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | /*Finder*/ 18 | 19 | /*Messages*/ 20 | 21 | /*Facetime*/ 22 | 23 | /*Discord*/ 24 | 25 | /*Firefox*/ 26 | 27 | 28 | -------------------------------------------------------------------------------- /Firefox assets/card-illo-pocket.svg: -------------------------------------------------------------------------------- 1 | 4 | -------------------------------------------------------------------------------- /svg/no-search-bar.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 14 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Firefox-Halo 2 | This repsoitory contains the userContent.css and userChrome.css files for Firefox Halo. Firefox Halo is not managed by, created by, or in partnership with Mozilla, Firefox, or any of its affiliates. Halo does not own any of the Firefox tradmarks, but rather justs acts as a free way to customize the browser. 3 | 4 | ### Normal Home Screen 5 | ![Normal Home Screen](/normal_home_screen.png) 6 | 7 | ### Private Browsing Mode 8 | ![Private Browsing Mode](/private_browsing_mode.png) 9 | 10 | 11 | ## Changelog 12 | Init and v1.0.0: These update are the inital commits and bug fixes to the code. They cover a lot of the features meant to be in the config but not all of them. 13 | 14 | v2.0.0: This update is a massive overhaul to the code. This fixes bugs and adds support for a customized private browsing page. You will need to have the assets firefox_halo_with_paw_private.png and firefox_halo_with_paw_private_favicon.png downloaded and in the same location as userChrome.css and userContent.css for this update to work as intended. The others do not need to be downloaded but having them linked here may soon become a legacy feature. When it comes out, v2.5.0 will organize the code in an order that makes more sense. 15 | 16 | v2.1.0 & v2.1.1: This probably destroyed everyone who was using this before this update's experience. If that's you, I'm sorry, I had to redo some structuring. 17 | 18 | v2.1.1 resolved some minor bugs. 19 | 20 | v2.2.0: This update resolved some very minor bugs and changed some image file names 21 | 22 | v3.0.0: v3.0.0 adds a lot. It adds 40 various bookmark icons specially made to match the style and color of Firefox Halo. There are far too many to show here, so peak inside of the icons folder. 23 | 24 | v3.1.0: This update fixes the color of the download icon and animation and makes it so that the colors in the url bar switch when text is selected. 25 | 26 | v3.5.0: Fixes the star icon animation, removes the "Added to library" dialouge, changes the color of the link and "Search with Google" text in the url bar, and fixes two of the colors of the hamburger menu. 27 | 28 | v3.6.0: Stops URL bar magnification and adds profile clarification for the different versions of Halo. 29 | 30 | v4.0.0: v4.0.0 adds a ton of new features to Firefox Halo. Among these changes is a bookmark toolbar that authides and shows, customization of several about: pages. 31 | 32 | v4.0.1: This is probably the last update beside future bug fixes. 33 | 34 | v4.0.2: Fixed an error that occurs on Firefox 88 with bookmarks and added a margin to the right side of the traffic light icons on macOS. 35 | 36 | v5.0.0: Update that fixes many bugs caused by Firefox 89. 37 | 38 | v5.1.0: Fixed some small stuff and changed tabs appearance. 39 | 40 | ## Missing/Broken Features 41 | * With Firefox 94, the search wrapper is broken *again*. I really wish they'd stop chaning the search wrapper's css with each update. 42 | -------------------------------------------------------------------------------- /svg/search-bar.svg: -------------------------------------------------------------------------------- 1 | 2 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /svg/hero-message-background.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | -------------------------------------------------------------------------------- /Firefox assets/card-illo-pledge.svg: -------------------------------------------------------------------------------- 1 | 4 | -------------------------------------------------------------------------------- /Firefox assets/card-illo-ffsend.svg: -------------------------------------------------------------------------------- 1 | 4 | -------------------------------------------------------------------------------- /svg/card-illo-devices.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | /*Phone*/ 16 | 17 | /*Messages*/ 18 | 19 | /*Firefox Mobile*/ 20 | 21 | /*Finder*/ 22 | 23 | /*Messages*/ 24 | 25 | /*Facetime*/ 26 | 27 | /*Discord*/ 28 | 29 | /*Firefox*/ 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /Firefox assets/card-illo-devices.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | /*Phone*/ 16 | 17 | /*Messages*/ 18 | 19 | /*Firefox Mobile*/ 20 | 21 | /*Finder*/ 22 | 23 | /*Messages*/ 24 | 25 | /*Facetime*/ 26 | 27 | /*Discord*/ 28 | 29 | /*Firefox*/ 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /Firefox assets/card-illo-fbcont.svg: -------------------------------------------------------------------------------- 1 | 4 | -------------------------------------------------------------------------------- /userContent.css: -------------------------------------------------------------------------------- 1 | /*::::Firefox Halo::::*/ 2 | 3 | 4 | 5 | /* Imports the css for other Firefox pages */ 6 | @import "about-about.css"; 7 | @import "about-addons.css"; 8 | @import "about-config.css"; 9 | @import "about-downloads.css"; 10 | @import "about-logins.css"; 11 | @import "about-preferences.css"; 12 | @import "about-protections.css"; 13 | @import "about-robots.css"; 14 | @import "about-welcome.css"; 15 | 16 | /* Importants the css for non-Firefox pages */ 17 | @import "google.css"; 18 | 19 | 20 | /* This theoretically should make it so that you can just change the colors from here */ 21 | body { 22 | --main-color: #1a1a1a; 23 | --private-main-color: #261010; /* This one does not work for some reason*/ 24 | --main-accent-color: #b24747; 25 | --glow-color: #993d3d; 26 | --newtab-textbox-background-color: var(--main-accent-color); 27 | } 28 | 29 | 30 | 31 | /* 32 | 33 | Private Browsing 34 | (this /has/ to be above common browsing for some dumb reason) 35 | 36 | */ 37 | @-moz-document url(about:privatebrowsing) { 38 | 39 | /* Removes the VPN ad */ 40 | #private-browsing-vpn-text { 41 | display: none !important; 42 | } 43 | 44 | #private-browsing-vpn-link { 45 | display: none !important; 46 | } 47 | 48 | 49 | 50 | /* Gets rid of search bar in private browsing mode */ 51 | html.private div.showPrivate div.search-inner-wrapper, html.private div.showPrivate div.info { 52 | display: none !important; 53 | } 54 | 55 | 56 | 57 | /* Hides the "You're in private browsing mode" dialog */ 58 | .info { 59 | display: none !important; 60 | } 61 | 62 | 63 | 64 | /* Changes the logo on the private browsing home screen */ 65 | html.private .logo { 66 | background-image: url("firefox_halo_with_paw_private.png") !important; 67 | } 68 | 69 | 70 | 71 | /* Changes the color of the wordmark */ 72 | .wordmark { 73 | fill: var(--main-accent-color) !important; 74 | } 75 | 76 | 77 | 78 | /* Centers logo and wordmark */ 79 | .logo-and-wordmark { 80 | align-items: center !important; 81 | display: flex !important; 82 | justify-content: center !important; 83 | margin-bottom: 49px !important; 84 | } 85 | 86 | 87 | 88 | /* Changes the home screen color */ 89 | html.private { 90 | --in-content-page-background: #261010 !important;} 91 | 92 | 93 | 94 | } 95 | 96 | 97 | 98 | /* 99 | 100 | Common Browsing 101 | 102 | */ 103 | @-moz-document url(about:newtab), url(about:home), url(about:blank) { 104 | 105 | /* Gets rid of the dumb "Personalize" button on the home page */ 106 | .personalize-button { 107 | display: none; 108 | } 109 | 110 | 111 | 112 | /* Changes the gear on the home page to be red*/ 113 | .icon { 114 | color: var(--main-accent-color) !important; 115 | } 116 | 117 | 118 | 119 | /* Makes the search bar on the home screen round with red text and a red border when not clicked */ 120 | .search-wrapper .search-handoff-button, .search-wrapper input { 121 | background: #1a1a1a !important; 122 | background-size: 24px; 123 | padding-inline-start: 52px; 124 | padding-inline-end: 10px; 125 | padding-block: 0; 126 | width: 100%; 127 | box-shadow: none !important; 128 | border: 1px solid #b24747 !important; 129 | border-radius: 30px !important; 130 | } 131 | 132 | .search-wrapper .search-handoff-button { 133 | color: #b24747 !important; 134 | } 135 | 136 | /* Aligns the fake-textbox to the center */ 137 | .search-handoff-button .fake-textbox { 138 | opacity: 1 !important; 139 | text-align: center !important; 140 | } 141 | 142 | 143 | /* Changes the color of the glow when you click the search bar on the home screen */ 144 | .search-wrapper .search-inner-wrapper:active input, .search-wrapper input:focus { 145 | border: 3px solid var(--main-accent-color) !important; 146 | box-shadow: 0 0 7px var(--glow-color) !important; 147 | } 148 | 149 | 150 | 151 | /* Changes the background color inside of the search bar */ 152 | #newtab-search-text{ 153 | background-color: var(--main-color) !important; 154 | color: var(--main-accent-color) !important; 155 | } 156 | 157 | 158 | 159 | /* Changes the gear color and removes the hover */ 160 | .prefs-button button {fill: var(--main-accent-color) !important;} 161 | 162 | .prefs-button button:hover, .prefs-button button:focus { 163 | background-color: transparent !important; } 164 | 165 | 166 | 167 | /* Turns of search suggestions on the home screen */ 168 | .contentSearchSuggestionTable {display: none !important;} 169 | 170 | 171 | 172 | /* Changes the home screen color */ 173 | body{ background-color: var(--main-color) !important } 174 | 175 | 176 | 177 | /* Centers logo and wordmark */ 178 | .search-wrapper .logo-and-wordmark { 179 | align-items: center; 180 | display: flex; 181 | justify-content: center; 182 | margin-bottom: 49px; } 183 | 184 | 185 | 186 | 187 | /* Makes it so that no border appears around the search arrow */ 188 | .search-wrapper .search-button:focus, .search-wrapper .search-button:hover { 189 | background-color: transparent !important; 190 | cursor: pointer !important; } 191 | .search-wrapper .search-button:active { 192 | background-color: transparent !important; } 193 | 194 | 195 | /* Changes the logo on the home screen*/ 196 | .logo {background-image: url("firefox_halo_with_paw_red.png") !important;} 197 | 198 | 199 | 200 | /* Changes the color of the wordmark */ 201 | .wordmark { fill: var(--main-accent-color) !important;} 202 | } 203 | 204 | 205 | 206 | /* Makes the search bar on the home screen round with red text and a red border when not clicked */ 207 | #newtab-search-text, 208 | #searchSubmit{ 209 | fill: var(--main-accent-color) !important; 210 | border-radius: 48px !important; 211 | border-color: var(--main-accent-color) !important; 212 | box-shadow: none !important; 213 | background-color: none !important; 214 | color: none !important; 215 | font-family: helvetica !important 216 | } 217 | 218 | 219 | 220 | /* Changes the color of the glow when you click the search bar on the home screen */ 221 | .search-wrapper .search-inner-wrapper:active input, .search-wrapper input:focus { 222 | border: 3px solid var(--main-accent-color) !important; 223 | box-shadow: 0 0 7px var(--glow-color) !important; 224 | } 225 | 226 | 227 | 228 | /* Changes the background color inside of the search bar */ 229 | #newtab-search-text{ 230 | background-color: var(--main-color) !important; 231 | color: var(--main-accent-color) !important; 232 | } 233 | 234 | 235 | 236 | /* Turns of search suggestions on the home screen */ 237 | .contentSearchSuggestionTable {display: none !important;} 238 | 239 | 240 | 241 | /* Centers logo and wordmark */ 242 | .search-wrapper .logo-and-wordmark { 243 | align-items: center; 244 | display: flex; 245 | justify-content: center; 246 | margin-bottom: 49px; } 247 | 248 | } 249 | 250 | 251 | 252 | 253 | 254 | 255 | 256 | 257 | 258 | 259 | 260 | 261 | -------------------------------------------------------------------------------- /svg/card-about-config.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /Firefox assets/background.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /Firefox assets/card-illo-import.svg: -------------------------------------------------------------------------------- 1 | 4 | -------------------------------------------------------------------------------- /Firefox assets/card-illo-lockwise.svg: -------------------------------------------------------------------------------- 1 | 4 | -------------------------------------------------------------------------------- /Firefox assets/card-illo-mobile.svg: -------------------------------------------------------------------------------- 1 | 4 | -------------------------------------------------------------------------------- /svg/card-illo-ffmonitor.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | /*Finder*/ 15 | 16 | /*Messages*/ 17 | 18 | /*Facetime*/ 19 | 20 | /*Discord*/ 21 | 22 | /*Firefox*/ 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | -------------------------------------------------------------------------------- /Firefox assets/card-illo-ffmonitor.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | /*Finder*/ 15 | 16 | /*Messages*/ 17 | 18 | /*Facetime*/ 19 | 20 | /*Discord*/ 21 | 22 | /*Firefox*/ 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | -------------------------------------------------------------------------------- /about-preferences.css: -------------------------------------------------------------------------------- 1 | @-moz-document url-prefix("about:preferences") { 2 | 3 | 4 | 5 | /* This changes mostly text colors but changes some background colors */ 6 | :root { 7 | --in-content-border-active-shadow: none !important; 8 | --in-content-border-active: none !important; 9 | --in-content-box-background-active: #1a1a1a !important; /* Background color in General application thing on selection */ 10 | --in-content-box-background-hover: #1a1a1a !important; /* Background color in General application thing */ 11 | --in-content-box-background: #1a1a1a !important; /*This HAS to be kept. */ 12 | --in-content-box-border-color: #b24747 !important; /*This HAS to be kept. It changes a lot of the borders */ 13 | --in-content-box-info-background: #1a1a1a !important; /* Changes the "You are currently syncing these items" box background color */ 14 | --in-content-link-color-active: #b24747 !important; /* Link color */ 15 | --in-content-link-color-hover: #b24747 !important; /* Link color when you hover over them */ 16 | --in-content-link-color-visited: #b24747 !important; /* Link color when you have visited a site */ 17 | --in-content-link-color: #b24747 !important; 18 | --in-content-page-background: #1a1a1a !important; /* Changes the background color */ 19 | --in-content-page-color: #b24747 !important; /* Changes lot's of the body text color. HAS to be kept */ 20 | --in-content-text-color: #b24747 !important; /* This HAS to be kept as well. Too many things break otherwise. */ 21 | --in-content-selected-text: #1a1a1a !important; /* Changes the color of selected text in the little pop menu. HAS to be kept */ 22 | --in-content-item-selected: #b24747 !important; /* Changes the select color in the little pop menu. HAS to be kept */ 23 | --in-content-item-hover: #261010 !important; /* Changes the select color on hover in the little pop menu. HAS to be kept */ 24 | --in-content-deemphasized-text: #b24747 !important; /* Helps to make all text red */ 25 | } 26 | 27 | 28 | 29 | 30 | 31 | /* Changes part of the background color in pop menu */ 32 | .dialogTitleBar { 33 | background-color: transparent !important; 34 | border-bottom: none !important; 35 | } 36 | 37 | window, 38 | dialog { 39 | -moz-appearance: none !important; 40 | background-color: #1a1a1a !important; 41 | color: #b24747 !important; 42 | } 43 | 44 | 45 | /* Changes the border color of the sync box */ 46 | .sync-group { 47 | background-color: transparent !important; 48 | border: 1px solid #b24747 !important; 49 | } 50 | 51 | /* This block changes the border on hover around the account icon */ 52 | .fxaProfileImage.actionable:hover { 53 | border-color: #b24747 !important; 54 | } 55 | 56 | .fxaProfileImage.actionable:hover:active { 57 | border-color: #b24747 !important; 58 | } 59 | 60 | 61 | 62 | /* This block changes the colors of the categories in the side bar */ 63 | #categories > .category:hover { 64 | color: #1a1a1a !important; 65 | background-color: #b24747 !important; 66 | border-radius: 2px !important; 67 | } 68 | 69 | #categories > .category:hover:active { 70 | color: #1a1a1a !important; 71 | background-color: #b24747 !important; 72 | border-radius: 2px !important; 73 | } 74 | 75 | #categories > .category[selected], 76 | #categories > .category.selected { 77 | color: #1a1a1a !important; 78 | background-color: #b24747 !important; 79 | border-radius: 2px !important; 80 | } 81 | 82 | #categories > .category[selected]:hover, 83 | #categories > .category.selected:hover { 84 | color: #1a1a1a !important; 85 | background-color: #b24747 !important; 86 | } 87 | 88 | #categories > .category[selected]:hover:active, 89 | #categories > .category.selected:hover:active { 90 | color: #1a1a1a !important !important; 91 | background-color: #b24747 !important; 92 | } 93 | /* ENDBLOCK */ 94 | 95 | /*Changes the background color, boder of some boxes, and some text color */ 96 | select[size][multiple], 97 | listheader, 98 | richlistbox { 99 | -moz-appearance: none; 100 | margin-inline: 0; 101 | background-color: transparent!important; 102 | border: 1px solid transparent !important; 103 | border-radius: 2px; 104 | color: #b24747 !important; 105 | } 106 | 107 | 108 | 109 | /* Search bar examples in Search Preferences */ 110 | .searchBarImage { 111 | -moz-context-properties: fill, stroke; 112 | fill: transparent !important; 113 | stroke: #b24747 !important; 114 | } 115 | 116 | .searchBarShownImage { 117 | list-style-image: url("svg/search-bar.svg") !important; 118 | } 119 | 120 | .searchBarHiddenImage { 121 | list-style-image: url("svg/no-search-bar.svg") !important; 122 | } 123 | 124 | /* Changes the color of the "One-Click Search Engines" box and border*/ 125 | tree { 126 | border: 1px solid #b24747 !important; 127 | background-color: #1a1a1a !important; 128 | } 129 | 130 | treecol:not([hideheader="true"]):not(:first-child), 131 | treecolpicker { 132 | border-image: linear-gradient(transparent 0%, transparent 20%, #b24747 20%, #b24747 80%, transparent 80%, transparent 100%) 1 1; 133 | } 134 | 135 | 136 | 137 | /* "Find in Preferences" search box */ 138 | input[type="email"], 139 | input[type="tel"], 140 | input[type="text"], 141 | input[type="password"], 142 | input[type="url"], 143 | input[type="number"], 144 | textarea, 145 | search-textbox { 146 | -moz-appearance: none; 147 | border: 1px solid #b24747 !important; 148 | border-radius: 2px; 149 | color: #b24747 !important; 150 | background-color: transparent !important; 151 | } 152 | 153 | 154 | /* Changes the color of a line in general preferences*/ 155 | listheader { 156 | /* border-bottom: none !important; 157 | border-bottom-left-radius: 0 !important; 158 | border-bottom-right-radius: 0 !important; 159 | padding-bottom: 1px !important; */ 160 | box-shadow: inset 0 -1px #b24747 !important; 161 | } 162 | 163 | /* Removes the lines between categorys on a given page */ 164 | .subcategory:not([hidden]) ~ .subcategory { 165 | border-top: 1px solid transparent !important; 166 | } 167 | 168 | 169 | 170 | /* Changes the color of a line in search preferences */ 171 | treecols { 172 | border-bottom: 1px solid #b24747 !important; 173 | } 174 | 175 | 176 | 177 | /* This changes color of unselected text in the General application thing */ 178 | treecol:not([hideheader="true"]), 179 | treecolpicker { 180 | -moz-appearance: none !important; 181 | background-color: #1a1a1a !important; 182 | color: #b24747 !important; 183 | } 184 | 185 | 186 | 187 | /* Changes the little x icon in the search box to a custom SVG */ 188 | /* This was a pain to get working */ 189 | .textbox-search-clear { 190 | list-style-image: url("svg/x_icon.svg") !important; 191 | } 192 | 193 | 194 | 195 | /* Changes header color */ 196 | h1 { 197 | color: #b24747 !important; 198 | font-weight: bold !important; 199 | } 200 | 201 | 202 | 203 | /* This block changes the colors of the check marks and radio (the circle checks) */ 204 | checkbox[checked] > .checkbox-check { 205 | /*list-style-image: url("chrome://global/skin/icons/check.svg"); with a custom path will 206 | *allow you to change the check or radio */ 207 | fill: #b24747 !important; 208 | 209 | } 210 | 211 | input[type="checkbox"]:checked { 212 | fill: #b24747 !important; 213 | } 214 | 215 | .radio-check[selected] {; 216 | -moz-context-properties: fill; 217 | fill: #b24747 !important; 218 | } 219 | /* ENDBLOCK */ 220 | 221 | 222 | 223 | /* Changes the background color of the check boxes and radio circles when not touched */ 224 | .checkbox-check, 225 | input[type="checkbox"] { 226 | -moz-appearance: none !important; 227 | border: 1px solid #b24747 !important; 228 | background-color: transparent !important; 229 | } 230 | 231 | .radio-check { 232 | border: 1px solid #b24747 !important; 233 | background-color: transparent !important; 234 | } 235 | 236 | 237 | 238 | /* Changes the color of the checkboxes and radio on hover */ 239 | checkbox:not([disabled="true"]):hover > .checkbox-check, 240 | input[type="checkbox"]:not(:disabled):hover { 241 | border-color: #b24747 !important; 242 | } 243 | 244 | radio:not([disabled="true"]):hover > .radio-check { 245 | border-color: #b24747 !important; 246 | } 247 | 248 | 249 | 250 | /* Changes the radio focus color */ 251 | checkbox:-moz-focusring > .checkbox-check, 252 | input[type="checkbox"]:-moz-focusring + label:before, 253 | radio[focused="true"] > .radio-check, 254 | tab:-moz-focusring > .tab-middle > .tab-text { 255 | outline: 2px solid #b24747 !important; 256 | } 257 | 258 | 259 | 260 | 261 | 262 | 263 | 264 | 265 | 266 | /* This changes background color of one of the "Settings..." buttons when not hovered */ 267 | button, 268 | select, 269 | input[type="color"], 270 | menulist { 271 | color: #1a1a1a !important; 272 | background-color: #b24747 !important; 273 | } 274 | 275 | /* Not entirely sure what this does compared to the one above */ 276 | button:enabled:hover:active, 277 | select:not([size]):not([multiple]):enabled:hover:active, 278 | input[type="color"]:enabled:hover:active, 279 | button:not([disabled="true"]):hover:active, 280 | button[open], 281 | button[open]:hover, 282 | menulist[open="true"]:not([disabled="true"]) { 283 | background-color: #b24747 !important; 284 | } 285 | 286 | 287 | 288 | 289 | 290 | 291 | 292 | /* "Find in Preferences" hover border color */ 293 | /* If these break, make input html|input */ 294 | input[type="email"]:enabled:not(:focus):hover, 295 | input[type="tel"]:enabled:not(:focus):hover, 296 | input[type="text"]:enabled:not(:focus):hover, 297 | input[type="password"]:enabled:not(:focus):hover, 298 | input[type="url"]:enabled:not(:focus):hover, 299 | input[type="number"]:enabled:not(:focus):hover, 300 | textarea:enabled:not(:focus):hover, 301 | search-textbox:not([disabled="true"]):not([focused]):hover { 302 | border-color: #b24747; 303 | } 304 | 305 | 306 | 307 | /* This block changes the highlighted color of the boxes in the Privacy category */ 308 | 309 | .content-blocking-category { 310 | border: 1px solid #b24747 !important; 311 | background-color: transparent !important; 312 | } 313 | 314 | 315 | /* Removes the background for the selected blocking category */ 316 | .content-blocking-category.selected { 317 | border: 1px solid #b24747 !important; 318 | background-color: transparent !important; 319 | } 320 | 321 | .content-blocking-warning { 322 | background-color: transparent !important; 323 | } 324 | 325 | /* Changes the non-hover color of the reload tabs button */ 326 | .reload-tabs-button { 327 | background-color: #b24747 !important; 328 | } 329 | 330 | /* Changes the non-hover color of the reload tabs button when selected */ 331 | .reload-tabs-button:not([disabled="true"]):hover { 332 | background-color: #b24747 !important; 333 | } 334 | 335 | /* Changes the non-hover color of the reload tabs button when selected and clicked? */ 336 | .reload-tabs-button:not([disabled="true"]):hover:active { 337 | background-color: #b24747 !important; 338 | } 339 | 340 | /* ENDBLOCK */ 341 | 342 | 343 | 344 | 345 | 346 | } 347 | -------------------------------------------------------------------------------- /Firefox assets/error-server-not-found.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | -------------------------------------------------------------------------------- /svg/tracking-protection-animation.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | 209 | 210 | 211 | 212 | 213 | 214 | 215 | 216 | 217 | 218 | 219 | 220 | 221 | 222 | 223 | 224 | 225 | 226 | 227 | 228 | 229 | 230 | 231 | 232 | 233 | 234 | 235 | 236 | 237 | 238 | 239 | 240 | 241 | 242 | 243 | 244 | 245 | 246 | 247 | 248 | 249 | 250 | 251 | 252 | 253 | 254 | 255 | 256 | 257 | 258 | 259 | 260 | 261 | 262 | 263 | 264 | 265 | 266 | 267 | 268 | 269 | 270 | 271 | 272 | 273 | 274 | 275 | 276 | 277 | 278 | 279 | 280 | 281 | 282 | 283 | 284 | 285 | 286 | 287 | 288 | 289 | 290 | 291 | 292 | 293 | 294 | 295 | 296 | 297 | 298 | 299 | 300 | 301 | 302 | 303 | 304 | 305 | 306 | 307 | 308 | 309 | 310 | 311 | 312 | 313 | 314 | 315 | 316 | 317 | 318 | 319 | 320 | 321 | 322 | 323 | 324 | 325 | 326 | -------------------------------------------------------------------------------- /Firefox assets/tracking-protection-animation.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | 209 | 210 | 211 | 212 | 213 | 214 | 215 | 216 | 217 | 218 | 219 | 220 | 221 | 222 | 223 | 224 | 225 | 226 | 227 | 228 | 229 | 230 | 231 | 232 | 233 | 234 | 235 | 236 | 237 | 238 | 239 | 240 | 241 | 242 | 243 | 244 | 245 | 246 | 247 | 248 | 249 | 250 | 251 | 252 | 253 | 254 | 255 | 256 | 257 | 258 | 259 | 260 | 261 | 262 | 263 | 264 | 265 | 266 | 267 | 268 | 269 | 270 | 271 | 272 | 273 | 274 | 275 | 276 | 277 | 278 | 279 | 280 | 281 | 282 | 283 | 284 | 285 | 286 | 287 | 288 | 289 | 290 | 291 | 292 | 293 | 294 | 295 | 296 | 297 | 298 | 299 | 300 | 301 | 302 | 303 | 304 | 305 | 306 | 307 | 308 | 309 | 310 | 311 | 312 | 313 | 314 | 315 | 316 | 317 | 318 | 319 | 320 | 321 | 322 | 323 | 324 | 325 | 326 | --------------------------------------------------------------------------------