-
Notifications
You must be signed in to change notification settings - Fork 209
/
dracula.yml
1135 lines (992 loc) · 52.2 KB
/
dracula.yml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
$schema: vscode://schemas/color-theme
name: Dracula
author: Zeno Rocha
maintainers:
- Derek P Sifford <[email protected]>
semanticClass: theme.dracula
semanticHighlighting: true
dracula:
base:
- &BG '#282A36'
- &FG '#F8F8F2'
- &SELECTION '#44475A'
- &COMMENT '#6272A4'
- &CYAN '#8BE9FD'
- &GREEN '#50FA7B'
- &ORANGE '#FFB86C'
- &PINK '#FF79C6'
- &PURPLE '#BD93F9'
- &RED '#FF5555'
- &YELLOW '#F1FA8C'
ansi:
- &COLOR0 '#21222C'
- &COLOR1 '#FF5555'
- &COLOR2 '#50FA7B'
- &COLOR3 '#F1FA8C'
- &COLOR4 '#BD93F9'
- &COLOR5 '#FF79C6'
- &COLOR6 '#8BE9FD'
- &COLOR7 '#F8F8F2'
- &COLOR8 '#6272A4'
- &COLOR9 '#FF6E6E'
- &COLOR10 '#69FF94'
- &COLOR11 '#FFFFA5'
- &COLOR12 '#D6ACFF'
- &COLOR13 '#FF92DF'
- &COLOR14 '#A4FFFF'
- &COLOR15 '#FFFFFF'
brightOther:
# Temporary (awaiting fix)
- &TEMP_QUOTES '#E9F284'
- &TEMP_PROPERTY_QUOTES '#8BE9FE'
other:
- &LineHighlight '#44475A75'
- &NonText '#FFFFFF1A'
- &WHITE '#FFFFFF'
- &TAB_DROP_BG '#44475A70'
# UI Variants
- &BGLighter '#424450'
- &BGLight '#343746' # HSV (230 , 25.71, 27.45)
- &BGDark '#21222C' # HSV (234.55, 25 , 17.25)
- &BGDarker '#191A21' # HSV (234.55, 25 , 13 )
# User Interface (more info: https://code.visualstudio.com/docs/getstarted/theme-color-reference)
colors:
# Integrated Terminal Colors
terminal.background: *BG
terminal.foreground: *FG
terminal.ansiBrightBlack: *COLOR8
terminal.ansiBrightRed: *COLOR9
terminal.ansiBrightGreen: *COLOR10
terminal.ansiBrightYellow: *COLOR11
terminal.ansiBrightBlue: *COLOR12
terminal.ansiBrightMagenta: *COLOR13
terminal.ansiBrightCyan: *COLOR14
terminal.ansiBrightWhite: *COLOR15
terminal.ansiBlack: *COLOR0
terminal.ansiRed: *COLOR1
terminal.ansiGreen: *COLOR2
terminal.ansiYellow: *COLOR3
terminal.ansiBlue: *COLOR4
terminal.ansiMagenta: *COLOR5
terminal.ansiCyan: *COLOR6
terminal.ansiWhite: *COLOR7
# Contrast Colors
contrastBorder: # An extra border around elements to separate them from others for greater contrast
contrastActiveBorder: # An extra border around active elements to separate them from others for greater contrast
# Base Colors
focusBorder: *COMMENT # Overall border color for focused elements. This color is only used if not overridden by a component
foreground: *FG # Overall foreground color. This color is only used if not overridden by a component
widget.shadow: # Shadow color of widgets such as Find/Replace inside the editor
selection.background: *PURPLE # Background color of text selections in the workbench (for input fields or text areas, does not apply to selections within the editor and the terminal)
errorForeground: *RED # Overall foreground color for error messages (this color is only used if not overridden by a component)
# Button Control
button.background: *SELECTION # Button background color
button.foreground: *FG # Button foreground color
button.border: # Button border color
button.hoverBackground: # Button background color when hovering
button.secondaryBackground: *BG # Secondary button background color.
button.secondaryForeground: *FG # Secondary button foreground color.
button.secondaryHoverBackground: *BGLight # Secondary button background color when hovering.
# Dropdown Control
dropdown.background: *BGLight # Dropdown background
dropdown.border: *BGDarker # Dropdown border
dropdown.foreground: *FG # Dropdown foreground
# Input Control
input.background: *BG # Input box background
input.foreground: *FG # Input box foreground
input.border: *BGDarker # Input box border
input.placeholderForeground: *COMMENT # Input box foreground color for placeholder text
inputOption.activeBorder: *PURPLE # Border color of activated options in input fields
inputValidation.infoForeground: # Input validation foreground color for information severity
inputValidation.infoBackground: # Input validation background color for information severity
inputValidation.infoBorder: *PINK # Input validation border color for information severity
inputValidation.warningForeground: # Input validation foreground color for warning severity
inputValidation.warningBackground: # Input validation background color for information warning
inputValidation.warningBorder: *ORANGE # Input validation border color for warning severity
inputValidation.errorForeground: # Input validation foreground color for error severity
inputValidation.errorBackground: # Input validation background color for error severity
inputValidation.errorBorder: *RED # Input validation border color for error severity
# Scroll Bar Control
scrollbar.shadow: # Scroll Bar shadow to indicate that the view is scrolled
scrollbarSlider.activeBackground: # Slider background color when active
scrollbarSlider.background: # Slider background color
scrollbarSlider.hoverBackground: # Slider background color when hovering
# Badge
badge.foreground: *FG # Badge foreground color
badge.background: *SELECTION # Badge background color
# Progress Bar
progressBar.background: *PINK # Background color of the progress bar shown for long running operations
# List & Trees
list.activeSelectionBackground: *SELECTION # List/Tree background color for the selected item when the list/tree is active
list.activeSelectionForeground: *FG # List/Tree foreground color for the selected item when the list/tree is active
list.dropBackground: *SELECTION # List/Tree drag and drop background when moving items around using the mouse
list.focusBackground: *LineHighlight # List/Tree background color for the focused item when the list/tree is active
list.highlightForeground: *CYAN # List/Tree foreground color of the match highlights when searching inside the list/tree
list.hoverBackground: *LineHighlight # List/Tree background when hovering over items using the mouse
list.inactiveSelectionBackground: *LineHighlight # List/Tree background color for the selected item when the list/tree is inactive
list.inactiveSelectionForeground: # List/Tree foreground color for the selected item when the list/tree is inactive. An active list/tree has keyboard focus, an inactive does not
list.warningForeground: *ORANGE # Color of warning decorations in the explorer
list.errorForeground: *RED # Color of error decorations in the explorer
list.hoverForeground: # List/Tree foreground when hovering over items using the mouse
list.focusForeground: # List/Tree foreground color for the focused item when the list/tree is active. An active list/tree has keyboard focus, an inactive does not
# Activity Bar
activityBar.background: *BGLight # Activity Bar background color
activityBar.inactiveForeground: *COMMENT # Activity bar item foreground color when it is inactive
activityBar.dropBackground: # Drag and drop feedback color for the Activity Bar items
activityBar.foreground: *FG # Activity bar foreground color (for example used for the icons)
activityBar.border: # Activity Bar border color with the Side Bar
activityBar.activeBorder: !alpha [*PINK, 80] # Activity Bar indicator color
activityBar.activeBackground: !alpha [*PURPLE, 10] # Activity Bar indicator background color
activityBarBadge.background: *PINK # Activity notification badge background color
activityBarBadge.foreground: *FG # Activity notification badge foreground color
# Side Bar
sideBar.background: *BGDark # Side Bar background color
sideBar.foreground: # Side Bar foreground color. The Side Bar is the container for views like Explorer and Search
sideBar.border: # Side Bar border color on the side separating the editor
sideBarTitle.foreground: *FG # Side Bar title foreground color
sideBarSectionHeader.background: *BG # Side Bar section header background color
sideBarSectionHeader.foreground: # Side Bar section header foreground color
sideBarSectionHeader.border: *BGDarker # Side bar section header border color
# Editor Group & Tabs
editorGroup.background: # Background color of an editor group. The background color shows up when dragging editor groups around
editorGroup.border: *PURPLE # Color to separate multiple editor groups from each other
editorGroup.dropBackground: *TAB_DROP_BG # Background color when dragging editors around
editorGroupHeader.noTabsBackground: # Background color of the editor group title header when Tabs are disabled
editorGroupHeader.tabsBackground: *BGDarker # Background color of the Tabs container
editorGroupHeader.tabsBorder: # Border color of the editor group title header when tabs are enabled. Editor groups are the containers of editors
tab.activeBackground: *BG # Active Tab background color
tab.activeForeground: *FG # Active Tab foreground color in an active group
tab.border: *BGDarker # Border to separate Tabs from each other
tab.activeBorderTop: !alpha [*PINK, 80] # A border drawn to the top of the active tab
tab.activeBorder: # A border drawn to the bottom of the active tab
tab.unfocusedActiveBorder: # A border drawn to the bottom of the active tab in an editor group that is not focused
tab.inactiveBackground: *BGDark # Inactive Tab background color
tab.inactiveForeground: *COMMENT # Inactive Tab foreground color in an active group
tab.unfocusedActiveForeground: # Active tab foreground color in an inactive editor group
tab.unfocusedInactiveForeground: # Inactive tab foreground color in an inactive editor group
# Editor Colors
editor.foreground: *FG
editor.background: *BG
editorLineNumber.foreground: *COMMENT
editorCursor.foreground:
editor.selectionBackground: *SELECTION # Color of the editor selection
editor.selectionHighlightBackground: *BGLighter # Color for regions with the same content as the selection
editor.inactiveSelectionBackground: # Color of the selection in an inactive editor
editor.foldBackground: !alpha [ *BGDark, 80 ] # Background color for folded ranges
editor.wordHighlightBackground: !alpha [ *CYAN, 50 ] # Background color of a symbol during read-access, for example when reading a variable
editor.wordHighlightStrongBackground: !alpha [ *GREEN, 50 ] # Background color of a symbol during write-access, for example when writing to a variable
editor.findMatchBackground: !alpha [ *ORANGE, 80 ]
editor.findMatchHighlightBackground: !alpha [ *WHITE, 40 ] # Color of the other search matches
editor.findRangeHighlightBackground: *LineHighlight # Color the range limiting the search
editor.hoverHighlightBackground: !alpha [*CYAN, 50] # Highlight below the word for which a hover is shown
editor.lineHighlightBackground: # Background color for the highlight of line at the cursor position
editor.lineHighlightBorder: *SELECTION # Background color for the border around the line at the cursor position
editorLink.activeForeground: *CYAN # Color of active links
editor.rangeHighlightBackground: !alpha [ *PURPLE, 15 ] # Background color of highlighted ranges, like by Quick Open and Find features
editor.snippetTabstopHighlightBackground: *BG # Highlight background color of a snippet tabstop
editor.snippetTabstopHighlightBorder: *COMMENT # Highlight border color of a snippet tabstop
editor.snippetFinalTabstopHighlightBackground: *BG # Highlight background color of the final tabstop of a snippet
editor.snippetFinalTabstopHighlightBorder: *GREEN # Highlight border color of the final tabstop of a snippet
editorWhitespace.foreground: *NonText # Color of whitespace characters in the editor
editorIndentGuide.background: *NonText # Color of the editor indentation guides
editorIndentGuide.activeBackground: !alpha [ *WHITE, 45] # Color of the active indentation guide
editorRuler.foreground: *NonText # Color of the editor rulers
editorCodeLens.foreground: *COMMENT # Foreground color of an editor CodeLens
# NOTE: These are not set because they tend to be highly contested from
# person to person. Thus, setting these is probably better suited
# for workbench.colorCustomizations in User Settings
editorBracketMatch.background: # Background color behind matching brackets
editorBracketMatch.border: # Color for matching brackets boxes
editorBracketHighlight.foreground1: *FG # Color of first pair of brackets
editorBracketHighlight.foreground2: *PINK # Color of second pair of brackets
editorBracketHighlight.foreground3: *CYAN # Color of third pair of brackets
editorBracketHighlight.foreground4: *GREEN # Color of fourth pair of brackets
editorBracketHighlight.foreground5: *PURPLE # Color of fifth pair of brackets
editorBracketHighlight.foreground6: *ORANGE # Color of sixth pair of brackets
editorBracketHighlight.unexpectedBracket.foreground: *RED # Color of bracket matching error
editorOverviewRuler.border: *BGDarker # Color of the overview ruler border
editorOverviewRuler.findMatchForeground:
editorOverviewRuler.rangeHighlightForeground:
editorOverviewRuler.selectionHighlightForeground: *ORANGE
editorOverviewRuler.wordHighlightForeground: *CYAN
editorOverviewRuler.wordHighlightStrongForeground: *GREEN
editorOverviewRuler.modifiedForeground: !alpha [ *CYAN, 80 ]
editorOverviewRuler.addedForeground: !alpha [ *GREEN, 80 ]
editorOverviewRuler.deletedForeground: !alpha [ *RED, 80 ]
editorOverviewRuler.errorForeground: !alpha [ *RED, 80 ]
editorOverviewRuler.warningForeground: !alpha [ *ORANGE, 80 ]
editorOverviewRuler.infoForeground: !alpha [ *CYAN, 80 ]
editorError.foreground: *RED # Foreground color of error squigglies in the editor
editorError.border: # Border color of error squigglies in the editor
editorWarning.foreground: *CYAN # Foreground color of warning squigglies in the editor
editorWarning.border: # Border color of warning squigglies in the editor
editorGutter.background: # Background color of the editor gutter
editorGutter.modifiedBackground: !alpha [ *CYAN, 80 ] # Editor gutter background color for lines that are modified
editorGutter.addedBackground: !alpha [ *GREEN, 80 ] # Editor gutter background color for lines that are added
editorGutter.deletedBackground: !alpha [ *RED, 80 ] # Editor gutter background color for lines that are deleted
# Explorer Colors
gitDecoration.modifiedResourceForeground: *CYAN
gitDecoration.deletedResourceForeground: *RED
gitDecoration.untrackedResourceForeground: *GREEN
gitDecoration.ignoredResourceForeground: *COMMENT
gitDecoration.conflictingResourceForeground: *ORANGE
# Diff Editor Colors
diffEditor.insertedTextBackground: !alpha [ *GREEN, 20 ] # Background color for inserted text
diffEditor.insertedTextBorder: # Outline color for inserted text
diffEditor.removedTextBackground: !alpha [ *RED, 50 ] # Background color for removed text
diffEditor.removedTextBorder: # Outline color for removed text
inlineChat.regionHighlight: *BGLight # Background color for the inline chat diff region
# Editor Widget Colors
editorWidget.background: *BGDark # Background color of editor widgets, such as Find/Replace
editorWidgetBorder: # Border color of the editor widget unless the widget does not contain a border or defines its own border color
editorSuggestWidget.background: *BGDark # Background color of the suggestion widget
editorSuggestWidget.border: # Border color of the suggestion widget
editorSuggestWidget.foreground: *FG # Foreground color of the suggestion widget
editorSuggestWidget.highlightForeground: # Color of the match highlights in the suggestion widget
editorSuggestWidget.selectedBackground: *SELECTION # Background color of the selected entry in the suggestion widget
editorHoverWidget.background: *BG # Background color of the editor hover
editorHoverWidget.border: *COMMENT # Border color of the editor hover
debugExceptionWidget.background: # Exception widget background color
debugExceptionWidget.border: # Exception widget border color
editorMarkerNavigation.background: *BGDark # Editor marker navigation widget background
editorMarkerNavigationError.background: # Editor marker navigation widget error color
editorMarkerNavigationWarning.background: # Editor marker navigation widget warning color
# Peek View Colors
peekView.border: *SELECTION # Color of the peek view borders and arrow
peekViewEditor.background: *BG # Background color of the peek view editor
peekViewEditorGutter.background: # Background color of the gutter in the peek view editor
peekViewEditor.matchHighlightBackground: !alpha [ *YELLOW, 80 ] # Match highlight color in the peek view editor
peekViewResult.background: *BGDark # Background color of the peek view result list
peekViewResult.fileForeground: *FG # Foreground color for file nodes in the peek view result list
peekViewResult.lineForeground: *FG # Foreground color for line nodes in the peek view result list
peekViewResult.matchHighlightBackground: !alpha [ *YELLOW, 80 ] # Match highlight color in the peek view result list
peekViewResult.selectionBackground: *SELECTION # Background color of the selected entry in the peek view result list
peekViewResult.selectionForeground: *FG # Foreground color of the selected entry in the peek view result list
peekViewTitle.background: *BGDarker # Background color of the peek view title area
peekViewTitleDescription.foreground: *COMMENT # Color of the peek view title info
peekViewTitleLabel.foreground: *FG # Color of the peek view title
# Merge Conflicts
merge.currentHeaderBackground: !alpha [ *GREEN, 90 ] # Current header background in inline merge conflicts
merge.currentContentBackground: # Current content background in inline merge conflicts
merge.incomingHeaderBackground: !alpha [ *PURPLE, 90 ] # Incoming header background in inline merge conflicts
merge.incomingContentBackground: # Incoming content background in inline merge conflicts
merge.border: # Border color on headers and the splitter in inline merge conflicts
editorOverviewRuler.currentContentForeground: *GREEN # Current overview ruler foreground for inline merge conflicts
editorOverviewRuler.incomingContentForeground: *PURPLE # Incoming overview ruler foreground for inline merge conflicts
# Panel Colors
panel.background: *BG # Panel background color
panel.border: *PURPLE # Panel border color on the top separating to the editor
panelTitle.activeBorder: *PINK # Border color for the active panel title
panelTitle.activeForeground: *FG # Title color for the active panel
panelTitle.inactiveForeground: *COMMENT # Title color for the inactive panel
# Status Bar Colors
statusBar.background: *BGDarker # Standard Status Bar background color
statusBar.foreground: *FG # Status Bar foreground color
statusBar.debuggingBackground: *RED # Status Bar background color when a program is being debugged
statusBar.debuggingForeground: *BGDarker # Status Bar foreground color when a program is being debugged
statusBar.noFolderBackground: *BGDarker # Status Bar foreground color when no folder is opened
statusBar.noFolderForeground: *FG # Status Bar background color when no folder is opened
statusBarItem.activeBackground: # Status Bar item background color when clicking
statusBarItem.hoverBackground: # Status Bar item background color when hovering
statusBarItem.prominentBackground: *RED # Status Bar prominent items background color. Prominent items stand out from other Status Bar entries to indicate importance
statusBarItem.prominentHoverBackground: *ORANGE # Status Bar prominent items background color when hovering. Prominent items stand out from other Status Bar entries to indicate importance
statusBarItem.remoteForeground: *BG # Background color for the remote indicator on the status bar
statusBarItem.remoteBackground: *PURPLE # Foreground color for the remote indicator on the status bar
statusBar.border:
# Title Bar Colors (MacOS Only)
titleBar.activeBackground: *BGDark # Title Bar background when the window is active
titleBar.activeForeground: *FG # Title Bar foreground when the window is active
titleBar.inactiveBackground: *BGDarker # Title Bar background when the window is inactive
titleBar.inactiveForeground: *COMMENT # Title Bar foreground when the window is inactive
# Extensions
extensionButton.prominentForeground: *FG # Extension view button foreground color (for example Install button)
extensionButton.prominentBackground: !alpha [ *GREEN, 90 ] # Extension view button background color
extensionButton.prominentHoverBackground: !alpha [ *GREEN, 60 ] # Extension view button background hover color
# Quick Picker
pickerGroup.border: *PURPLE # Quick picker (Quick Open) color for grouping borders
pickerGroup.foreground: *CYAN # Quick picker (Quick Open) color for grouping labels
# Debug
debugToolBar.background: *BGDark # Debug toolbar background color
# Welcome Page
welcomePage.buttonBackground: # Background color for the buttons on the Welcome page
welcomePage.buttonHoverBackground: # Hover background color for the buttons on the Welcome page
walkThrough.embeddedEditorBackground: *BGDark # Background color for the embedded editors on the Interactive Playground
# Setting Editor
settings.headerForeground: *FG # The foreground color for a section header or active title
settings.modifiedItemIndicator: *ORANGE # The color of the line that indicates a modified setting
settings.inactiveSelectedItemBorder: # The color of the selected setting row border, when the settings list does not have focus
settings.dropdownBackground: *BGDark # Dropdown background
settings.dropdownForeground: *FG # Dropdown foreground
settings.dropdownBorder: *BGDarker # Dropdown border
settings.checkboxBackground: *BGDark # Checkbox background
settings.checkboxForeground: *FG # Checkbox foreground
settings.checkboxBorder: *BGDarker # Checkbox border
settings.textInputBackground: *BGDark # Text input box background
settings.textInputForeground: *FG # Text input box foreground
settings.textInputBorder: *BGDarker # Text input box border
settings.numberInputBackground: *BGDark # Number input box background
settings.numberInputForeground: *FG # Number input box foreground
settings.numberInputBorder: *BGDarker # Number input box border
# Breadcrumbs
breadcrumb.foreground: *COMMENT # Color of breadcrumb items
breadcrumb.background: *BG
breadcrumb.focusForeground: *FG # Color of focused breadcrumb items
breadcrumb.activeSelectionForeground: *FG # Color of selected breadcrumb items
breadcrumbPicker.background: *BGDarker # Background color of breadcrumb item picker
# Misc
menu.separatorBackground: # Color of a separator menu item in menus
listFilterWidget.background: *BGLight # Background color of the type filter widget in lists and trees.
listFilterWidget.outline: *BGLighter # Outline color of the type filter widget in lists and trees.
listFilterWidget.noMatchesOutline: *RED # Outline color of the type filter widget in lists and trees, when there are no matches.
# Syntaxes
tokenColors:
# =============================================================================
# General
# =============================================================================
- scope:
- emphasis
settings:
fontStyle: italic
- scope:
- strong
settings:
fontStyle: bold
- scope:
- header
settings:
foreground: *PURPLE
# Diffs
# ======
- scope:
- meta.diff
- meta.diff.header
settings:
foreground: *COMMENT
- scope:
- markup.inserted
settings:
foreground: *GREEN
- scope:
- markup.deleted
settings:
foreground: *RED
- scope:
- markup.changed
settings:
foreground: *ORANGE
- scope:
- invalid
settings:
foreground: *RED
fontStyle: underline italic
- scope:
- invalid.deprecated
settings:
foreground: *FG
fontStyle: underline italic
- scope:
- entity.name.filename
settings:
foreground: *YELLOW
- scope:
- markup.error
settings:
foreground: *RED
# Markdown / RST / Prose
# ======================
- name: Underlined markup
scope:
- markup.underline
settings:
fontStyle: underline
- name: Bold markup
scope:
- markup.bold
settings:
fontStyle: bold
foreground: *ORANGE
- name: Markup headings
scope:
- markup.heading
settings:
fontStyle: bold
foreground: *PURPLE
- name: Markup italic
scope:
- markup.italic
settings:
foreground: *YELLOW
fontStyle: italic
- name: Bullets, lists (prose)
scope:
- beginning.punctuation.definition.list.markdown
- beginning.punctuation.definition.quote.markdown
- punctuation.definition.link.restructuredtext
settings:
foreground: *CYAN
- name: Inline code (prose)
scope:
- markup.inline.raw
- markup.raw.restructuredtext
settings:
foreground: *GREEN
- name: Links (prose)
scope:
- markup.underline.link
- markup.underline.link.image
settings:
foreground: *CYAN
- name: Link text, image alt text (prose)
scope:
- meta.link.reference.def.restructuredtext
- punctuation.definition.directive.restructuredtext
- string.other.link.description
- string.other.link.title
settings:
foreground: *PINK
- name: Blockquotes (prose)
scope:
- entity.name.directive.restructuredtext
- markup.quote
settings:
foreground: *YELLOW
fontStyle: italic
- name: Horizontal rule (prose)
scope:
- meta.separator.markdown
settings:
foreground: *COMMENT
- name: Code blocks
scope:
- fenced_code.block.language
- markup.raw.inner.restructuredtext
- markup.fenced_code.block.markdown punctuation.definition.markdown
settings:
foreground: *GREEN
- name: Prose constants
scope:
- punctuation.definition.constant.restructuredtext
settings:
foreground: *PURPLE
- name: Braces in markdown headings
scope:
- markup.heading.markdown punctuation.definition.string.begin
- markup.heading.markdown punctuation.definition.string.end
settings:
foreground: *PURPLE
- name: Braces in markdown paragraphs
scope:
- meta.paragraph.markdown punctuation.definition.string.begin
- meta.paragraph.markdown punctuation.definition.string.end
settings:
foreground: *FG
- name: Braces in markdown blockquotes
scope:
- markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.begin
- markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.end
settings:
foreground: *YELLOW
# =============================================================================
# Classes
# =============================================================================
- name: User-defined class names
scope:
- entity.name.type.class
- entity.name.class
settings:
foreground: *CYAN
fontStyle: normal
- name: this, super, self, etc.
scope:
- keyword.expressions-and-types.swift
- keyword.other.this
- variable.language
- variable.language punctuation.definition.variable.php # the "$" symbol in $this
- variable.other.readwrite.instance.ruby # ruby's "@" instance symbol
- variable.parameter.function.language.special # Special words as parameters
settings:
foreground: *PURPLE
fontStyle: italic
- name: Inherited classes
scope:
- entity.other.inherited-class
settings:
fontStyle: italic
foreground: *CYAN
# =============================================================================
# Comments
# =============================================================================
- name: Comments
scope:
- comment
- punctuation.definition.comment
- unused.comment
- wildcard.comment
settings:
foreground: *COMMENT
- name: JSDoc-style keywords
scope:
- comment keyword.codetag.notation
- comment.block.documentation keyword
- comment.block.documentation storage.type.class
settings:
foreground: *PINK
- name: JSDoc-style types
scope:
- comment.block.documentation entity.name.type
settings:
foreground: *CYAN
fontStyle: italic
- name: JSDoc-style type brackets
scope:
- comment.block.documentation entity.name.type punctuation.definition.bracket
settings:
foreground: *CYAN
- name: JSDoc-style comment parameters
scope:
- comment.block.documentation variable
settings:
foreground: *ORANGE
fontStyle: italic
# =============================================================================
# Constants
# =============================================================================
- name: Constants
scope:
- constant
- variable.other.constant
settings:
foreground: *PURPLE
- name: Constant escape sequences
scope:
- constant.character.escape
- constant.character.string.escape
- constant.regexp
settings:
foreground: *PINK
# =============================================================================
# Entities
# =============================================================================
- name: HTML tags
scope:
- entity.name.tag
settings:
foreground: *PINK
- name: CSS attribute parent selectors ('&')
scope:
- entity.other.attribute-name.parent-selector
settings:
foreground: *PINK
- name: HTML/CSS attribute names
scope:
- entity.other.attribute-name
settings:
foreground: *GREEN
fontStyle: italic
# =============================================================================
# Functions/Methods
# =============================================================================
- name: Function names
scope:
- entity.name.function
- meta.function-call.object
- meta.function-call.php
- meta.function-call.static
- meta.method-call.java meta.method
- meta.method.groovy
- support.function.any-method.lua
- keyword.operator.function.infix
settings:
foreground: *GREEN
- name: Function parameters
scope:
- entity.name.variable.parameter
- meta.at-rule.function variable # Sass function params
- meta.at-rule.mixin variable # Sass mixin params
- meta.function.arguments variable.other.php
- meta.selectionset.graphql meta.arguments.graphql variable.arguments.graphql
- variable.parameter
settings:
fontStyle: italic
foreground: *ORANGE
- name: Decorators
scope:
- meta.decorator variable.other.readwrite
- meta.decorator variable.other.property
settings:
foreground: *GREEN
fontStyle: italic
- name: Decorator Objects
scope:
- meta.decorator variable.other.object
settings:
foreground: *GREEN
# =============================================================================
# Keywords
# =============================================================================
- name: Keywords
scope:
- keyword
- punctuation.definition.keyword
settings:
foreground: *PINK
- name: Keyword "new"
scope:
- keyword.control.new
- keyword.operator.new
settings:
fontStyle: bold
- name: Generic selectors (CSS/SCSS/Less/Stylus)
scope:
- meta.selector
settings:
foreground: *PINK
# =============================================================================
# Language Built-ins
# =============================================================================
- name: Language Built-ins
scope:
- support
settings:
fontStyle: italic
foreground: *CYAN
- name: Built-in magic functions and constants
scope:
- support.function.magic
- support.variable
- variable.other.predefined
settings:
fontStyle: regular
foreground: *PURPLE
- name: Built-in functions / properties
scope:
- support.function
- support.type.property-name
settings:
fontStyle: regular
# =============================================================================
# Punctuation
# =============================================================================
- name: Separators (key/value, namespace, inheritance, pointer, hash, slice, etc)
scope:
- constant.other.symbol.hashkey punctuation.definition.constant.ruby
- entity.other.attribute-name.placeholder punctuation # Sass placeholder `%` symbols
- entity.other.attribute-name.pseudo-class punctuation
- entity.other.attribute-name.pseudo-element punctuation
- meta.group.double.toml
- meta.group.toml
- meta.object-binding-pattern-variable punctuation.destructuring
- punctuation.colon.graphql
- punctuation.definition.block.scalar.folded.yaml
- punctuation.definition.block.scalar.literal.yaml
- punctuation.definition.block.sequence.item.yaml
- punctuation.definition.entity.other.inherited-class
- punctuation.function.swift
- punctuation.separator.dictionary.key-value
- punctuation.separator.hash
- punctuation.separator.inheritance
- punctuation.separator.key-value
- punctuation.separator.key-value.mapping.yaml
- punctuation.separator.namespace
- punctuation.separator.pointer-access
- punctuation.separator.slice
- string.unquoted.heredoc punctuation.definition.string
- support.other.chomping-indicator.yaml
- punctuation.separator.annotation
settings:
foreground: *PINK
- name: Brackets, braces, parens, etc.
scope:
- keyword.operator.other.powershell # Commas
- keyword.other.statement-separator.powershell
- meta.brace.round
- meta.function-call punctuation
- punctuation.definition.arguments.begin
- punctuation.definition.arguments.end
- punctuation.definition.entity.begin
- punctuation.definition.entity.end
- punctuation.definition.tag.cs # HTML tags in comments
- punctuation.definition.type.begin
- punctuation.definition.type.end
- punctuation.section.scope.begin
- punctuation.section.scope.end
- punctuation.terminator.expression.php
- storage.type.generic.java
- string.template meta.brace
- string.template punctuation.accessor
settings:
foreground: *FG
- name: Variable interpolation operators
scope:
- meta.string-contents.quoted.double punctuation.definition.variable
- punctuation.definition.interpolation.begin
- punctuation.definition.interpolation.end
- punctuation.definition.template-expression.begin
- punctuation.definition.template-expression.end
- punctuation.section.embedded.begin
- punctuation.section.embedded.coffee
- punctuation.section.embedded.end
- punctuation.section.embedded.end source.php # PHP edge case
- punctuation.section.embedded.end source.ruby # Issue with ruby's tmLanguage
- punctuation.definition.variable.makefile
settings:
foreground: *PINK
# =============================================================================
# Serializable / Config Langages
# =============================================================================
- name: Keys (serializable languages)
scope:
- entity.name.function.target.makefile
- entity.name.section.toml
- entity.name.tag.yaml
- variable.other.key.toml
settings:
foreground: *CYAN
- name: Dates / timestamps (serializable languages)
scope:
- constant.other.date
- constant.other.timestamp
settings:
foreground: *ORANGE
- name: YAML aliases
scope:
- variable.other.alias.yaml
settings:
fontStyle: italic underline
foreground: *GREEN
# =============================================================================
# Storage
# =============================================================================
- name: Storage
scope:
- storage
- meta.implementation storage.type.objc
- meta.interface-or-protocol storage.type.objc
- source.groovy storage.type.def
settings:
fontStyle: regular
foreground: *PINK
- name: Types
scope:
- entity.name.type
- keyword.primitive-datatypes.swift
- keyword.type.cs
- meta.protocol-list.objc
- meta.return-type.objc
- source.go storage.type
- source.groovy storage.type
- source.java storage.type
- source.powershell entity.other.attribute-name
- storage.class.std.rust
- storage.type.attribute.swift
- storage.type.c
- storage.type.core.rust
- storage.type.cs
- storage.type.groovy
- storage.type.objc
- storage.type.php
- storage.type.haskell
- storage.type.ocaml
settings:
fontStyle: italic
foreground: *CYAN
- name: Generics, templates, and mapped type declarations
scope:
- entity.name.type.type-parameter
- meta.indexer.mappedtype.declaration entity.name.type # Mapped type declarations
- meta.type.parameters entity.name.type # Generic type declarations
settings:
foreground: *ORANGE
- name: Modifiers
scope:
- storage.modifier
settings:
foreground: *PINK
# =============================================================================
# RegExp
# =============================================================================
- name: RegExp string
scope:
- string.regexp
- constant.other.character-class.set.regexp
- constant.character.escape.backslash.regexp
settings:
foreground: *YELLOW
- name: Non-capture operators
scope:
# NOTE: The scope name is a misnomer. It is actually non-capture operators
- punctuation.definition.group.capture.regexp
settings:
foreground: *PINK
- name: RegExp start and end characters
scope:
- string.regexp punctuation.definition.string.begin
- string.regexp punctuation.definition.string.end
settings:
foreground: *RED
- name: Character group
scope:
- punctuation.definition.character-class.regexp
settings:
foreground: *CYAN
- name: Capture groups
scope:
- punctuation.definition.group.regexp
settings:
foreground: *ORANGE
- name: Assertion operators
scope:
- punctuation.definition.group.assertion.regexp
- keyword.operator.negation.regexp
settings:
foreground: *RED
- name: Positive lookaheads
scope:
- meta.assertion.look-ahead.regexp
settings:
foreground: *GREEN
# =============================================================================
# Strings
# =============================================================================
- name: Strings
scope:
- string
settings:
foreground: *YELLOW
- name: String quotes (temporary vscode fix)
scope:
# NOTE: This is a temporary fix for VSCode expand selection.
# See (https://github.com/Microsoft/vscode/issues/4795)
- punctuation.definition.string.begin
- punctuation.definition.string.end
settings:
foreground: *TEMP_QUOTES
- name: Property quotes (temporary vscode fix)
scope:
# NOTE: Same as above
- punctuation.support.type.property-name.begin
- punctuation.support.type.property-name.end
settings:
foreground: *TEMP_PROPERTY_QUOTES
- name: Docstrings
scope:
- string.quoted.docstring.multi
- string.quoted.docstring.multi.python punctuation.definition.string.begin