darkcit README
Warning: This theme extensions is mostly for my personal use.
subject to change without notice
Links
Ressources
Tips
- If you have a title bar (contains buttons like "file", "edit", "view") which doesn't fit the theme's background color I would recommend to set the title bar visibility to toggle or hidden
Happy Coding!
Colors
| color |
hex |
tailwind |
Element |
 |
#db2777 |
pink-600 |
invalid text |
 |
#ec4899 |
pink-500 |
variables (localStorage, console), import { something } |
 |
#f43f5e |
rose-500 |
sub-methods, language-methods, deleted (markup) |
 |
#f97316 |
orange-500 |
normal html tags (div, p, h1), styled markdown |
 |
#fdba74 |
orange-300 |
components (react; jsx, tsx), link anchor (markdown) |
 |
#f59e0b |
ember-500 |
HTML attributes |
 |
#eab308 |
yellow-500 |
numbers, values, function arguments, CSS values |
 |
#10b981 |
emerald-500 |
prominentButton, strings, symbols, inserted (markup), heading (markdown) |
 |
#7dd3fc |
sky-300 |
regex, escape characters, decorators, table (markdown) |
 |
#0ea5e9 |
sky-500 |
functions, methods, links (markdown) |
 |
#3b82f6 |
blue-500 |
types (typescript), CSS id |
 |
#8b5cf6 |
violet-500 |
control keywords (import, export, return), changed (markup) |
 |
#d946ef |
fuchsia-500 |
keywords (function, const, let) , CSS class, link description (markdown) |
 |
#f8fafc |
slate-50 |
variables, text, import something, CSS properties, plain markdown |
 |
#475569 |
slate-600 |
comments |
 |
#334155 |
slate-700 |
window borders (vscode) |
 |
#1d212f |
nA |
window background (vscode) |
 |
#ff5000 |
nA |
window accent color (vscode), buttons, debugging status bar, border of active element |
the keys of JSON are colored by level from blue to red
| |
