Anatolia Theme

Color themes

• 

  Anatolia Dark

• 

  Anatolia 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#f9826c
• activityBar.background#282A39
• activityBar.border#36384A
• activityBar.foreground#e1e4e8
• activityBar.inactiveForeground#6a737d
• activityBarBadge.background#0366d6
• activityBarBadge.foreground#fff
• badge.background#044289
• badge.foreground#c8e1ff
• breadcrumb.activeSelectionForeground#d1d5da
• breadcrumb.focusForeground#e1e4e8
• breadcrumb.foreground#959da5
• breadcrumbPicker.background#2C2E3E
• button.background#044289
• button.foreground#e1e4e8
• button.hoverBackground#044289
• checkbox.background#444d56
• checkbox.border#36384A
• debugToolBar.background#2C2E3E
• descriptionForeground#959da5
• diffEditor.insertedTextBackground#28a74530
• diffEditor.removedTextBackground#d73a4930
• dropdown.background#2f363d
• dropdown.border#36384A
• dropdown.foreground#e1e4e8
• dropdown.listBackground#282A39
• editor.background#282A39
• editor.findMatchBackground#ffd33d44
• editor.findMatchHighlightBackground#ffd33d22
• editor.focusedStackFrameHighlightBackground#b808
• editor.foldBackground#282e33
• editor.foreground#e1e4e8
• editor.inactiveSelectionBackground#3392FF22
• editor.lineHighlightBackground#2C2E3E
• editor.selectionBackground#3392FF44
• editor.selectionHighlightBackground#17E5E633
• editor.selectionHighlightBorder#17E5E600
• editor.stackFrameHighlightBackground#a707
• editor.wordHighlightBackground#17E5E600
• editor.wordHighlightBorder#17E5E699
• editor.wordHighlightStrongBackground#17E5E600
• editor.wordHighlightStrongBorder#17E5E666
• editorBracketHighlight.foreground1#9cd1bb
• editorBracketHighlight.foreground2#9cd1bb
• editorBracketHighlight.foreground3#9cd1bb
• editorBracketHighlight.foreground4#9cd1bb
• editorBracketHighlight.foreground5#9cd1bb
• editorBracketHighlight.foreground6#9cd1bb
• editorBracketMatch.background#17E5E650
• editorBracketMatch.border#17E5E600
• editorCursor.foreground#c8e1ff
• editorGroup.border#36384A
• editorGroupHeader.tabsBackground#282A39
• editorGroupHeader.tabsBorder#36384A
• editorGutter.addedBackground#28a745
• editorGutter.background#282A39
• editorGutter.deletedBackground#ea4a5a
• editorGutter.modifiedBackground#2188ff
• editorIndentGuide.activeBackground#444d56
• editorIndentGuide.background#2f363d
• editorLineNumber.activeForeground#e1e4e8
• editorLineNumber.foreground#444d56
• editorLink.activeForeground#ff657a
• editorOverviewRuler.border#36384A
• editorWhitespace.foreground#888d94
• editorWidget.background#282A39
• errorForeground#f97583
• focusBorder#005cc5
• foreground#d1d5da
• gitDecoration.addedResourceForeground#34d058
• gitDecoration.conflictingResourceForeground#ffab70
• gitDecoration.deletedResourceForeground#ea4a5a
• gitDecoration.ignoredResourceForeground#6a737d
• gitDecoration.modifiedResourceForeground#79b8ff
• gitDecoration.submoduleResourceForeground#6a737d
• gitDecoration.untrackedResourceForeground#34d058
• input.background#2f363d
• input.border#36384A
• input.foreground#e1e4e8
• input.placeholderForeground#959da5
• list.activeSelectionBackground#39414a
• list.activeSelectionForeground#e1e4e8
• list.focusBackground#044289
• list.hoverBackground#282e34
• list.hoverForeground#e1e4e8
• list.inactiveFocusBackground#1d2d3e
• list.inactiveSelectionBackground#282e34
• list.inactiveSelectionForeground#e1e4e8
• notificationCenterHeader.background#282A39
• notificationCenterHeader.foreground#959da5
• notifications.background#2f363d
• notifications.border#36384A
• notifications.foreground#e1e4e8
• notificationsErrorIcon.foreground#ea4a5a
• notificationsInfoIcon.foreground#79b8ff
• notificationsWarningIcon.foreground#ffab70
• panel.background#282A39
• panel.border#36384A
• panelInput.border#2f363d
• panelTitle.activeBorder#f9826c
• panelTitle.activeForeground#e1e4e8
• panelTitle.inactiveForeground#959da5
• peekViewEditor.background#282A3988
• peekViewEditor.matchHighlightBackground#ffd33d33
• peekViewResult.background#282A39
• peekViewResult.matchHighlightBackground#ffd33d33
• pickerGroup.border#444d56
• pickerGroup.foreground#e1e4e8
• progressBar.background#0366d6
• quickInput.background#282A39
• quickInput.foreground#e1e4e8
• scrollbar.shadow#0008
• scrollbarSlider.activeBackground#6a737d88
• scrollbarSlider.background#6a737d33
• scrollbarSlider.hoverBackground#6a737d44
• settings.headerForeground#e1e4e8
• settings.modifiedItemIndicator#0366d6
• sideBar.background#282A39
• sideBar.border#36384A
• sideBar.foreground#d1d5da
• sideBarSectionHeader.background#282A39
• sideBarSectionHeader.border#36384A
• sideBarSectionHeader.foreground#e1e4e8
• sideBarTitle.foreground#e1e4e8
• statusBar.background#282A39
• statusBar.border#36384A
• statusBar.debuggingBackground#931c06
• statusBar.debuggingForeground#fff
• statusBar.foreground#d1d5da
• statusBar.noFolderBackground#282A39
• statusBarItem.prominentBackground#282e34
• tab.activeBackground#282A39
• tab.activeBorder#282A39
• tab.activeBorderTop#f9826c
• tab.activeForeground#e1e4e8
• tab.border#36384A
• tab.hoverBackground#282A39
• tab.inactiveBackground#282A39
• tab.inactiveForeground#959da5
• tab.unfocusedActiveBorder#282A39
• tab.unfocusedActiveBorderTop#36384A
• tab.unfocusedHoverBackground#282A39
• terminal.foreground#d1d5da
• textBlockQuote.background#282A39
• textBlockQuote.border#444d56
• textCodeBlock.background#2f363d
• textLink.activeForeground#c8e1ff
• textLink.foreground#79b8ff
• textPreformat.foreground#d1d5da
• textSeparator.foreground#586069
• titleBar.activeBackground#282A39
• titleBar.activeForeground#e1e4e8
• titleBar.border#36384A
• titleBar.inactiveBackground#282A39
• titleBar.inactiveForeground#959da5
• tree.indentGuidesStroke#2f363d
• welcomePage.buttonBackground#2f363d
• welcomePage.buttonHoverBackground#444d56

tokenColors

TextMate scopes and font styles (syntax highlighting rules).