Mauve Dream Theme Ports

Available ports of the Mauve Dream theme for various applications.

DIRCOLORS

For use in the terminal shell to modify the ls output.

Download the dircolors.txt file and rename it .dircolors.

Move .dircolors file to your home directory.

Update your shell configuration:


# For bash/zsh:
eval "$(dircolors -b ~/.dircolors)"

# For fish shell:
eval (dircolors -c ~/.dircolors | head -n 1 | sed 's/^LS_COLORS=/set -x LS_COLORS /;s/;$//')

Add aliases in your shell configuration for color options:


alias ls='ls --color=auto'
alias dir='dir --color=auto'
alias vdir='vdir --color=auto'
alias grep='grep --color=auto'
alias fgrep='fgrep --color=auto'
alias egrep='egrep --color=auto'

CSS

For use on the web.

The Mauve Dream theme is a dark mode theme consisting of a color palette and UI components.

You will need to include three files:


<link rel="stylesheet" href="/mauvedream.css">
<link rel="stylesheet" href="/mauvedream-ui.css">
<link rel="stylesheet" href="/dark/mauvedream.css">

You can also install the Mauve Dream theme via npm with npm install @kung-fu/mauvedream --save.

EMACS

For use in emacs and spacemacs.

Save the theme in ~/.emacs.d/themes/ or ~/emacs.d/private/themes/ for spacemacs.

Add the theme to your emacs configuration:


(add-to-list 'custom-theme-load-path "~/.emacs.d/themes/")

Load the theme in emacs:


(load-theme 'mauve-dream t)

GEdit

For use in the GEdit text editor

Move the theme file to ~/.local/share/gtksourceview-4/styles.

For older version of GEdit, you might need to place the folder in a gtksourceview-3.0 folder instead of gtksourceview-4.

Update preferences in GEdit.

GIMP

For use in the GIMP image editing software

Windows: C:\Users\[YourUsername]\AppData\Roaming\GIMP\2.10\palettes
macOS: ~/Library/Application Support/GIMP/2.10/palettes
Linux: ~/.config/GIMP/2.10/palettes

You can now access the palette by clicking on the palette dialog and selecting Mauve Dream from the dropdown

Highlight.JS

For use in syntax highlighting on the Internet.

You will need to import, install, or link to the highlight.js package/script.

Download the CSS file.

Update your HTML:


<link rel="stylesheet" href="/mauvedream.css">
<script src="/highlight.min.js"></script>
<script>hljs.highlightAll();</script>

...or import in your JS:


import '/mauvedream.css';
import hljs from 'highlight.js';
hljs.highlightAll();

Your <code> blocks will need a class of hljs for this to work.

Gnome Terminal

For use with the standard Gnome Terminal.

Save the mauve-dream-gnome-terminal.ini file locally.

You'll need dconf.

Run:


dconf list /org/gnome/terminal/legacy/profiles:/

Choose a profile.

Then run (where GUID in the string is the GUID chosen from the command above):


dconf load /org/gnome/terminal/legacy/profiles:/:GUID/ < purple-waves-gnome-terminal.ini

Tilix

For use in the Tilix terminal application.

Open Tilix and go to Preferences:

VIM

Save the mauve_dream.vim file to your vim colors directory:

For Vim: ~/.vim/colors/
For Neovim: ~/.config/nvim/colors/

Add the following to your .vimrc or init.vim file:


syntax enable
colorscheme purple_waves

if has('termguicolors')
  set termguicolors
endif

Visual Studio Code

For use in the Visual Studio Code editor.

This can be installed in Visual Studio Code via extension management.

Alternatively, you can: