Skip to content

Dark syntax theme for vs code with optimal support for the lit-html extension

Notifications You must be signed in to change notification settings

innerdesign/phoenix-dark

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Phœnix Dark

There's a newer (BETTER!) version:

VS Code theme with a minimal color palette, focused on values

Successor of the 'simple-focus' theme, with a more uniform color palette.

  • All value types have the same vivid color;
  • Colors for keywords / control characters / ponctuation etc. are muted;
  • Optimised to work with the lit-html extension (js in html in js...).

HTML colors are different / contrasting with JS colors so when both languages are mixed in string template literals they are clearly distinct.

Javascript, Javascript + HTML (lit-html)

js demo

Almost there: note that in the last example the deepest div is not correctly highlighted as HTML, but as a normal string. Not sure whether this depends on the lit-html extension or the language services... Hopefully this should be adressed soon!

HTML / PUG

html screenshot

pug screenshot

CSS

css screenshot

About

Dark syntax theme for vs code with optimal support for the lit-html extension

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published