Material Monokai

A collection of my adapations of the vs code theme "Material Monokai" by Alessio Enrico (https://github.com/repeale/material-monokai)

Contributions welcome if you like the theme and want to port it to other applications, for existing themes please raise an issue first if there's something you'd like changed. (alternatively feel free to fork and make your own version)

VS Code

Use the original theme https://github.com/repeale/material-monokai (found on the VSCode marketplace as Material Monokai)

Stylus

Opinionated themes for many websites using the Stylus firefox/chrome extension

⚠️ Warning: Some of the stylus themes may break certain features of websites, if something doesn't work as expected you may need to toggle the theme off to use it

Screenshots

(There are many sites covered by this site so I will show a few of the best ones)

Installation

1. Install the Stylus browser extension
2. Open the extension widget
3. Click New Style
4. Delete generated contents
5. Paste contents of material-monokai.css into the editor and save

Firefox

Opinionated userchrome for firefox (theme the title bar, tabs etc)

• Automatically hides the tab bar when only one tab is open
• Makes the title bar as compact as possible while still being usable

I recommend using this along with stylus themes for a more consistent experience

⚠️ Warning: From my usage, I have not encountered any issues with the current version. However your mileage may vary as this significantly alters the css of firefox's built in UI and you may use features I don't

Screenshots

Installation

1. Find your firefox profile directory (default profile is ~/.mozilla/firefox/default)
2. Copy firefox/userchrome/userChrome.css to (your firefox profile dir)/chrome
3. Restart firefox (ensure all instances of firefox are closed, pkill them if unsure)

GTK

Theme for any GTK based application

Screenshots

Installation

Copy the contents of the gtk directory into your .config directory (gtk-3.0 and gtk-4.0)

Helix

Material monokai for the Helix text editor (similar to neovim)

Screenshots

Installation

1. Copy helix/materialMonokai.toml to ~/.config/helix/themes/ (create the directories if they don't exist)
2. Add the line theme = "materialMonokai" to the top of .config/helix/config.toml (creating it if it doesn't exist)

Swaync

Material monokai for sway notification center

Screenshots

Installation

1. Copy the swaync directory to .config/swaync

Waybar

Theme for the title bar application for tiling window managers Waybar

Installation

1. Copy the waybar directory to .config/waybar

Screenshots