Caffe Crema

Color themes

• 

  Caffe Crema Dark

• 

  Caffe Crema Light

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

• activityBar.activeBorder#624337
• activityBar.background#864a06a8
• activityBar.foreground#3B2E2E
• activityBarBadge.background#824a01
• activityBarBadge.foreground#ece8e4
• badge.background#B85C38
• badge.foreground#FDF8F3
• button.background#B85C38
• button.foreground#FDF8F3
• button.hoverBackground#D16F4A
• dropdown.background#FDF8F3
• dropdown.listBackground#F4EAE0
• editor.background#FDF8F3
• editor.foreground#3B2E2E
• editor.inactiveSelectionBackground#f18f532b
• editor.lineHighlightBackground#f5d2c1
• editor.selectionBackground#85370666
• editor.wordHighlightBackground#E6D2C633
• editor.wordHighlightStrongBackground#E6D2C655
• editorBracketMatch.background#F4EAE0
• editorBracketMatch.border#B85C3888
• editorCursor.foreground#b53004
• editorGutter.addedBackground#669966
• editorGutter.deletedBackground#C55353
• editorGutter.modifiedBackground#D9A441
• editorIndentGuide.activeBackground1#B9A79D
• editorIndentGuide.background1#E0D6CE
• editorLineNumber.activeForeground#B85C38
• editorLineNumber.foreground#B9A79D
• gitDecoration.addedResourceForeground#669966
• gitDecoration.conflictingResourceForeground#C55353
• gitDecoration.deletedResourceForeground#C55353
• gitDecoration.modifiedResourceForeground#D9A441
• gitDecoration.untrackedResourceForeground#669966
• list.activeSelectionBackground#E6D2C6
• list.activeSelectionForeground#3B2E2E
• list.focusBackground#E6D2C6
• list.focusForeground#3B2E2E
• list.focusOutline#C9A074
• list.hoverBackground#F4EAE0
• list.hoverForeground#3B2E2E
• list.inactiveSelectionBackground#EFE6DD
• notificationCenterHeader.background#EFE6DD
• notifications.background#FDF8F3
• notifications.foreground#3B2E2E
• panel.background#FDF8F3
• panel.border#E0D6CE
• panelTitle.activeForeground#3B2E2E
• scrollbarSlider.activeBackground#0000003D
• scrollbarSlider.background#62400d5a
• scrollbarSlider.hoverBackground#00000033
• sideBar.background#efe3d3
• sideBar.border#f07d1e
• sideBar.foreground#3B2E2E
• sideBarSectionHeader.background#bf691343
• sideBarTitle.foreground#647506
• statusBar.background#956032a8
• statusBar.debuggingBackground#B85C38
• statusBar.debuggingForeground#FDF8F3
• statusBar.foreground#3B2E2E
• tab.activeBackground#FDF8F3
• tab.activeForeground#3B2E2E
• tab.border#E0D6CE
• tab.inactiveBackground#F4EAE0
• tab.inactiveForeground#B9A79D
• terminal.ansiBlack#5A4747
• terminal.ansiBlue#6688AA
• terminal.ansiCyan#669999
• terminal.ansiGreen#669966
• terminal.ansiMagenta#996699
• terminal.ansiRed#C55353
• terminal.ansiWhite#3B2E2E
• terminal.ansiYellow#D9A441
• terminal.background#FDF8F3
• terminal.foreground#3B2E2E
• titleBar.activeBackground#9e856c
• titleBar.activeForeground#3B2E2E
• titleBar.inactiveBackground#F7F1EB
• titleBar.inactiveForeground#B9A79D

tokenColors

TextMate scopes and font styles (syntax highlighting rules).