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#FAFAFA
• activityBar.border#bbbbbb
• activityBar.foreground#333333
• activityBar.inactiveForeground#999999
• activityBarBadge.background#0078d4
• activityBarBadge.foreground#ffffff
• badge.background#007acc
• badge.foreground#ffffff
• breadcrumb.activeSelectionForeground#333333
• breadcrumb.focusForeground#333333
• breadcrumb.foreground#666666
• breadcrumbPicker.background#e4e4e4
• button.background#FAFAFA
• button.foreground#333333
• button.hoverBackground#e5e5e5
• checkbox.background#FAFAFA
• checkbox.border#bbbbbb
• debugToolBar.background#e4e4e4
• descriptionForeground#666666
• diffEditor.insertedTextBackground#28a74530
• diffEditor.removedTextBackground#ea4a5a30
• dropdown.background#ffffff
• dropdown.border#bbbbbb
• dropdown.foreground#333333
• dropdown.listBackground#ffffff
• editor.background#ffffff
• editor.findMatchBackground#ffea7f
• editor.findMatchHighlightBackground#ffea7f
• editor.focusedStackFrameHighlightBackground#b808
• editor.foldBackground#f6f6f6
• editor.foreground#333333
• editor.inactiveSelectionBackground#cce4ff
• editor.lineHighlightBackground#e4e4e4
• editor.selectionBackground#cce4ff
• editor.selectionHighlightBackground#66cfff
• editor.selectionHighlightBorder#66cfff
• editor.stackFrameHighlightBackground#a707
• editor.wordHighlightBackground#66cfff
• editor.wordHighlightBorder#66cfff
• editor.wordHighlightStrongBackground#66cfff
• editor.wordHighlightStrongBorder#66cfff
• editorBracketHighlight.foreground1#9cd1bb
• editorBracketHighlight.foreground2#9cd1bb
• editorBracketHighlight.foreground3#9cd1bb
• editorBracketHighlight.foreground4#9cd1bb
• editorBracketHighlight.foreground5#9cd1bb
• editorBracketHighlight.foreground6#9cd1bb
• editorBracketMatch.background#66cfff
• editorBracketMatch.border#66cfff
• editorCursor.foreground#0078d4
• editorGroup.border#bbbbbb
• editorGroupHeader.tabsBackground#FAFAFA
• editorGroupHeader.tabsBorder#bbbbbb
• editorGutter.addedBackground#28a745
• editorGutter.background#ffffff
• editorGutter.deletedBackground#ea4a5a
• editorGutter.modifiedBackground#2188ff
• editorIndentGuide.activeBackground#cccccc
• editorIndentGuide.background#f6f6f6
• editorLineNumber.activeForeground#333333
• editorLineNumber.foreground#444d56
• editorLink.activeForeground#ff657a
• editorOverviewRuler.border#bbbbbb
• editorWhitespace.foreground#bbbbbb
• editorWidget.background#FAFAFA
• errorForeground#e74c3c
• focusBorder#007acc
• foreground#333333
• gitDecoration.addedResourceForeground#34d058
• gitDecoration.conflictingResourceForeground#ffab70
• gitDecoration.deletedResourceForeground#e74c3c
• gitDecoration.ignoredResourceForeground#999999
• gitDecoration.modifiedResourceForeground#0078d4
• gitDecoration.submoduleResourceForeground#999999
• gitDecoration.untrackedResourceForeground#34d058
• input.background#ffffff
• input.border#bbbbbb
• input.foreground#333333
• input.placeholderForeground#666666
• list.activeSelectionBackground#007acc
• list.activeSelectionForeground#ffffff
• list.focusBackground#0078d4
• list.hoverBackground#eaeaea
• list.hoverForeground#333333
• list.inactiveFocusBackground#d0d0d0
• list.inactiveSelectionBackground#eaeaea
• list.inactiveSelectionForeground#333333
• notificationCenterHeader.background#FAFAFA
• notificationCenterHeader.foreground#666666
• notifications.background#FAFAFA
• notifications.border#bbbbbb
• notifications.foreground#333333
• notificationsErrorIcon.foreground#e74c3c
• notificationsInfoIcon.foreground#0078d4
• notificationsWarningIcon.foreground#ffab70
• panel.background#FAFAFA
• panel.border#bbbbbb
• panelInput.border#cccccc
• panelTitle.activeBorder#f9826c
• panelTitle.activeForeground#333333
• panelTitle.inactiveForeground#666666
• peekViewEditor.background#FAFAFA
• peekViewEditor.matchHighlightBackground#ffea7f
• peekViewResult.background#FAFAFA
• peekViewResult.matchHighlightBackground#ffea7f
• pickerGroup.border#cccccc
• pickerGroup.foreground#333333
• progressBar.background#0078d4
• quickInput.background#FAFAFA
• quickInput.foreground#333333
• scrollbar.shadow#0008
• scrollbarSlider.activeBackground#888d9455
• scrollbarSlider.background#888d9411
• scrollbarSlider.hoverBackground#888d9422
• settings.headerForeground#333333
• settings.modifiedItemIndicator#0078d4
• sideBar.background#FAFAFA
• sideBar.border#bbbbbb
• sideBar.foreground#333333
• sideBarSectionHeader.background#FAFAFA
• sideBarSectionHeader.border#bbbbbb
• sideBarSectionHeader.foreground#333333
• sideBarTitle.foreground#333333
• statusBar.background#FAFAFA
• statusBar.border#bbbbbb
• statusBar.debuggingBackground#e83e0c
• statusBar.debuggingForeground#ffffff
• statusBar.foreground#333333
• statusBar.noFolderBackground#FAFAFA
• statusBarItem.prominentBackground#eaeaea
• tab.activeBackground#FAFAFA
• tab.activeBorder#FAFAFA
• tab.activeBorderTop#f9826c
• tab.activeForeground#333333
• tab.border#bbbbbb
• tab.hoverBackground#eaeaea
• tab.inactiveBackground#FAFAFA
• tab.inactiveForeground#666666
• tab.unfocusedActiveBorder#FAFAFA
• tab.unfocusedActiveBorderTop#bbbbbb
• tab.unfocusedHoverBackground#FAFAFA
• terminal.foreground#333333
• textBlockQuote.background#FAFAFA
• textBlockQuote.border#cccccc
• textCodeBlock.background#f6f6f6
• textLink.activeForeground#004578
• textLink.foreground#0078d4
• textPreformat.foreground#333333
• textSeparator.foreground#cccccc
• titleBar.activeBackground#FAFAFA
• titleBar.activeForeground#333333
• titleBar.border#bbbbbb
• titleBar.inactiveBackground#FAFAFA
• titleBar.inactiveForeground#666666
• tree.indentGuidesStroke#f6f6f6
• welcomePage.buttonBackground#FAFAFA
• welcomePage.buttonHoverBackground#eaeaea

tokenColors

TextMate scopes and font styles (syntax highlighting rules).