Toothpaste

A custom theme with flavorful colors that pop and are muted where necessary



Documentation

Toothpaste

A custom theme for Sublime Text, Atom, Xcode, WebStorm, Vim, BBEdit, and Visual Studio Code with flavorful colors that pop and are muted where necessary.

Sublime Text

image image

Installation:

With Package Control (Coming Soon)

  1. Run Package Control in Sublime
  2. Search for toothpaste and Install
  3. Go to Preferences > Color Schemes > Toothpaste

Manually

Sublime Text 2

  1. Download the theme file
  2. For macOS: `~/Library/Application\ Support/Sublime\ Text\ 2/Packages/ and Windows 7+ ~/AppData/Roaming/"Sublime Text 2"/Packages/
  3. mkdir toothpaste
  4. rsync -av ~/Downloads/toothpaste.tmTheme ~/Library/Application\ Support/Sublime\ Text\ 2/Packages/toothpaste
  5. Start Sublime Text
  6. Go to Preferences > Color Schemes > Toothpaste Color Scheme

Sublime Text 3

  1. Clone the repo (rather than saving/downloading the file).
  2. For macOS: `~/Library/Application\ Support/Sublime\ Text\ 2/Packages/ and Windows 7+ ~/AppData/Roaming/"Sublime Text 2"/Packages/
  3. mkdir toothpaste
  4. rsync -av ~/Downloads/toothpaste.tmTheme ~/Library/Application\ Support/Sublime\ Text\ 2/Packages/toothpaste
  5. Start Sublime Text
  6. Go to Preferences > Color Schemes > Toothpaste Color Scheme

Atom

image

Installation:

With Atom Package Manager

  1. Navigate to the install section within Atom's settings
  2. Search for toothpaste with the themes option selected
  3. Click install
  4. Navigate to themes and select Toothpaste from the Syntax themes dropdown

With apm from the Command Line

  1. Run $ apm install Toothpaste
  2. Navigate to the Themes section within Atom's settings
  3. Select Toothpaste from the Syntax themes dropdown

Manually (macOS)

  1. Download or clone this repo
  2. Either drag the entire directory or clone this repo directly into the packages directory located at ~/.atom/packages/.
  3. Navigate to the 'Themes' section within Atom's settings panel and choose Toothpaste from the Syntax themes dropdown.

Note: Toothpaste for atom works best with the One Dark or One Light UI themes. Toothpaste is a syntax theme and is therefore inherited by One Dark/Light UI themes.

BBEdit

image

Installation:

Toothpaste is included in BBEdit 11.5.1 and later.

  1. Choose "Preferences" from the BBEdit menu
  2. Choose "Text Colors" from the list in the Preferences window sidebar
  3. Choose "Toothpaste" from the "Color Scheme" pop-up menu

To customize a copy, click the "Save Scheme" button. This will create a copy in your Application Support/BBEdit/Color Schemes/ folder.

With Alcatraz

  1. Install Alcatraz: curl -fsSL https://raw.githubusercontent.com/supermarin/Alcatraz/deploy/Scripts/install.sh | sh
  2. Launch Alcatraz from Xcode (Window > Package Manager)
  3. Select Color Themes tab
  4. Search for toothpaste
  5. Click install
  6. Restart Xcode
  7. Go to Preferences > Fonts & Colors > Toothpaste

Xcode

image

Installation:

With Alcatraz

  1. Install Alcatraz: curl -fsSL https://raw.githubusercontent.com/supermarin/Alcatraz/deploy/Scripts/install.sh | sh
  2. Launch Alcatraz from Xcode (Window > Package Manager)
  3. Select Color Themes tab
  4. Search for toothpaste
  5. Click install
  6. Restart Xcode
  7. Go to Preferences > Fonts & Colors > Toothpaste

Manually

  1. Download the dvtcolortheme file
  2. rsync -av ~/Downloads/toothpaste.dvtcolortheme ~/Library/Developer/Xcode/UserData/FontAndColorThemes/
  3. Start Xcode
  4. Go to Preferences > Fonts & Colors > Toothpaste

WebStorm

image

Installation:

Manually

  1. Download the theme .jar file
  2. Navigate to File > Import Settings and select the JAR file you just downloaded

Vim

image

Installation:

  1. Copy toothpaste.vim into your ~/.vim/colors
  2. In vim, select the color scheme: :colorscheme toothpaste

Visual Studio Code

image

Installation:

Via the Command Palette

  1. Hit or CTRL-P/CMD+P to bring up the Command Palette
  2. Type in ext install theme-toothpaste
  3. Restart Visual Studio Code
  4. Go to File > Preferences > Color Theme and select Toothpaste from the list.

Manually

  1. Navigate to your .vscode/extensions folder
  2. Download the theme-toothpaste folder into the extensions folder
  3. Restart Visual Studio Code
  4. Go to File > Preferences > Color Theme and select Toothpaste from the list

Contact

  • See something wrong? Have suggestions? Open up an issue or pull request. I'll be tweaking the theme here & there. <3
  • For any questions or feedback, don't hesistate to reach out via twitter or email.

Contributors

Toothpaste definitely could not have grown the way it continues to without the contributors helping. I couldn't do it alone. A big thank you to:

  • Timothy (@codetheory) for recreating Toothpaste for Atom
  • Adam Swinden (@AdamSwinden) for recreating Toothpaste for Xcode
  • Michiel Renty (@mrenty) for recreating Toothpaste for WebStorm
  • Benedikt Lehnert (@blehnert) for whipping up the Toothpaste landing page
  • Josh Fontecha (@jfontecha) for the manual instructions for ST2 on Windows
  • Lachlan Campbell (@lachlanjc) for installation instructions with apm from Command Line
  • Dotan Nahum (@jondot) for recreating Toothpaste for Vim
  • Aalaap Ghag (@aalaap) for porting Toothpaste over to Visual Studio Code

Contributing

Want to recreate Toothpaste for an IDE that isn't listed? Exciting and the community loves you for it! Before you do, read these little tidbits about how to do so:

  • Make sure the issue IDE theme doesn't already exist
  • Fork the repo and make the changes to port it over to the IDE.
  • Update the README with the current formatting for each IDE submission.
  • Submit a pull request when you're ready and be sure to include: the code, a screenshot, name and twitter handle so you can be added to the contributor section of the README and website.

Creating Issues

Run into a dilemma and want to create an issue for it? Go ahead and do so! But first:

  • Make sure the issue wasn't already created. Duplicates are hard.
  • If there is a duplicate, chime in on the comments! <3
  • Make your issue title straight-forward and leave a lovely comment with more info for us.