light-rblx-rian
Publisher: RianyJThemes in package: 1
light 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.
- activityBar.activeBorder#0099e1
- activityBar.background#f1f1f1
- activityBar.foreground#383a42
- activityBarBadge.background#0099e1
- activityBarBadge.foreground#ffffff
- badge.background#0099e1
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#009ae5
- breadcrumb.focusForeground#383a42
- breadcrumb.foreground#a0a1a7
- button.background#0083c0
- button.foreground#ffffff
- button.hoverBackground#0099e1
- button.secondaryBackground#d5d7d8
- button.secondaryForeground#0083c0
- button.secondaryHoverBackground#d9dbdc
- charts.blue#275fe4
- charts.green#23974a
- charts.orange#df631c
- charts.purple#823ff1
- charts.red#d52753
- charts.yellow#c5a332
- checkbox.background#e8e8e8
- checkbox.border#d5d7d8
- checkbox.foreground#0083c0
- commandCenter.activeBackground#f1f1f1
- commandCenter.background#e8e8e8
- commandCenter.border#d5d7d8
- debugConsole.errorForeground#d52753
- debugConsole.infoForeground#275fe4
- debugConsole.sourceForeground#a0a1a7
- debugConsole.warningForeground#df631c
- debugConsoleInputIcon.foreground#0083c0
- debugExceptionWidget.background#ffcccc
- debugExceptionWidget.border#ff2e3f
- debugIcon.breakpointCurrentStackframeForeground#0099e1
- debugIcon.breakpointDisabledForeground#727378
- debugIcon.breakpointForeground#d52753
- debugIcon.breakpointStackframeForeground#23974a
- debugIcon.breakpointUnverifiedForeground#a05a48
- debugIcon.continueForeground#23974a
- debugIcon.disconnectForeground#d52753
- debugIcon.pauseForeground#a05a48
- debugIcon.restartForeground#df631c
- debugIcon.startForeground#23974a
- debugIcon.stepBackForeground#0098e4
- debugIcon.stepIntoForeground#0098e4
- debugIcon.stepOutForeground#0098e4
- debugIcon.stepOverForeground#0098e4
- debugIcon.stopForeground#d52753
- debugTokenExpression.boolean#0098dd
- debugTokenExpression.error#ff0000
- debugTokenExpression.name#a05a48
- debugTokenExpression.number#ce33c0
- debugTokenExpression.string#c5a332
- debugTokenExpression.value#383a42
- debugToolBar.background#eeeeee
- debugView.exceptionLabelBackground#ff0000
- debugView.exceptionLabelForeground#f9f9f9
- debugView.stateLabelBackground#d5d7d8
- debugView.stateLabelForeground#383a42
- debugView.valueChangedHighlight#58b8e6
- diffEditor.diagonalFill#d5d7d8
- diffEditor.insertedLineBackground#1ef1531f
- diffEditor.insertedTextBackground#1ef15335
- diffEditor.removedLineBackground#f33b5127
- diffEditor.removedTextBackground#f33b5131
- dropdown.background#e8e8e8
- dropdown.border#d5d7d8
- dropdown.foreground#383a42
- dropdown.listBackground#e8e8e8
- editor.background#c9c8c8
- editor.findMatchBackground#3443cbc6
- editor.findMatchBorder#358eeefc
- editor.findMatchHighlightBackground#99e5c26d
- editor.findRangeHighlightBackground#a0a1a722
- editor.focusedStackFrameHighlightBackground#43db7644
- editor.foldBackground#ffffff8c
- editor.foreground#383a42
- editor.hoverHighlightBackground#383a4213
- editor.lineHighlightBackground#d8d7d7
- editor.rangeHighlightBackground#c1e2faa6
- editor.selectionBackground#80839d32
- editor.selectionHighlightBackground#585a851e
- editor.selectionHighlightBorder#35ccee85
- editor.snippetFinalTabstopHighlightBackground#a0a1a733
- editor.snippetFinalTabstopHighlightBorder#a0a1a7
- editor.snippetTabstopHighlightBackground#a0a1a733
- editor.snippetTabstopHighlightBorder#a0a1a7
- editor.stackFrameHighlightBackground#ffc47760
- editor.symbolHighlightBackground#ce33c12d
- editor.wordHighlightBackground#585a8520
- editor.wordHighlightBorder#35ccee48
- editor.wordHighlightStrongBackground#e99dd562
- editorBracketHighlight.foreground1#60b2f5f0
- editorBracketHighlight.foreground2#e8e1c7f0
- editorBracketHighlight.foreground3#e892def0
- editorBracketHighlight.foreground4#6ce1f0f0
- editorBracketHighlight.foreground5#b6df8bf0
- editorBracketHighlight.foreground6#f168a5d9
- editorBracketHighlight.unexpectedBracket.foreground#bf4f52
- editorBracketMatch.background#00000000
- editorBracketMatch.border#7a82da
- editorCodeLens.foreground#a0a1a7
- editorCursor.background#f9f9f9
- editorCursor.foreground#ff4343
- editorError.background#ff000037
- editorError.foreground#ff0000
- editorGhostText.foreground#939191
- editorGroup.border#d5d7d8
- editorGroup.dropBackground#009ae128
- editorGroup.emptyBackground#e8e8e8
- editorGroup.focusedEmptyBorder#0099e1
- editorGroupHeader.noTabsBackground#e8e8e8
- editorGroupHeader.tabsBackground#e8e8e8
- editorGutter.addedBackground#3cbc66
- editorGutter.deletedBackground#a05a48
- editorGutter.modifiedBackground#0099e1
- editorHint.foreground#7a82da
- editorHoverWidget.statusBarBackground#d5d8d8
- editorIndentGuide.activeBackground#c2c4c7
- editorIndentGuide.background#d5d7d8
- editorInfo.background#009ae111
- editorInfo.foreground#0099e1
- editorInlayHint.background#27618d10
- editorInlayHint.foreground#27618da6
- editorLightBulb.foreground#ff8f3a
- editorLightBulbAutoFix.foreground#ff8f3a
- editorLineNumber.activeForeground#f31459
- editorLineNumber.foreground#a0a1a7
- editorLink.activeForeground#0099e1
- editorMarkerNavigation.background#f9f9f9
- editorOverviewRuler.addedForeground#3cbc66
- editorOverviewRuler.bracketMatchForeground#7a82da
- editorOverviewRuler.deletedForeground#a05a48
- editorOverviewRuler.errorForeground#ff0000
- editorOverviewRuler.findMatchForeground#99e5c2c5
- editorOverviewRuler.infoForeground#0099e1
- editorOverviewRuler.modifiedForeground#0099e1
- editorOverviewRuler.selectionHighlightForeground#8bcdffa7
- editorOverviewRuler.warningForeground#ff8f3a
- editorOverviewRuler.wordHighlightForeground#8bcdffa7
- editorOverviewRuler.wordHighlightStrongForeground#e99dd5b9
- editorPane.background#eeeeee
- editorRuler.foreground#d5d7d8
- editorWarning.background#ff8f3a00
- editorWarning.foreground#d9772b
- editorWhitespace.foreground#d5d7d8
- editorWidget.background#e8e8e8
- editorWidget.border#d5d7d8
- errorForeground#ff0000
- extensionButton.prominentBackground#0083c0
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#0099e1
- focusBorder#0099e1
- foreground#383a42
- gitDecoration.addedResourceForeground#23974a
- gitDecoration.conflictingResourceForeground#d52753
- gitDecoration.deletedResourceForeground#a05a48
- gitDecoration.ignoredResourceForeground#a0a1a7
- gitDecoration.modifiedResourceForeground#0099e1
- gitDecoration.renamedResourceForeground#ce33c0
- gitDecoration.stageDeletedResourceForeground#a05a48
- gitDecoration.stageModifiedResourceForeground#0099e1
- gitDecoration.submoduleResourceForeground#823ff1
- gitDecoration.untrackedResourceForeground#23974a
- input.background#f9f9f9
- input.border#d5d7d8
- input.foreground#383a42
- input.placeholderForeground#a0a1a7
- inputOption.activeBackground#d2ecff
- inputOption.activeBorder#0099e1
- inputOption.activeForeground#000000
- inputValidation.errorBackground#ffcccc
- inputValidation.errorBorder#ff2e3f
- inputValidation.infoBackground#d2ecff
- inputValidation.infoBorder#0099e1
- inputValidation.warningBackground#ffcfab
- inputValidation.warningBorder#ff8f3a
- keybindingLabel.background#d2ecff
- keybindingLabel.border#383a4230
- keybindingLabel.bottomBorder#383a4230
- keybindingLabel.foreground#383a42
- list.activeSelectionBackground#00a7f5
- list.activeSelectionForeground#ffffff
- list.dropBackground#d2ecff
- list.errorForeground#ff0000
- list.focusForeground#000000
- list.highlightForeground#0098dd
- list.hoverBackground#f1f1f1
- list.inactiveSelectionBackground#f6f6f6
- list.warningForeground#ff8f3a
- listFilterWidget.background#99e5c2c5
- listFilterWidget.noMatchesOutline#ff2e3f
- merge.currentContentBackground#a05a481c
- merge.currentHeaderBackground#a05a483b
- merge.incomingContentBackground#009ae121
- merge.incomingHeaderBackground#009ae13b
- mergeEditor.change.background#1ef1531f
- mergeEditor.change.word.background#1ef15335
- mergeEditor.conflict.handled.minimapOverViewRuler#3cbc66
- mergeEditor.conflict.handledFocused.border#3cbc66
- mergeEditor.conflict.handledUnfocused.border#3cbc673a
- mergeEditor.conflict.unhandled.minimapOverViewRuler#0ab6ff
- mergeEditor.conflict.unhandledFocused.border#0ab6ff
- mergeEditor.conflict.unhandledUnfocused.border#0ab5ff96
- minimap.background#f9f9f9cc
- minimap.findMatchHighlight#99e5c2c5
- minimap.selectionHighlight#8bcdffa7
- minimap.selectionOccurrenceHighlight#8bcdffa7
- notebook.cellBorderColor#d5d7d8
- notebook.cellEditorBackground#f5f5f5
- notebook.cellHoverBackground#bdbbbb21
- notebook.cellStatusBarItemHoverBackground#f1f1f1
- notebook.cellToolbarSeparator#d5d7d8
- notebook.focusedCellBackground#e8e8e8
- notebook.focusedCellBorder#0099e1
- notebook.inactiveFocusedCellBorder#bdbbbb
- notebook.inactiveSelectedCellBorder#0099e1
- notebook.outputContainerBackgroundColor#e8e8e8
- notebook.selectedCellBackground#e8e8e8
- notebook.symbolHighlightBackground#d2ecff
- notebookScrollbarSlider.activeBackground#00000026
- notebookScrollbarSlider.background#00000012
- notebookScrollbarSlider.hoverBackground#0000001a
- notebookStatusErrorIcon.foreground#d52753
- notebookStatusRunningIcon.foreground#275fe4
- notebookStatusSuccessIcon.foreground#23974a
- notificationCenter.border#d5d7d8
- notificationCenterHeader.background#d5d7d8
- notificationCenterHeader.foreground#383a42
- notificationLink.foreground#0099e1
- notifications.background#e8e8e8
- notifications.border#d5d7d8
- notifications.foreground#383a42
- notificationToast.border#d5d7d8
- panel.border#d5d7d8
- panelTitle.activeBorder#0099e1
- panelTitle.activeForeground#383a42
- panelTitle.inactiveForeground#383a42aa
- peekView.border#0099e1
- peekViewEditor.background#f9f9f9
- peekViewEditor.matchHighlightBackground#99e5c1
- peekViewResult.background#e8e8e8
- peekViewResult.fileForeground#383a42
- peekViewResult.lineForeground#383a42
- peekViewResult.matchHighlightBackground#99e5c1
- peekViewResult.selectionBackground#0099e1
- peekViewResult.selectionForeground#ffffff
- peekViewTitle.background#e8e8e8
- peekViewTitleDescription.foreground#a0a1a7
- peekViewTitleLabel.foreground#383a42
- pickerGroup.border#d5d7d8
- pickerGroup.foreground#0099e1
- progressBar.background#0099e1
- quickInputList.focusBackground#d2ecff
- quickInputList.focusForeground#000000
- sash.hoverBorder#0099e1
- scrollbar.shadow#d1d1d1
- scrollbarSlider.activeBackground#00000026
- scrollbarSlider.background#00000012
- scrollbarSlider.hoverBackground#0000001a
- selection.background#d2ecff
- sideBar.background#e8e8e8
- sideBar.border#d1d1d1
- sideBar.dropBackground#e8e8e8
- sideBar.foreground#383a42
- sideBarSectionHeader.background#d5d7d8
- sideBarSectionHeader.foreground#383a42
- sideBarTitle.foreground#383a42
- statusBar.background#ebebeb
- statusBar.border#0099e1
- statusBar.debuggingBackground#ebebeb
- statusBar.debuggingBorder#ff8f3a
- statusBar.debuggingForeground#383a42
- statusBar.foreground#383a42
- statusBar.noFolderBackground#ebebeb
- statusBar.noFolderBorder#823ff1
- statusBar.noFolderForeground#383a42
- statusBarItem.activeBackground#00000026
- statusBarItem.errorBackground#ff00001a
- statusBarItem.errorForeground#ff0000
- statusBarItem.hoverBackground#00000013
- statusBarItem.prominentBackground#0083c0
- statusBarItem.prominentForeground#ffffff
- statusBarItem.prominentHoverBackground#0099e1
- statusBarItem.remoteBackground#383a42
- statusBarItem.remoteForeground#ebebeb
- statusBarItem.warningBackground#ffcfab
- statusBarItem.warningForeground#ff8f3a
- symbolIcon.arrayForeground#7a82da
- symbolIcon.booleanForeground#0098dd
- symbolIcon.classForeground#d52753
- symbolIcon.colorForeground#823ff1
- symbolIcon.constantForeground#823ff1
- symbolIcon.constructorForeground#0098dd
- symbolIcon.enumeratorForeground#d52753
- symbolIcon.enumeratorMemberForeground#a05a48
- symbolIcon.eventForeground#40b8c5
- symbolIcon.fieldForeground#a05a48
- symbolIcon.fileForeground#383a42
- symbolIcon.folderForeground#383a42
- symbolIcon.functionForeground#23974a
- symbolIcon.interfaceForeground#d52753
- symbolIcon.keyForeground#a05a48
- symbolIcon.keywordForeground#0098dd
- symbolIcon.methodForeground#23974a
- symbolIcon.moduleForeground#d52753
- symbolIcon.namespaceForeground#d52753
- symbolIcon.nullForeground#0098dd
- symbolIcon.numberForeground#ce33c0
- symbolIcon.objectForeground#383a42
- symbolIcon.operatorForeground#7a82da
- symbolIcon.propertyForeground#a05a48
- symbolIcon.referenceForeground#383a42
- symbolIcon.snippetForeground#a0a1a7
- symbolIcon.stringForeground#c5a332
- symbolIcon.structForeground#d52753
- symbolIcon.textForeground#a0a1a7
- symbolIcon.typeParameterForeground#40b8c5
- symbolIcon.unitForeground#c5a332
- symbolIcon.variableForeground#383a42
- tab.activeBorderTop#0099e1
- tab.activeForeground#383a42
- tab.border#d5d7d8
- tab.hoverBackground#f1f1f1
- tab.inactiveBackground#eeeeee
- tab.inactiveForeground#a0a1a7
- tab.unfocusedActiveBorderTop#a0a1a7
- terminal.ansiBlack#373a41
- terminal.ansiBlue#275fe4
- terminal.ansiBrightBlack#676a77
- terminal.ansiBrightBlue#0099e0
- terminal.ansiBrightCyan#6d92ba
- terminal.ansiBrightGreen#3cbc66
- terminal.ansiBrightMagenta#ce32c0
- terminal.ansiBrightRed#ff637f
- terminal.ansiBrightWhite#d3d3d3
- terminal.ansiBrightYellow#c5a231
- terminal.ansiCyan#26608c
- terminal.ansiGreen#239749
- terminal.ansiMagenta#823ef0
- terminal.ansiRed#d52652
- terminal.ansiWhite#b9bac1
- terminal.ansiYellow#df621b
- terminal.findMatchBorder#f31459
- terminal.tab.activeBorder#0099e1
- terminalCommandDecoration.defaultBackground#d5d7d8
- terminalCommandDecoration.errorBackground#ff0000
- terminalCommandDecoration.successBackground#23974a
- terminalCursor.foreground#f31459
- textBlockQuote.background#d5d7d8
- textBlockQuote.border#0099e1
- textCodeBlock.background#d5d7d8
- textLink.activeForeground#0099e1
- textLink.foreground#0099e1
- textPreformat.foreground#a05a48
- textSeparator.foreground#d5d7d8
- titleBar.activeBackground#c2c4c7
- titleBar.activeForeground#383a42
- titleBar.inactiveBackground#c2c4c799
- titleBar.inactiveForeground#383a4299
- walkThrough.embeddedEditorBackground#e8e8e8
- widget.shadow#a0a1a7
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, string.comment | #7a8290 | — |
| string, string.template | #ca870b | — |
| constant.numeric | #b978cd | — |
| string.embedded.begin, string.embedded.end, punctuation.definition.template-expression, punctuation.section.embedded | #c678dd | — |
| punctuation.section.embedded.begin.js, punctuation.section.embedded.end.js, punctuation.section.embedded.begin.erb, punctuation.section.embedded.end.erb, source.elixir.embedded, punctuation.separator, punctuation.accessor, meta.brace | #757a84 | — |
| constant.language | #4f959e | — |
| constant.character, constant.other | #4f959e | — |
| variable.language | #cb626b | — |
| keyword.luau | #589ed8 | — |
| keyboard.control.luau, source.luau | #cb626b | — |
| keyword.operator.logical, keyword.operator.constructor | #cb626b | — |
| keyword.operator | #cb626b | — |
| storage | #cb626b | — |
| storage.type | #4f959e | — |
| entity.name.class, entity.name.module, entity.name.type, storage.identifier, support.class | #589ed8 | — |
| variable.other.object, variable.other.constant, variable.other.global, variable.other.readwrite.class, variable.other.readwrite.instance, variable.other.readwrite.batchfile, variable.readwrite, variable.readwrite.other.block | #589ed8 | italic |
| variable.other, variable.other.block | #4c4f55 | — |
| variable.other.property | #5980c9 | — |
| entity.other.inherited-class | #73ab4b | — |
| storage.modifier.import, storage.modifier.package | #589ed8 | — |
| entity.name.function, support.function, keyword.function.luau | #73ab4b | — |
| variable.parameter, entity.name.variable.parameter, parameter.variable | #6f737c | italic |
| entity.name.function-call | #4c4f55 | — |
| function.support.builtin, function.support.core | #73ab4b | — |
| entity.name.tag, entity.name.tag.class.js | #cb626b | — |
| entity.name.tag.class, entity.name.tag.id | #4f959e | — |
| entity.other.attribute-name | #73ab4b | — |
| support.constant | #4f959e | — |
| support.type, support.variable | #4f959e | — |
| support.dictionary.json | #4f959e | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, support.type.property-name.sass | #4c4f55 | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-class.scss, entity.other.attribute-name.pseudo-class.less, entity.other.attribute-name.pseudo-class.sass, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-element.scss, entity.other.attribute-name.pseudo-element.less, entity.other.attribute-name.pseudo-element.sass | #4f959e | — |
| support.constant.css, support.constant.scss, support.constant.less, support.constant.sass | #73ab4b | — |
| variable.css, variable.scss, variable.less, variable.sass | #4f959e | — |
| variable.css.string, variable.scss.string, variable.less.string, variable.sass.string | #e5c07b | — |
| unit.css, unit.scss, unit.less, unit.sass | #c678dd | — |
| function.css, function.scss, function.less, function.sass | #4f959e | — |
| support.other.variable | — | |
| invalid | #F8F8F0 | — |
| invalid.deprecated | #F8F8F0 | — |
| support.type.property-name.json | #4f959e | — |
| string.detected-link | #589ed8 | — |
| meta.diff, meta.diff.header | #75715E | — |
| markup.deleted | #cb626b | — |
| markup.inserted | #73ab4b | — |
| markup.changed | #e5c07b | — |
| constant.numeric.line-number.find-in-files - match | #3a8b96a0 | — |
| entity.name.filename.find-in-files | #e5c07b | — |
| markup.italic, markup.italic.markdown | — | italic |
| punctuation.definition.italic.markdown, punctuation.definition.bold.markdown, punctuation.definition.heading.markdown | #676f7d | — |
| punctuation.definition.italic.markdown | — | italic |
| markup.underline.link.markdown | #589ed8 | — |
| markup.bold.markdown | — | bold |
| markup.heading.markdown | #cb626b | bold |
| markup.quote.markdown | #73ab4b | — |
| meta.separator.markdown | #c678dd | bold |
| markup.raw.inline.markdown, markup.raw.block.markdown | #4f959e | — |
| punctuation.definition.list_item.markdown | #ffffff | bold |
| comment.line.double-dash.lua | #7d7d7fcd | italic |