SNIPPETmekwall

Color Scheme

A dark color scheme for code editors and highlighters

CSSAny theme
# Obsidian Color Scheme

Ports of the Notepad++ color scheme Obsidian.

## Downloads

Choose your format:

- [JetBrains Web IDE](https://github.com/mekwall/obsidian-color-scheme/raw/master/webide/Obsidian_Color_Scheme.jar) (PhpStorm, WebStorm, PyCharm etc.)
- [Textmate and Sublime Text 2 and 3](https://github.com/mekwall/obsidian-color-scheme/raw/master/textmate/Obsidian.tmTheme) (Can be installed through wbond's awesome [Package Control](https://sublime.wbond.net/))
- [iTerm2](https://github.com/mekwall/obsidian-color-scheme/raw/master/iterm2/obsidian.itermcolors)
- [Chrome Developer Tools](https://github.com/mekwall/obsidian-color-scheme/raw/master/chromedevtools/Custom.css)
- [Atom](https://github.com/mekwall/obsidian-color-scheme/tree/master/atom)

## Installation instructions

### JetBrains Web IDE

Note: Just to be safe, export your current IDE settings through «File» - «Export Settings»

1. Go to «File» - «Import settings»
2. Browse for the «Obsidian_Color_Scheme.jar» you got from this repo
3. Import the selected settings («Color schemes»)
4. A restart of WebIDE is required, but once you're done, see 5
5. Bask in the glory of Obsidian in your WebIDE!

### Sublime Text 2 / 3

It's in the [Sublime Package Control](http://wbond.net/sublime_packages/package_control) repository.

1. Open the Command Palette and execute: `Package Control: Install Package`
2. Search for the package `Obsidian Color Scheme`
3. Install package and then select the color scheme under «Preferences» - «Color Scheme»

### Chrome Developer Tools / Web Inspector

To add a color scheme to your Chrome Developer Tools / Web Inspector, simply replace the CSS file in the locations listed below

#### Mac:
`~/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css`

#### Windows
`C:Users\YourUsername\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.css`

#### Ubuntu (Chromium)
`~/.config/chromium/Default/User StyleSheets/Custom.css`

### Atom
Download the `obsidian-syntax` folder to ~/.atom/packages then select **Obsidian** as your theme in Atom's settings.

## Screenshots

### JetBrains Web IDE
#### HTML
![HTML](https://github.com/mekwall/obsidian-color-scheme/raw/master/webide/screenshots/html.png "HTML")
#### CSS
![CSS](https://github.com/mekwall/obsidian-color-scheme/raw/master/webide/screenshots/css.png "CSS")
#### JavaScript
![JavaScript](https://github.com/mekwall/obsidian-color-scheme/raw/master/webide/screenshots/javascript.png "JavaScript")
#### PHP
![PHP](https://github.com/mekwall/obsidian-color-scheme/raw/master/webide/screenshots/php.png "PHP")
#### Python
![Python](https://github.com/mekwall/obsidian-color-scheme/raw/master/webide/screenshots/python.png "Python")
#### SQL
![SQL](https://github.com/mekwall/obsidian-color-scheme/raw/master/webide/screenshots/sql.png "SQL")
#### Yaml
![Yaml](https://github.com/mekwall/obsidian-color-scheme/raw/master/webide/screenshots/yaml.png "Yaml")
#### CSS
![CSS](https://github.com/mekwall/obsidian-color-scheme/raw/master/webide/screenshots/css.png "CSS")
#### Diff
![Diff](https://github.com/mekwall/obsidian-color-scheme/raw/master/webide/screenshots/diff.png "Diff")
#### RegEx
![Regexp](https://github.com/mekwall/obsidian-color-scheme/raw/master/webide/screenshots/regexp.png "Regexp")
#### Surface
![Surface](https://github.com/mekwall/obsidian-color-scheme/raw/master/webide/screenshots/surface.png "Surface")
#### Console
![Console](https://github.com/mekwall/obsidian-color-scheme/raw/master/webide/screenshots/console.png "Console")
### iTerm2
![HTML](https://github.com/mekwall/obsidian-color-scheme/raw/master/iterm2/screenshots/iterm.png "iTerm2")
## Chrome Developer Tools
![Elements](https://github.com/mekwall/obsidian-color-scheme/raw/master/chromedevtools/screenshots/elements.png "Elements")

Related

How to Install

  1. Download the CSS file below
  2. Move it to your vault's .obsidian/snippets/ folder
  3. Open Obsidian → Settings → Appearance → CSS Snippets → Enable it
Download snippet.css

Stats

Stars

273

Forks

31

Last updated 142mo ago

Categories