Nighttab

<h3 align="center"> <img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/logos/exports/1544x1544_circle.png" width="100" alt="Logo"/><br/> <img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png" height="30" width="0px"/> Catppuccin for <a href="https://github.com/zombieFox/nightTab">Nighttab</a> <img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png" height="30" width="0px"/> </h3> <p align="center"> <a href="https://github.com/catppuccin/nighttab/stargazers"><img src="https://img.shields.io/github/stars/catppuccin/nighttab?colorA=363a4f&colorB=b7bdf8&style=for-the-badge"></a> <a href="https://github.com/catppuccin/nighttab/issues"><img src="https://img.shields.io/github/issues/catppuccin/nighttab?colorA=363a4f&colorB=f5a97f&style=for-the-badge"></a> <a href="https://github.com/catppuccin/nighttab/contributors"><img src="https://img.shields.io/github/contributors/catppuccin/nighttab?colorA=363a4f&colorB=a6da95&style=for-the-badge"></a> </p> <p align="center"> <img src="assets/nighttab.webp"/> </p>

Previews

<details> <summary>🌻 Latte</summary> <img src="assets/nighttab-latte.webp"/> </details> <details> <summary>🪴 Frappé</summary> <img src="assets/nighttab-frappe.webp"/> </details> <details> <summary>🌺 Macchiato</summary> <img src="assets/nighttab-macchiato.webp"/> </details> <details> <summary>🌿 Mocha</summary> <img src="assets/nighttab-mocha.webp"/> </details>

Usage

<details> <summary>🌻 Latte</summary> <ul> <li> Primary Colour: <code>220</code> </li> <li> Saturation: <code>16</code> </li> <li> Contrast Range: <code>90</code> - <code>100</code> </li> <li> Accent colour: Any (https://github.com/catppuccin/catppuccin#-palettes) </li> </ul> </details> <details> <summary>🪴 Frappé</summary> <li> Primary Colour: <code>229</code> </li> <li> Saturation: <code>19</code> </li> <li> Contrast Range: <code>23</code> - <code>50</code> </li> <li> Accent colour: Any (https://github.com/catppuccin/catppuccin#-palettes) </li> </details> <details> <summary>🌺 Macchiato</summary> <li> Primary Colour: <code>232</code> </li> <li> Saturation: <code>23</code> </li> <li> Contrast Range: <code>18</code> - <code>50</code> </li> <li> Accent colour: Any (https://github.com/catppuccin/catppuccin#-palettes) </li> </details> <details> <summary>🌿 Mocha</summary> <li> Primary Colour: <code>240</code> </li> <li> Saturation: <code>21</code> </li> <li> Contrast Range: <code>15</code> - <code>50</code> </li> <li> Accent colour: Any (https://github.com/catppuccin/catppuccin#-palettes) </li> </details>

Script

1. Copy the script
2. Open the Developer Tools in your browser (<kbd>F12</kbd>) and go to Console (Make sure that you are in the nightTab page)
3. Paste the script and press <kbd>Enter</kbd>
4. Still in the Console, type setTheme("[Flavour]","[AccentColor]") (for example setTheme("mocha","mauve")) and press <kbd>Enter</kbd>
5. Refresh, open the nightTab Settings, and select the theme

⚠ Please note that you will need to do these steps to add a new theme again, if you reloaded the page. The added Themes will stay.

💝 Thanks to

• justTOBBI
• winston

 

<p align="center"> <img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/footers/gray0_ctp_on_line.svg?sanitize=true" /> </p> <p align="center"> Copyright &copy; 2021-present <a href="https://github.com/catppuccin" target="_blank">Catppuccin Org</a> </p> <p align="center"> <a href="https://github.com/catppuccin/catppuccin/blob/main/LICENSE"><img src="https://img.shields.io/static/v1.svg?style=for-the-badge&label=License&message=MIT&logoColor=d9e0ee&colorA=363a4f&colorB=b7bdf8"/></a> </p>