# Dracula Bones - A Theme by Rohit Lal
**A complete theming solution for Ubuntu 18.04, Vscode, Shell, etc!**
###### tags: `guide` `open-source` `theme` `linux`

---
An awesome theme for Ubuntu fans. Bored of Gnome themes? Not anymore!
presenting you the Ubuntu 18.04 Theming exclusively by me `^_^`. I have also provided themes and extensions for shell and vscode to maximise the productivity.
I follow my three rules of designing.
- *Dark Mode*
- *Minimal and clean*
- *Intutive and legible*

### Table of content
[TOC]

- *[Update: 13th Oct. 2020] - This documentation consists only about 30% of my theming. I will try to update it as soon as I m free*
- *[Update: 20th Oct. 2020] - Thanks opensource community to correct my speelings*

**HANDY TIP**: Right click and open image in new tab to see screenshots provided below in high resolution

## Sample Screenshots





## Pre-requsites

- Ubuntu 18.04
- Internet
- Creative Brain is must!

## Wallpapers
- I currently have subscription of BackDrops which is available on play store. [LINK](https://play.google.com/store/apps/details?id=com.backdrops.wallpapers&hl=en_IN)
- The skull image can be download from that app itself.
- If you want you can use any dark wallpaper which has purple colour or blue colour.

## Gnome-tweak tools

- A must install for everyone for customization. Includes a loads of extensions as well
`sudo apt-get install gnome-tweaks`
- Install gnome shell extenstions
`sudo apt install gnome-shell-extensions`
- Install [Gnome chrome extension](https://chrome.google.com/webstore/detail/gnome-shell-integration/gphhapmejobijbbhgpjhcjognlahblep). Available for firefox as well.

### Gnome-tweaks extensions

- [Dynamic Top Bar](https://extensions.gnome.org/extension/885/dynamic-top-bar/) - Make the top bar transparent or bring out the gradient effect!
- [Dash to Dock](https://extensions.gnome.org/extension/307/dash-to-dock/) - Make a MacBook style dock in bottom. Looks sick:smiley:right?

### Gnome-tweaks Themes
- Application theme
- Arc-theme (My choice right now) - [Link](https://www.howtogeek.com/358049/how-to-install-desktop-themes-on-ubuntu-18.04-lts/)
`sudo apt install arc-theme`
- Ant theme - Quite good! [Link](https://www.gnome-look.org/p/1099856/)
- Icon Pack:
- Paper Icons (Papyrus dark): [Link](https://itsfoss.com/install-paper-theme-linux/)
- Cursor
- DMZ White- You dont want invisible black cursor!

**HANDY TIP**: You can colour folders according to ur preference. Use Folder colour. Istallation instruction here [Here](https://www.omgubuntu.co.uk/change-folder-color-ubuntu)


## Shell
- Use ohmyzsh. Installation instructions [here](https://github.com/ohmyzsh/ohmyzsh)
- Show cool stats using `neofetch`
`sudo apt install neofetch`
- You can also use fish shell (Old is gold!): https://fishshell.com/

### Shell themes
- ZSH has a lot of theme customization inbuilt. I use the default one due to it's simplicity
- Apply another theme on top of ZSH theme. [Mayccoll/Gogh](https://github.com/Mayccoll/Gogh) has an amazing content of themes!
- Visit here https://mayccoll.github.io/Gogh/ for more!
- My personal favourite is Dracula theme
- To sum up I have zsh theme as default + Dracula theme
- Did additional custom colour theming. Have a look here

### Shell extensions
- I use max 6 extensions at a time due to performance issue
- I use autocomplete, git, auto predict, etc (To be updated soon)
- I use https://github.com/nvbn/thefuck corrector as well. The Fuck is a magnificent app, that corrects errors in previous console commands.

## Vscode

### Theme
- Amazing theme of Monkai Pro: https://monokai.pro/


- Dracula Official theme: This will match with the whole themeing of the Ubuntu did here


### Extensions

I am enlisting some of my extensions name which i use frequently. Also adding one line of description that suits the extension best (not exhaustive!)

- **Python** - Compulsory for python users
- **Live server** - Edit your website with realtime live local hosting
- **Markdown all in one** - Add super power to your MD editing skills
- **michelemelluso.gitignore** - Quickly add files in gitignore by rightclick
- **Live Share** - enables you to collaboratively edit and debug with others in real time
- **Excel Viewer** - Rich viewing of xls, csv, tsv, etc files
- **vscode-pdf** - View pdf in Vscode
- **Pylance** - Productivity tool for python user
- **Bracket Pair Colorizer** - allows matching brackets to be identified with colours.
- **Git History** - Show your history and
- **Git Lense** - Seamlessly navigate and explore Git repos
- **IntelliSense for CSS class names in HTML**
- **Docker** - Docker support for vscode
- **Better Comments** - Nice formatting of your codes
- **Discord Presence** - Show that you are editing in vscode to your discord community

Dont overload vscode with too many heavy extensions, otherwise performance may drop. Balance is important!

### Helpful stuffs

- For ubuntu run the below command once to add a "Open with Code" right click option

    wget -qO- https://raw.githubusercontent.com/cra0zy/code-nautilus/master/install.sh | bash

- Sometimes you need to convert iPython notebooks to pdf/html format using vscode. Just run below commands. Reference: https://nbconvert.readthedo.

    pip install nbconvert
    sudo apt-get install pandoc
    sudo apt-get install texlive-xetex texlive-fonts-recommended texlive-generic-recommended

## Contributer

- **Rohit Lal** - https://rohitlal.net

### Note
- Do let me know if you have any other ideas. I will be happy to add it. You are free to do anything with this theme, but do give credits :smiley:.
- Reach out to me if you loved the theme :smile_cat:
- Sublime was my first love so will add its extensions as well very soon! ;)

## Badges

[](https://forthebadge.com) [](https://forthebadge.com) [](https://forthebadge.com)

[](https://forthebadge.com) [](https://forthebadge.com) [](https://forthebadge.com)