# Ublime Colorful and black and white Color Schemes for Sublime Text, and themes for Visual Studio Code, TextMate and Custom.css themes for Chrome DevTools. ## How to install on Sublime Text ### Manual Download - Download the repository in this [zip file](https://github.com/imagentleman/ublime/archive/master.zip). - Unzip the files and copy the folder `ublime` or the individual `.tmTheme` files. - Paste the files anywhere in the Packages folder, which can be opened from Sublime Text via `Preferences > Browse Packages`. ### Automatic Download with [Package Control](https://github.com/wbond/sublime_package_control) Just search for Ublime Color Schemes. ### Applying the Color Schemes in Sublime Text Select the Color Scheme via `Preferences -> Color Schemes`. ### Tip You can apply different color schemes to different filetypes (for example, one for .js, another for .css and a third one for the rest as default). - In the menu go to `Preferences > Settings - More > Syntax Specific - User`. - It will open a settings file for the extension of the current file. - Just write the appropriate .json configuration. Example: `{ "color_scheme": "Packages/LocationOfTheTheme/themeName.tmTheme" }` ## How to install on Visual Studio Code ### Automatic Download Visit https://marketplace.visualstudio.com/items?itemName=imagentleman.ublime-themes and click on "Install". ### Manual Download - Download the repository in this [zip file](https://github.com/imagentleman/ublime/archive/master.zip). - Unzip the file and copy the vscode-ublime-themes folder. - Paste the folder in Visual Studio Code's extensions folder, which can be found on `~/.vscode/extensions` on Mac and on `c:\Users\yourusername\.vscode\extensions` on Windows. ## How to install on Atom ### Manual Download - Download the repository in this [zip file](https://github.com/imagentleman/ublime/archive/master.zip). - Unzip the files and copy the individual theme folders (e.g. `gruntilda-syntax`, the ones with the suffix `syntax`, the others are for VS Code) you want. - Paste the files in Atom's Packages folder, which can be found on `~/.atom/packages` on Mac and on `c:\Users\yourusername\.atom\packages` on Windows. ## How to install on TextMate Just double click the theme file (`the file with a .tmTheme extension`). ## How to install on Chrome DevTools (Chrome 32-) Replace the empty `Custom.css` file in the Chrome profile folder with the css file of the theme from the zip. The `Custom.css` can be found in: **Mac:** `~/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css` **PC:** `C:\Users\ReplaceWithThisWithYourUsername\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.css` **Ubuntu (Chromium):** `~/.config/chromium/Default/User StyleSheets/Custom.css` Note: Since Chrome 33 you need to enable a flag and use the custom.css file via an extension. Follow the instructions [here](http://stackoverflow.com/questions/21207474/custom-css-stop-to-work-in-32-0-1700-76-m-google-chrome-update), or use this [sample extension](https://github.com/paulirish/sample-devtools-theme-extension), or read the whole story from the [chromium](https://code.google.com/p/chromium/issues/detail?id=318566) people. # The Color Schemes ## Gruntilda ![Gruntilda screenshot 1](http://imagentleman.github.io/ublime/gruntilda.png) ### A Touch of Crayon ![A Touch of Crayon screenshot 2](http://imagentleman.github.io/ublime/crayon2.png) ![A Touch of Crayon screenshot 3](http://imagentleman.github.io/ublime/crayon3.png) ![A Touch of Crayon screenshot 4](http://imagentleman.github.io/ublime/crayon4.png) ## Teito University ![Teito University screenshot 1](http://imagentleman.github.io/ublime/teito.png) ## Lima ![Lima screenshot 1](http://imagentleman.github.io/ublime/lima.png) ## Limon ![Limon screenshot 1](http://imagentleman.github.io/ublime/limon.png) ## Cherry Blossom ![Cherry Blossom screenshot 1](http://imagentleman.github.io/ublime/cherry.png) ## Once Upon a Time ![Once Upon a Time screenshot 1](http://imagentleman.github.io/ublime/once1.png) ![Once Upon a Time screenshot 2](http://imagentleman.github.io/ublime/once2.png) ![Once Upon a Time screenshot 3](http://imagentleman.github.io/ublime/once3.png) ![Once Upon a Time screenshot 4](http://imagentleman.github.io/ublime/once4.png) ### Toulouse-Lautrec ![Toulouse-Lautrec screenshot 1](http://imagentleman.github.io/ublime/toulouse1.png) ![Toulouse-Lautrec screenshot 2](http://imagentleman.github.io/ublime/toulouse2.png) ![Toulouse-Lautrec screenshot 3](http://imagentleman.github.io/ublime/toulouse3.png) ![Toulouse-Lautrec screenshot 4](http://imagentleman.github.io/ublime/toulouse4.png) ## Fantasy Script ![Fantasy Script screenshot 1](http://imagentleman.github.io/ublime/fantasy1.png) ![Fantasy Script screenshot 2](http://imagentleman.github.io/ublime/fantasy2.png) ![Fantasy Script screenshot 3](http://imagentleman.github.io/ublime/fantasy3.png) ![Fantasy Script screenshot 4](http://imagentleman.github.io/ublime/fantasy4.png) ## Little Kachun ![Little Kachun screenshot 1](http://imagentleman.github.io/ublime/kachun1.png) ![Little Kachun screenshot 2](http://imagentleman.github.io/ublime/kachun2.png) ![Little Kachun screenshot 3](http://imagentleman.github.io/ublime/kachun3.png) ![Little Kachun screenshot 4](http://imagentleman.github.io/ublime/kachun4.png) ## Kochia Hill ![Kochia screenshot 1](http://imagentleman.github.io/ublime/kochia1.png) ![Kochia screenshot 2](http://imagentleman.github.io/ublime/kochia2.png) ![Kochia screenshot 3](http://imagentleman.github.io/ublime/kochia3.png) ![Kochia screenshot 4](http://imagentleman.github.io/ublime/kochia4.png) ## Arabian Nights ![Arabian Nights screenshot 1](http://imagentleman.github.io/ublime/arabian1.png) ![Arabian Nights screenshot 2](http://imagentleman.github.io/ublime/arabian2.png) ![Arabian Nights screenshot 3](http://imagentleman.github.io/ublime/arabian3.png) ![Arabian Nights screenshot 4](http://imagentleman.github.io/ublime/arabian4.png) ## Chanfle ![Chanfle screenshot 1](http://imagentleman.github.io/ublime/chanfle1.png) ![Chanfle screenshot 2](http://imagentleman.github.io/ublime/chanfle2.png) ![Chanfle screenshot 3](http://imagentleman.github.io/ublime/chanfle3.png) ![Chanfle screenshot 4](http://imagentleman.github.io/ublime/chanfle4.png) ## Schema Ghibli ![Schema Ghibli screenshot 1](http://imagentleman.github.io/ublime/ghibli1.png) ![Schema Ghibli screenshot 2](http://imagentleman.github.io/ublime/ghibli2.png) ![Schema Ghibli screenshot 3](http://imagentleman.github.io/ublime/ghibli3.png) ![Schema Ghibli screenshot 4](http://imagentleman.github.io/ublime/ghibli4.png) ## Turn of the Century ![Turn of the Century screenshot 1](http://imagentleman.github.io/ublime/turn1.png) ![Turn of the Century screenshot 2](http://imagentleman.github.io/ublime/turn2.png) ![Turn of the Century screenshot 3](http://imagentleman.github.io/ublime/turn3.png) ![Turn of the Century screenshot 4](http://imagentleman.github.io/ublime/turn4.png) ## Anatomy of Grey ![Anatomy of Grey screenshot 1](http://imagentleman.github.io/ublime/black1.png) ![Anatomy of Grey screenshot 2](http://imagentleman.github.io/ublime/black2.png) ![Anatomy of Grey screenshot 3](http://imagentleman.github.io/ublime/black3.png) ![Anatomy of Grey screenshot 4](http://imagentleman.github.io/ublime/black4.png) ## Anatomy of Grey Light ![Anatomy of Grey Light screenshot 1](http://imagentleman.github.io/ublime/white1.png) ![Anatomy of Grey Light screenshot 2](http://imagentleman.github.io/ublime/white2.png) ![Anatomy of Grey Light screenshot 3](http://imagentleman.github.io/ublime/white3.png) ![Anatomy of Grey Light screenshot 4](http://imagentleman.github.io/ublime/white4.png) ## FAQ ### Where does the name Ublime come from? Shakira. ### Other works [http://imagentleman.github.io](http://imagentleman.github.io)