Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Coffee Dark ThemeNew to Visual Studio Code? Get it now.

Coffee Dark Theme

SkyRider

|
57 installs
| (0) | Free
Inspirate in the product coffee + Color Material ...
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Coffee Color Dark Syntax

Is a Theme inspirate in the product coffee + Color Material ... The theme is designed for a dark cool color in html, css, TS, JS, dart ... md, json, etc

*Note important: fixed guide "Installation (theme base.css)"

theme preview

view in New v.0.1.1

  • fixed color/background statusbar bottom
  • fixed windows title and window-appicon (- D X)
  • fixed/change color vscode
  • fixed color search select
  • fixed color count errors

Installation (theme base.css)

  1. Open the Extensions in VS Code. View → Extensions or (win: CTRL + Shift + X or mac: ⌘ + ⇧ + X)

  2. Search for Coffee-Color-Dark-Syntax

  3. Click install this theme

  4. Open the Extensions in VS Code. View → Extensions or (win: CTRL + Shift + X or mac: ⌘ + ⇧ + X)

  5. Search for Custom CSS and JS Loader

  6. install Extensions Custom CSS and JS Loader

  7. Read the extension details/guide or

  8. Open the Command Palette (Ctrl+Shift+P) and find settings.json or with name Preferences: Open Settings (JSON). Rewrite link the CSS file from this extension in your vscode settings.json:

      On Mac it might look something like the snippet below:

   "vscode_custom_css.imports": [
      "file:///Users/<your_user_name>/.vscode/extensions/color-syntax.coffee-color-dark-0.1.1/themes/base.css"
   ]

      Windows might resemble:

"vscode_custom_css.imports": [
   "file:///C:/Users/<your_user_name>/.vscode/extensions/color-syntax.coffee-color-dark-0.1.1/themes/base.css"
]

      (note): Change <your_user_name>, to know use in terminal query user or net user (in windows) and whoami (in mac)

      9. Open the Command Palette (Ctrl+Shift+P) and find/Activate/click the Enable Custom CSS and JS Loader

Suggestions

  • Suggestions are accepted for design theme Material Color (Dark) in Contact more info ...

  • Version Mode dark: Material Color (dark) in https://github.com/FredPizarro/coffee-color-dark-syntax/

  • Versions and Comment/bugs in https://github.com/FredPizarro/coffee-color-dark-syntax/issues

Images

view in html

HTML

view in CSS

HTML

view in TypeScript

HTML

Manual mode

Clone a copy of the repo:


git clone https://github.com/FredPizarro/coffee-color-dark-syntax.git

in you location .vscode/extensions/ under your user directory.

Depending on your platform, this folder is located here:

  • Windows %USERPROFILE%/

  • Mac $HOME/Library/Application Support/

  • Linux $HOME/.config/

As this location is under your user directory, the content is persisted across Code updates.

Contacts

More contributions and suggestions in the theme to:

  • E-mail: Freddy_ps_3@hotmail.com

  • Twitter: https://twitter.com/Fred_Pizarro

Copyright © 2018-2021 MIT License by Fred Pizarro.

Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2019 Microsoft