An open API service indexing awesome lists of open source software.

https://github.com/2kabhishek/nightblue

Firefox theme for night watchers 🦉🔭
https://github.com/2kabhishek/nightblue

aesthetic amoled browser firefox theme

Last synced: 4 months ago
JSON representation

Firefox theme for night watchers 🦉🔭

Awesome Lists containing this project

README

          

Nightblue


License


People


Stars


Forks


Watches


Last Updated

Black and Blue for Night watchers 🦉🔭

nightblue in action


Nightblue in action

[Nightblue](https://addons.mozilla.org/en-US/developers/addon/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:

- [Dark Reader](https://addons.mozilla.org/en-US/firefox/addon/darkreader/)
- [Tree Style Tab](https://addons.mozilla.org/en-US/firefox/addon/tree-style-tab/)

##### 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

```css
#TabsToolbar {
visibility: collapse;
}
```

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

```css
#sidebar-header {
visibility: collapse !important;
}
```
- Don't forget to restart Firefox as well

### 🚀 Installation

Just go to [Nightblue](https://addons.mozilla.org/en-US/developers/addon/nightblue/) and install the theme.

## Behind The Code

### 🌈 Inspiration

Needed a theme to match rest of my setup

- [awesome2k](https://github.com/2kabhishek/awesome2k)
- [rofi2k](https://github.com/2kabhishek/rofi2k)

### 💡 Challenges/Learnings

- Learned about the Firefox plugin ecosystem

### 🧰 Tooling

- [Firefox Color](https://color.firefox.com/)


⭐ hit the star button if you found this useful ⭐

Source
| Blog
| Twitter
| LinkedIn
| More Links
| Other Projects