Old Book

Color themes

• 

  Old Book Dark

• 

  Old Book 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.background#1e1a15
• activityBar.border#00000000
• activityBar.foreground#d6c9b2
• activityBar.inactiveForeground#968a76
• activityBarBadge.background#b08a5a
• activityBarBadge.foreground#1b1712
• button.background#b08a5a
• button.foreground#1b1712
• dropdown.background#262018
• dropdown.listBackground#262018
• editor.background#1b1712
• editor.foreground#d6c9b2
• editor.lineHighlightBackground#262018
• editor.selectionBackground#3a2f25
• editor.wordHighlightBackground#3a2f2585
• editor.wordHighlightBorder#3a2f25
• editor.wordHighlightStrongBackground#3a2f2575
• editor.wordHighlightStrongBorder#3a2f25
• editorBracketHighlight.foreground1#d6c9b2
• editorBracketHighlight.foreground2#d6c9b2
• editorBracketHighlight.foreground3#d6c9b2
• editorBracketHighlight.foreground4#d6c9b2
• editorBracketHighlight.foreground5#d6c9b2
• editorBracketHighlight.foreground6#d6c9b2
• editorCursor.foreground#d6c9b2
• editorGroup.border#5a4f3f40
• editorGroupHeader.tabsBackground#1e1a15
• editorHoverWidget.background#262018
• editorIndentGuide.activeBackground1#d6c9b280
• editorIndentGuide.background1#5a4f3f33
• editorLineNumber.activeForeground#d6c9b2
• editorLineNumber.foreground#6e6658
• editorLink.activeForeground#b08a5a
• editorSuggestWidget.background#262018
• editorSuggestWidget.selectedBackground#3a2f25
• editorWhitespace.foreground#5a4f3f
• editorWidget.background#262018
• editorWidget.border#5a4f3f
• errorForeground#d48c8c
• focusBorder#5a4f3f60
• foreground#d6c9b2
• input.background#1e1a15
• input.border#5a4f3f40
• input.foreground#d6c9b2
• input.placeholderForeground#867a67
• list.activeSelectionBackground#3a2f25
• list.activeSelectionForeground#d6c9b2
• list.focusBackground#3a2f25
• list.highlightForeground#b08a5a
• list.hoverBackground#262018
• list.inactiveSelectionBackground#3a2f2580
• menu.background#262018
• menu.foreground#d6c9b2
• menu.selectionBackground#3a2f25
• menu.selectionForeground#d6c9b2
• menu.separatorBackground#5a4f3f
• panel.background#1e1a15
• panel.border#00000000
• panelTitle.activeBorder#b08a5a
• panelTitle.activeForeground#d6c9b2
• panelTitle.inactiveForeground#867a67
• peekView.border#5a4f3f
• peekViewEditor.background#1b1712
• peekViewEditor.matchHighlightBackground#3a2f25
• peekViewEditorGutter.background#1b1712
• peekViewResult.background#262018
• peekViewResult.matchHighlightBackground#3a2f25
• peekViewResult.selectionBackground#3a2f25
• peekViewResult.selectionForeground#d6c9b2
• peekViewTitle.background#1e1a15
• peekViewTitleDescription.foreground#b08a5a
• peekViewTitleLabel.foreground#d6c9b2
• quickInput.background#262018
• scrollbar.shadow#00000000
• scrollbarSlider.activeBackground#867a67
• scrollbarSlider.background#3a2f25
• scrollbarSlider.hoverBackground#867a67
• selection.background#3a2f25
• sideBar.background#1e1a15
• sideBar.border#00000000
• sideBar.foreground#b8aa93
• sideBarSectionHeader.background#1e1a15
• statusBar.background#1e1a15
• statusBar.border#00000000
• statusBar.debuggingBackground#b08a5a
• statusBar.debuggingForeground#1b1712
• statusBar.foreground#968a76
• statusBar.noFolderBackground#1e1a15
• tab.activeBackground#1b1712
• tab.activeBorderTop#00000000
• tab.activeForeground#d6c9b2
• tab.border#00000000
• tab.inactiveBackground#1e1a15
• tab.inactiveForeground#867a67
• tab.unfocusedActiveBorderTop#00000000
• textLink.activeForeground#d6c9b2
• textLink.foreground#b08a5a
• titleBar.activeBackground#1e1a15
• titleBar.activeForeground#d6c9b2
• titleBar.border#00000000
• titleBar.inactiveBackground#1e1a15
• titleBar.inactiveForeground#867a67
• widget.shadow#00000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).