Try โ€‚โ€‰HackMD

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

  • [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

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More โ†’

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More โ†’

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More โ†’

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More โ†’

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More โ†’

Pre-requsites

  • Ubuntu 18.04
  • Internet
  • Creative Brain is must!

Wallpapers

  • I currently have subscription of BackDrops which is available on play store. LINK
  • 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. Available for firefox as well.

Gnome-tweaks extensions

  • Dynamic Top Bar - Make the top bar transparent or bring out the gradient effect!
  • Dash to Dock - Make a MacBook style dock in bottom. Looks sick:smiley:right?

Gnome-tweaks Themes

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More โ†’

  • Application theme
    • Arc-theme (My choice right now) - Link
      sudo apt install arc-theme
    • Ant theme - Quite good! Link
  • Icon Pack:
    • Paper Icons (Papyrus dark): Link
  • 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

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More โ†’

Shell

  • Use ohmyzsh. Installation instructions here
  • 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 has an amazing content of themes!
  • 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

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More โ†’

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

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More โ†’

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
    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More โ†’

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

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

forthebadge
forthebadge
forthebadge

forthebadge
forthebadge
forthebadge