G Dark-Theme

stonecoder

|
780 installs
| (0) | Free
Minimalistic Blue Whale vscode theme.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

G-dark Theme for Vscode

Atom Editor

G Dark thems for Atom

Optimized for PHP, Laval, Blade Template, Jinja, Python, HTML, CSS, JSON, Markdown and JS (Vanilla)

Please open an Issue if the themes don't display correctly for your languages Thanks.

Tested on macOS

Preview

Getting started

You can install this theme by downloading or cloning this repo or from vscode extensions website.

Installation

Launch Quick Open:

Linux Ctrl+P

Paste the following command and press Enter:

ext install g-dark theme

or from within VS Code by launching Quick Open and running the Install from VSIX... command.

Custom Settings

To get the most out of this them please add the following configuration:

  1. Download and install Haskling fonts Hasklig or JetBreains Mono
  2. Enable ligature in vscode setting or add to settings.json :
  "editor.fontLigatures": true,
  "editor.fontWeight": "600",
  "editor.fontSize": 14.5,
  "window.zoomLevel": 1,
  1. Install Indent-Rainbow

  • add this to settings.json:

      "indentRainbow.colors": [
    "rgba(16,16,16,0.10)",
    "rgba(16,16,16,0.20)",
    "rgba(16,16,16,0.30)",
    "rgba(16,16,16,0.35)",
    "rgba(16,16,16,0.40)",
    "rgba(16,16,16,0.45)",
    "rgba(16,16,16,0.50)",
    "rgba(16,16,16,0.55)",
    "rgba(16,16,16,0.60)",
    "rgba(16,16,16,0.65)",
    ],

4 Add the following to setting.json

    "editor.renderWhitespace": "selection",

5 Auto switch between dark and light theme (macOS only)

Install auto-darkmode

  • add the following to settings.json:
    "autoDarkMode.darkTheme": "G Dark",
    "autoDarkMode.lightTheme": "G Light",

6 For colored brackets

    "editor.fontWeight": "600",
    "bracketPairColorizer.forceUniqueOpeningColor":true,
    "bracketPairColorizer.forceIterationColorCycle":true,
    "bracketPairColorizer.colorMode":"Consecutive",
    "bracketPairColorizer.highlightActiveScope":true,
    "bracketPairColorizer.activeScopeCSS":[
        "borderStyle : solid",
        "borderWidth : 1px",
        "borderColor : {color}; opacity: 0.3",
        "backgroundColor : {color}"
    ],
    "editor.matchBrackets":"never",
    "bracketPairColorizer.showBracketsInGutter":true,
    "bracketPairColorizer.consecutivePairColors":[
        "()",
        "[]",
        "{}",
        ["<", "</"],
        ["<", "/>"],
        [
            "Gold",
            "Orchid",
            "LightSkyBlue",
            "#854442",
            "#08C08C"
        ],
        "Red"
    ],

From Vscode

  1. Open Extensions sidebar panel in VS Code. View → Extensions
  2. Search for g-dark
  3. Click Install to install it.
  4. A drop down list will appear.
  5. Select on of g-dark-default theme variants to preview
  6. Press Enter to activate the theme

Activate theme

Launch Quick Open:

Type theme, choose Preferences: Color Theme, and select one of the G-dark Theme variants from the list.

Happy coding

If you do like this theme, give it a rating G Dark-theme

All contribution are welcome

For any issues Issues.Thanks so much!