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)"

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

view in CSS

view in TypeScript

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!