Awesome Laaatte Theme

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.

• actionBar.toggledBackground#ABD4BE
• activityBar.background#EFEFEF
• activityBar.border#D8D8E3
• activityBar.foreground#50556C
• activityBar.inactiveForeground#77778C
• activityBarBadge.background#13694D
• activityBarBadge.foreground#F4F4F4
• badge.background#13694D
• badge.foreground#F4F4F4
• breadcrumb.activeSelectionForeground#2E3037
• breadcrumb.focusForeground#404456
• breadcrumb.foreground#5F677C
• breadcrumbPicker.background#F4F4F4
• button.background#13694D
• button.foreground#F4F4F4
• button.hoverBackground#36896F
• button.secondaryBackground#D8D8E3
• button.secondaryForeground#404456
• charts.blue#205462
• charts.foreground#404456
• charts.green#13694D
• charts.lines#D0D0DF
• charts.orange#832508
• charts.purple#4D337B
• charts.red#7E1919
• charts.yellow#6C5001
• chat.avatarBackground#E4E4EA
• chat.avatarForeground#404456
• chat.requestBackground#EFEFEF
• chat.requestBorder#D8D8E3
• chat.slashCommandBackground#ABD4BE
• chat.slashCommandForeground#13694D
• checkbox.background#F4F4F4
• checkbox.border#AFB0C2
• commentsView.resolvedIcon#77778C
• commentsView.unresolvedIcon#13694D
• debugConsole.errorForeground#7E1919
• debugConsole.infoForeground#205462
• debugConsole.sourceForeground#404456
• debugConsole.warningForeground#6C5001
• debugConsoleInputIcon.foreground#13694D
• debugIcon.breakpointDisabledForeground#7C7CA2
• debugIcon.breakpointForeground#7E1919
• debugIcon.breakpointUnverifiedForeground#6C5001
• debugIcon.continueForeground#13694D
• debugIcon.disconnectForeground#6C5001
• debugIcon.pauseForeground#205462
• debugIcon.restartForeground#13694D
• debugIcon.startForeground#13694D
• debugIcon.stepBackForeground#5F677C
• debugIcon.stepIntoForeground#205462
• debugIcon.stepOutForeground#205462
• debugIcon.stepOverForeground#205462
• debugIcon.stopForeground#7E1919
• debugTokenExpression.boolean#4D337B
• debugTokenExpression.error#7E1919
• debugTokenExpression.name#205462
• debugTokenExpression.number#6C5001
• debugTokenExpression.string#13694D
• debugTokenExpression.value#13694D
• debugToolBar.background#F4F4F4
• debugToolBar.border#D0D0DF
• descriptionForeground#6F748C
• diffEditor.diagonalFill#D8D8E3
• diffEditor.insertedLineBackground#13694D10
• diffEditor.insertedTextBackground#13694D18
• diffEditor.removedLineBackground#7E191910
• diffEditor.removedTextBackground#7E191918
• disabledForeground#77778C
• dropdown.background#F4F4F4
• dropdown.border#D0D0DF
• dropdown.foreground#404456
• editor.background#F4F4F4
• editor.findMatchBackground#13694D30
• editor.findMatchBorder#13694D
• editor.findMatchHighlightBackground#13694D18
• editor.findMatchHighlightBorder#13694D60
• editor.findRangeHighlightBackground#13694D10
• editor.focusedStackFrameHighlightBackground#13694D20
• editor.foreground#2E3037
• editor.hoverHighlightBackground#13694D18
• editor.inactiveSelectionBackground#9DBAD840
• editor.lineHighlightBackground#EFEFEF
• editor.lineHighlightBorder#00000000
• editor.rangeHighlightBackground#13694D0A
• editor.selectionBackground#9DBAD880
• editor.selectionHighlightBackground#13694D18
• editor.selectionHighlightBorder#13694D40
• editor.stackFrameHighlightBackground#6C500120
• editor.symbolHighlightBackground#13694D18
• editor.wordHighlightBackground#C4CEEC20
• editor.wordHighlightBorder#8686BA40
• editor.wordHighlightStrongBackground#C4CEEC40
• editor.wordHighlightStrongBorder#8686BA80
• editorBracketHighlight.foreground1#13694D
• editorBracketHighlight.foreground2#205462
• editorBracketHighlight.foreground3#4D337B
• editorBracketHighlight.foreground4#8B2B4E
• editorBracketHighlight.foreground5#6C5001
• editorBracketHighlight.foreground6#832508
• editorBracketMatch.background#13694D20
• editorBracketMatch.border#13694D80
• editorCodeLens.foreground#77778C
• editorCursor.background#F4F4F4
• editorCursor.foreground#13694D
• editorError.foreground#7E1919
• editorGhostText.foreground#AFB0C2
• editorGroup.border#D8D8E3
• editorGroup.dropBackground#13694D18
• editorGroup.emptyBackground#F4F4F4
• editorGroupHeader.noTabsBackground#F4F4F4
• editorGroupHeader.tabsBackground#EFEFEF
• editorGroupHeader.tabsBorder#D8D8E3
• editorGutter.addedBackground#13694D80
• editorGutter.deletedBackground#7E191980
• editorGutter.modifiedBackground#255A6180
• editorHint.foreground#13694D
• editorHoverWidget.background#F4F4F4
• editorHoverWidget.border#D0D0DF
• editorHoverWidget.foreground#404456
• editorIndentGuide.activeBackground1#AFB0C2
• editorIndentGuide.background1#D8D8E3
• editorInfo.foreground#255A61
• editorLightBulb.foreground#6C5001
• editorLightBulbAi.foreground#13694D
• editorLightBulbAutoFix.foreground#205462
• editorLineNumber.activeForeground#5F677C
• editorLineNumber.foreground#AFB0C2
• editorLink.activeForeground#13694D
• editorOverviewRuler.addedForeground#13694D60
• editorOverviewRuler.border#D8D8E3
• editorOverviewRuler.deletedForeground#7E191960
• editorOverviewRuler.errorForeground#7E1919
• editorOverviewRuler.findMatchForeground#13694D60
• editorOverviewRuler.infoForeground#255A61
• editorOverviewRuler.modifiedForeground#255A6160
• editorOverviewRuler.selectionHighlightForeground#13694D80
• editorOverviewRuler.warningForeground#6C5001
• editorOverviewRuler.wordHighlightForeground#8686BA60
• editorRuler.foreground#D8D8E3
• editorStickyScroll.background#F4F4F4
• editorStickyScroll.border#D8D8E3
• editorStickyScroll.shadow#00000010
• editorStickyScrollHover.background#E4E4EA
• editorSuggestWidget.background#F4F4F4
• editorSuggestWidget.border#D0D0DF
• editorSuggestWidget.foreground#2E3037
• editorSuggestWidget.highlightForeground#13694D
• editorSuggestWidget.selectedBackground#ABD4BE
• editorSuggestWidget.selectedForeground#212E29
• editorWarning.foreground#6C5001
• editorWhitespace.foreground#D0D0DF
• editorWidget.background#F4F4F4
• editorWidget.border#D0D0DF
• editorWidget.foreground#404456
• editorWidget.resizeBorder#13694D
• errorForeground#7E191980
• extensionButton.prominentBackground#13694D
• extensionButton.prominentForeground#F4F4F4
• extensionButton.prominentHoverBackground#36896F
• focusBorder#13694D80
• foreground#404456
• gitDecoration.addedResourceForeground#13694D
• gitDecoration.conflictingResourceForeground#6C5001
• gitDecoration.deletedResourceForeground#7E1919
• gitDecoration.ignoredResourceForeground#AFB0C2
• gitDecoration.modifiedResourceForeground#255A61
• gitDecoration.submoduleResourceForeground#4D337B
• gitDecoration.untrackedResourceForeground#36896F
• icon.foreground#626684
• inlineChat.background#F4F4F4
• inlineChat.border#D0D0DF
• inlineChat.shadow#00000010
• inlineChatDiff.inserted#13694D10
• inlineChatDiff.removed#7E191910
• inlineChatInput.background#F4F4F4
• inlineChatInput.border#D0D0DF
• inlineChatInput.focusBorder#13694D80
• inlineChatInput.placeholderForeground#AFB0C2
• input.background#F4F4F4
• input.border#D0D0DF
• input.foreground#2E3037
• input.placeholderForeground#AFB0C2
• inputOption.activeBackground#13694D20
• inputOption.activeBorder#13694D
• inputOption.activeForeground#36896F
• inputValidation.errorBackground#F7D1D1
• inputValidation.errorBorder#7E1919
• inputValidation.infoBackground#C8E7F7
• inputValidation.infoBorder#255A61
• inputValidation.warningBackground#F9ECBA
• inputValidation.warningBorder#6C5001
• keybindingLabel.background#E4E4EA
• keybindingLabel.border#D0D0DF
• keybindingLabel.bottomBorder#BFBFCD
• keybindingLabel.foreground#404456
• keybindingTable.headerBackground#EFEFEF
• keybindingTable.rowsBackground#F4F4F4
• list.activeSelectionBackground#ABD4BE
• list.activeSelectionForeground#212E29
• list.activeSelectionIconForeground#212E29
• list.errorForeground#7E1919
• list.focusBackground#ABD4BE
• list.focusOutline#13694D60
• list.highlightForeground#13694D
• list.hoverBackground#EFEFEF
• list.hoverForeground#2E3037
• list.inactiveSelectionBackground#DEDEE5
• list.inactiveSelectionForeground#404456
• list.warningForeground#6C5001
• menu.background#F4F4F4
• menu.border#D0D0DF
• menu.foreground#404456
• menu.selectionBackground#ABD4BE
• menu.selectionForeground#212E29
• menu.separatorBackground#D8D8E3
• menubar.selectionBackground#ABD4BE
• menubar.selectionForeground#212E29
• merge.currentContentBackground#13694D10
• merge.currentHeaderBackground#13694D30
• merge.incomingContentBackground#20546210
• merge.incomingHeaderBackground#20546230
• minimap.background#F4F4F4
• minimap.findMatchHighlight#13694D60
• minimap.selectionHighlight#13694D30
• minimapGutter.addedBackground#13694D
• minimapGutter.deletedBackground#7E1919
• minimapGutter.modifiedBackground#255A61
• multiDiffEditor.background#F4F4F4
• multiDiffEditor.border#D8D8E3
• multiDiffEditor.headerBackground#EFEFEF
• notebook.cellBorderColor#D8D8E3
• notebook.cellHoverBackground#EFEFEF
• notebook.cellInsertionIndicator#13694D
• notebook.editorBackground#F4F4F4
• notebook.focusedCellBackground#F4F4F4
• notebook.focusedCellBorder#13694D80
• notebook.focusedEditorBorder#13694D60
• notebook.inactiveFocusedCellBorder#D0D0DF
• notebook.inactiveSelectedCellBorder#D8D8E3
• notebook.outputContainerBackgroundColor#EFEFEF
• notebook.outputContainerBorderColor#D8D8E3
• notebook.selectedCellBackground#E4E4EA
• notebook.selectedCellBorder#13694D60
• notebook.symbolHighlightBackground#13694D18
• notebookScrollbarSlider.activeBackground#13694D50
• notebookScrollbarSlider.background#AFB0C250
• notebookScrollbarSlider.hoverBackground#9192A950
• notebookStatusErrorIcon.foreground#7E1919
• notebookStatusRunningIcon.foreground#13694D
• notebookStatusSuccessIcon.foreground#13694D
• notificationCenter.border#D0D0DF
• notificationLink.foreground#13694D
• notifications.background#F4F4F4
• notifications.border#D0D0DF
• notifications.foreground#404456
• notificationToast.border#D0D0DF
• outputView.background#F4F4F4
• outputViewStickyScroll.background#EFEFEF
• panel.background#F4F4F4
• panel.border#D8D8E3
• panelTitle.activeBorder#13694D
• panelTitle.activeForeground#2E3037
• panelTitle.inactiveForeground#5F677C
• peekView.border#13694D60
• peekViewEditor.background#D1EEE1
• peekViewEditor.matchHighlightBackground#13694D30
• peekViewResult.background#CAE8D7
• peekViewResult.fileForeground#404456
• peekViewResult.lineForeground#6F748C
• peekViewResult.matchHighlightBackground#13694D30
• peekViewResult.selectionBackground#ABD4BE
• peekViewResult.selectionForeground#212E29
• peekViewTitle.background#AFDDC9
• peekViewTitleDescription.foreground#626684
• peekViewTitleLabel.foreground#2E3037
• pickerGroup.border#D8D8E3
• pickerGroup.foreground#13694D
• ports.iconRunningProcessForeground#13694D
• problemsErrorIcon.foreground#7E1919
• problemsInfoIcon.foreground#255A61
• problemsWarningIcon.foreground#6C5001
• progressBar.background#13694D
• quickInput.background#F4F4F4
• quickInput.foreground#2E3037
• quickInputList.focusBackground#ABD4BE
• quickInputList.focusForeground#212E29
• quickInputList.focusIconForeground#212E29
• quickInputTitle.background#EFEFEF
• sash.hoverBorder#13694D
• scrollbar.shadow#00000010
• scrollbarSlider.activeBackground#13694D50
• scrollbarSlider.background#AFB0C250
• scrollbarSlider.hoverBackground#9192A950
• searchEditor.findMatchBackground#13694D20
• searchEditor.findMatchBorder#13694D60
• searchEditor.textInputBorder#D0D0DF
• selection.background#9DBAD880
• settings.checkboxBackground#F4F4F4
• settings.checkboxBorder#D0D0DF
• settings.dropdownBackground#F4F4F4
• settings.dropdownBorder#D0D0DF
• settings.headerForeground#2E3037
• settings.modifiedItemIndicator#13694D
• settings.numberInputBackground#F4F4F4
• settings.numberInputBorder#D0D0DF
• settings.textInputBackground#F4F4F4
• settings.textInputBorder#D0D0DF
• sideBar.background#F4F4F4
• sideBar.border#D8D8E3
• sideBar.foreground#404456
• sideBarSectionHeader.background#E4E4EA
• sideBarSectionHeader.border#D8D8E3
• sideBarSectionHeader.foreground#50556C
• sideBarTitle.foreground#626684
• statusBar.background#E4E4EA
• statusBar.border#D8D8E3
• statusBar.debuggingBackground#6C5001
• statusBar.debuggingForeground#F4F4F4
• statusBar.foreground#50556C
• statusBar.noFolderBackground#E4E4EA
• statusBarItem.activeBackground#CCCCD5
• statusBarItem.hoverBackground#D0D0DF
• statusBarItem.remoteBackground#13694D
• statusBarItem.remoteForeground#F4F4F4
• symbolIcon.arrayForeground#6C5001
• symbolIcon.booleanForeground#205462
• symbolIcon.classForeground#4D337B
• symbolIcon.colorForeground#13694D
• symbolIcon.constantForeground#6C5001
• symbolIcon.constructorForeground#4D337B
• symbolIcon.enumeratorForeground#6C5001
• symbolIcon.enumeratorMemberForeground#205462
• symbolIcon.eventForeground#7E1919
• symbolIcon.fieldForeground#404456
• symbolIcon.fileForeground#13694D
• symbolIcon.folderForeground#13694D
• symbolIcon.functionForeground#8B2B4E
• symbolIcon.interfaceForeground#13694D
• symbolIcon.keyForeground#205462
• symbolIcon.keywordForeground#205462
• symbolIcon.methodForeground#8B2B4E
• symbolIcon.moduleForeground#404456
• symbolIcon.namespaceForeground#404456
• symbolIcon.nullForeground#5F677C
• symbolIcon.numberForeground#6C5001
• symbolIcon.objectForeground#404456
• symbolIcon.operatorForeground#5F677C
• symbolIcon.packageForeground#13694D
• symbolIcon.propertyForeground#404456
• symbolIcon.referenceForeground#205462
• symbolIcon.snippetForeground#13694D
• symbolIcon.stringForeground#13694D
• symbolIcon.structForeground#4D337B
• symbolIcon.textForeground#404456
• symbolIcon.typeParameterForeground#4D337B
• symbolIcon.unitForeground#6C5001
• symbolIcon.variableForeground#404456
• tab.activeBackground#FAFAFA
• tab.activeBorder#FAFAFA
• tab.activeBorderTop#13694D
• tab.activeForeground#2E3037
• tab.border#D8D8E3
• tab.hoverBackground#FAFAFA
• tab.inactiveBackground#EFEFEF
• tab.inactiveForeground#5F677C
• tab.unfocusedActiveBackground#FAFAFA
• tab.unfocusedActiveForeground#626684
• terminal.ansiBlack#404456
• terminal.ansiBlue#205462
• terminal.ansiBrightBlack#5F677C
• terminal.ansiBrightBlue#4C8AD1
• terminal.ansiBrightCyan#35A3B2
• terminal.ansiBrightGreen#2AA17F
• terminal.ansiBrightMagenta#8163BB
• terminal.ansiBrightRed#C13838
• terminal.ansiBrightWhite#EFEFF4
• terminal.ansiBrightYellow#BB7F25
• terminal.ansiCyan#0A7272
• terminal.ansiGreen#13694D
• terminal.ansiMagenta#4D337B
• terminal.ansiRed#7E1919
• terminal.ansiWhite#DEDEE5
• terminal.ansiYellow#6C5001
• terminal.background#F4F4F4
• terminal.foreground#2E3037
• terminal.selectionBackground#9DBAD860
• terminalCursor.background#F4F4F4
• terminalCursor.foreground#13694D
• testing.coveredBackground#13694D18
• testing.coveredBorder#13694D40
• testing.iconErrored#7E1919
• testing.iconFailed#7E1919
• testing.iconPassed#13694D
• testing.iconQueued#6C5001
• testing.iconSkipped#77778C
• testing.iconUnset#5F677C
• testing.message.error.lineBackground#7E191918
• testing.message.info.lineBackground#13694D10
• testing.peekBorder#13694D60
• testing.peekHeaderBackground#AFDDC9
• testing.uncoveredBackground#7E191918
• testing.uncoveredBorder#7E191940
• textBlockQuote.background#DDDDF0
• textBlockQuote.border#13694D
• textCodeBlock.background#D7D7EF
• textLink.activeForeground#36896F
• textLink.foreground#13694D
• textPreformat.foreground#5277A8
• titleBar.activeBackground#EFEFEF
• titleBar.activeForeground#404456
• titleBar.border#D8D8E3
• titleBar.inactiveBackground#F4F4F4
• titleBar.inactiveForeground#5F677C
• tree.indentGuidesStroke#D0D0DF
• walkthrough.stepTitle.foreground#2E3037
• welcomePage.background#F4F4F4
• welcomePage.progress.background#D8D8E3
• welcomePage.progress.foreground#13694D
• welcomePage.tileBackground#EFEFEF
• welcomePage.tileBorder#D8D8E3
• welcomePage.tileHoverBackground#E6E6E6
• widget.shadow#00000014

tokenColors

TextMate scopes and font styles (syntax highlighting rules).