Awesome

<div align = "center"> <h1><a href="https://addons.mozilla.org/en-US/firefox/addon/nightblue/">Nightblue</a></h1> <a href="https://github.com/2KAbhishek/nightblue/blob/main/LICENSE"> <img alt="License" src="https://img.shields.io/github/license/2kabhishek/nightblue?style=flat&color=eee&label="> </a> <a href="https://github.com/2KAbhishek/nightblue/graphs/contributors"> <img alt="People" src="https://img.shields.io/github/contributors/2kabhishek/nightblue?style=flat&color=ffaaf2&label=People"> </a> <a href="https://github.com/2KAbhishek/nightblue/stargazers"> <img alt="Stars" src="https://img.shields.io/github/stars/2kabhishek/nightblue?style=flat&color=98c379&label=Stars"></a> <a href="https://github.com/2KAbhishek/nightblue/network/members"> <img alt="Forks" src="https://img.shields.io/github/forks/2kabhishek/nightblue?style=flat&color=66a8e0&label=Forks"> </a> <a href="https://github.com/2KAbhishek/nightblue/watchers"> <img alt="Watches" src="https://img.shields.io/github/watchers/2kabhishek/nightblue?style=flat&color=f5d08b&label=Watches"> </a> <a href="https://github.com/2KAbhishek/nightblue/pulse"> <img alt="Last Updated" src="https://img.shields.io/github/last-commit/2kabhishek/nightblue?style=flat&color=e06c75&label="> </a> <h3>Black and Blue for Night watchers 🦉🔭</h3> <figure> <img src="images/screenshot.png" alt="nightblue in action"> <br/> <figcaption>Nightblue in action</figcaption> </figure> </div>

Nightblue is a pitch black theme for Firefox Desktop and Android.

✨ Features

Aesthetically pleasing and minimalistic colors
Optimized for AMOLED displays

Setup

⚡ Requirements

To replicate the setup show on screenshot you need the following plugins:

To disable the Native tab bar do the following,

Enter about:config in the URL bar
Change the value of toolkit.legacyUserProfileCustomizations.stylesheets to true
Click on Firefox menu > Help > More troubleshooting info
Search for Profile Directory on the page and navigate to it: e.g: /home/abhishek/.mozilla/firefox/krel8zkj.default-release
Create a chrome folder if not present
Add the following to userChrome.css in that folder

#TabsToolbar {
  visibility: collapse;
}

If you want to hide the sidebar heading add the following as well

#sidebar-header {
   visibility: collapse !important;
}

Don't forget to restart Firefox as well

🚀 Installation

Just go to Nightblue and install the theme.

Behind The Code

🌈 Inspiration

Needed a theme to match rest of my setup

💡 Challenges/Learnings

Learned about the Firefox plugin ecosystem

🧰 Tooling

Firefox Color

<strong>⭐ hit the star button if you found this useful ⭐</strong><br>

<a href="https://github.com/2KAbhishek/nightblue">Source</a> | <a href="https://2kabhishek.github.io/blog" target="_blank">Blog </a> | <a href="https://twitter.com/2kabhishek" target="_blank">Twitter </a> | <a href="https://linkedin.com/in/2kabhishek" target="_blank">LinkedIn </a> | <a href="https://2kabhishek.github.io/links" target="_blank">More Links </a> | <a href="https://2kabhishek.github.io/projects" target="_blank">Other Projects </a>

</div>