Skip to main content
Coding Theme

Notes Ocean Theme

Publisher: NotesoceanThemes in package: 1

This is official Notes Ocean theme for vs code , you can enjoy the thme color of notes ocean flavour

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.activeBackground#28282a
  • activityBar.background#28282a
  • activityBar.border#28282a
  • activityBar.foreground#ff0000
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#000000
  • activityBarBadge.foreground#ffffff
  • badge.background#ff0000
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#28282a
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#ffffffcc
  • button.background#a72424
  • button.foreground#000000
  • button.hoverBackground#ff0000
  • button.secondaryBackground#000000
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#000000
  • checkbox.background#000000
  • checkbox.border#000000
  • checkbox.foreground#ffffff
  • debugExceptionWidget.background#000000
  • debugExceptionWidget.border#000000
  • debugToolBar.background#000000
  • debugToolBar.border#000000
  • diffEditor.border#000000
  • diffEditor.insertedTextBackground#00000033
  • diffEditor.insertedTextBorder#000000
  • diffEditor.removedTextBackground#000000
  • diffEditor.removedTextBorder#000000
  • dropdown.background#000000
  • dropdown.border#000000
  • dropdown.foreground#ffffff
  • editor.background#28282a
  • editor.findMatchBackground#000000
  • editor.findMatchBorder#000000
  • editor.findMatchHighlightBackground#ffffff55
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#22282c66
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#2d3b494d
  • editor.foreground#ffffff
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#000000
  • editor.lineHighlightBackground#ff00000a
  • editor.lineHighlightBorder#797474
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#000000
  • editor.selectionHighlightBackground#00000026
  • editor.selectionHighlightBorder#000000
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#000000b8
  • editor.wordHighlightStrongBorder#c76d6d
  • editorBracketMatch.background#000000
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#e6dede
  • editorCursor.background#000000
  • editorCursor.foreground#ffffff
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#796d6d
  • editorGroup.border#28282a
  • editorGroup.emptyBackground#28282a
  • editorGroupHeader.border#28282a
  • editorGroupHeader.tabsBackground#28282a
  • editorGroupHeader.tabsBorder#28282a
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#28282a
  • editorGutter.commentRangeForeground#b69a9a
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#b69a9a
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#000000
  • editorHoverWidget.border#000000
  • editorHoverWidget.foreground#8a5b5b
  • editorIndentGuide.activeBackground#28282a
  • editorIndentGuide.background#28282a
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#ff0000
  • editorLineNumber.foreground#ffffff3c
  • editorLink.activeForeground#ffffff
  • editorMarkerNavigation.background#000000
  • editorMarkerNavigationError.background#000000
  • editorMarkerNavigationInfo.background#000000
  • editorMarkerNavigationWarning.background#000000
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#000000
  • editorSuggestWidget.background#000000
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#ffffff
  • editorSuggestWidget.selectedBackground#a72424
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#f9cc00
  • editorWhitespace.foreground#ffffff
  • editorWidget.background#28282a
  • editorWidget.foreground#ffffff
  • editorWidget.resizeBorder#28282a
  • focusBorder#28282a
  • foreground#ffffff
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#c74e39
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#ffffff
  • input.background#000000
  • input.border#000000
  • input.foreground#ffffff
  • input.placeholderForeground#ffffff
  • inputOption.activeBackground#00000066
  • inputOption.activeBorder#00000000
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#000000
  • list.activeSelectionForeground#ff0000
  • list.dropBackground#28282a
  • list.focusBackground#28282a
  • list.focusForeground#ffffff
  • list.highlightForeground#ffffff
  • list.hoverBackground#a7242418
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#000000
  • list.inactiveSelectionForeground#ff0000
  • listFilterWidget.background#000008
  • listFilterWidget.noMatchesOutline#000000
  • listFilterWidget.outline#00000000
  • menu.background#28282a
  • menu.border#00000085
  • menu.foreground#ffffff
  • menu.selectionBackground#000000
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#000000
  • menubar.selectionBackground#0000001a
  • menubar.selectionBorder#28282a
  • menubar.selectionForeground#ff1a1a
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#28282a
  • minimap.errorHighlight#796d6d
  • minimap.findMatchHighlight#000000
  • minimap.selectionHighlight#000000
  • minimap.warningHighlight#f9cc00
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#000000
  • notificationCenterHeader.background#28282a
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#28282a
  • notifications.border#000000
  • notifications.foreground#ffffff
  • notificationsErrorIcon.foreground#ff0000
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#28282a
  • panel.background#000000
  • panel.border#020000
  • panelSection.border#ffffff59
  • panelTitle.activeBorder#000000
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#ffffff99
  • peekView.border#000000
  • peekViewEditor.background#141719
  • peekViewEditor.matchHighlightBackground#06060699
  • peekViewEditor.matchHighlightBorder#000000
  • peekViewEditorGutter.background#000000
  • peekViewResult.background#000000
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ff00004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#000000
  • peekViewTitleDescription.foreground#ffffffb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#28282a
  • pickerGroup.foreground#ffffff
  • progressBar.background#ff0000
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#00000066
  • scrollbarSlider.background#00000066
  • scrollbarSlider.hoverBackground#000000b3
  • selection.background#28282a
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ffffff
  • sideBar.background#28282a
  • sideBar.border#28282a
  • sideBar.dropBackground#28282a
  • sideBar.foreground#ffffff
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#00000033
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#ffffff
  • statusBar.background#28282a
  • statusBar.border#28282a
  • statusBar.debuggingBackground#28282a
  • statusBar.debuggingBorder#000000
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#28282a
  • statusBar.noFolderBorder#28282a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#ff0000
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#28282a
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#f7f7f7
  • tab.border#28282a
  • tab.hoverBackground#000000
  • tab.hoverBorder#000000
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#28282a
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#ffffff
  • terminal.ansiYellow#e5e510
  • terminal.border#ffffff59
  • terminal.foreground#ffffff
  • terminal.selectionBackground#00000040
  • terminalCursor.background#843434
  • terminalCursor.foreground#ffffff
  • textLink.foreground#a72424
  • titleBar.activeBackground#28282a
  • titleBar.activeForeground#ffffff
  • titleBar.border#28282a
  • titleBar.inactiveBackground#28282a
  • titleBar.inactiveForeground#ffffff99
  • tree.indentGuidesStroke#28282a
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#28282a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
punctuation.definition.delayed.unison,punctuation.definition.list.begin.unison,punctuation.definition.list.end.unison,punctuation.definition.ability.begin.unison,punctuation.definition.ability.end.unison,punctuation.operator.assignment.as.unison,punctuation.separator.pipe.unison,punctuation.separator.delimiter.unison,punctuation.definition.hash.unison#af00ff
variable.other.generic-type.haskell#ffd700
storage.type.haskell#ffffff
support.variable.magic.python#af00ff
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#ffffff
variable.parameter.function.language.special.self.python#00ff71
storage.modifier.lifetime.rust#ffffff
support.function.std.rust#ff9b00
entity.name.lifetime.rust#00ff71
variable.language.rust#af00ff
support.constant.edge#ffd700
constant.other.character-class.regexp#af00ff
keyword.operator.quantifier.regexp#ffffff
punctuation.definition.string.begin,punctuation.definition.string.end#00e7ff
variable.parameter.function#ffffff
comment markup.link#404651
markup.changed.diff#00ff71
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#ff9b00
markup.inserted.diff#00e7ff
markup.deleted.diff#af00ff
meta.function.c,meta.function.cpp#af00ff
punctuation.section.block.begin.bracket.curly.cpp,punctuation.section.block.end.bracket.curly.cpp,punctuation.terminator.statement.c,punctuation.section.block.begin.bracket.curly.c,punctuation.section.block.end.bracket.curly.c,punctuation.section.parens.begin.bracket.round.c,punctuation.section.parens.end.bracket.round.c,punctuation.section.parameters.begin.bracket.round.c,punctuation.section.parameters.end.bracket.round.c#ffffff
punctuation.separator.key-value#ffffff
keyword.operator.expression.import#ff9b00
support.constant.math#00ff71
support.constant.property.math#ffffff
variable.other.constant#00ff71
storage.type.annotation.java, storage.type.object.array.java#00ff71
source.java#af00ff
punctuation.section.block.begin.java,punctuation.section.block.end.java,punctuation.definition.method-parameters.begin.java,punctuation.definition.method-parameters.end.java,meta.method.identifier.java,punctuation.section.method.begin.java,punctuation.section.method.end.java,punctuation.terminator.java,punctuation.section.class.begin.java,punctuation.section.class.end.java,punctuation.section.inner-class.begin.java,punctuation.section.inner-class.end.java,meta.method-call.java,punctuation.section.class.begin.bracket.curly.java,punctuation.section.class.end.bracket.curly.java,punctuation.section.method.begin.bracket.curly.java,punctuation.section.method.end.bracket.curly.java,punctuation.separator.period.java,punctuation.bracket.angle.java,punctuation.definition.annotation.java,meta.method.body.java#ffffff
meta.method.java#ff9b00
storage.modifier.import.java,storage.type.java,storage.type.generic.java#00ff71
keyword.operator.instanceof.java#ffd700
meta.definition.variable.name.java#af00ff
keyword.operator.logical#ffffff
keyword.operator.bitwise#ffffff
keyword.operator.channel#ffffff
support.constant.property-value.scss,support.constant.property-value.css#ffffff
keyword.operator.css,keyword.operator.scss,keyword.operator.less#ffffff
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ffffff
punctuation.separator.list.comma.css#ffffff
support.constant.color.w3c-standard-color-name.css#ffffff
support.type.vendored.property-name.css#ffffff
support.module.node,support.type.object.module,support.module.node#00ff71
entity.name.type.module#00ff71
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#af00ff
support.constant.json#ffffff
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#ffd700
support.type.object.console#af00ff
support.variable.property.process#ffffff
entity.name.function,support.function.console#ff9b00
keyword.operator.misc.rust#ffffff
keyword.operator.sigil.rust#ffd700
keyword.operator.delete#ffd700
support.type.object.dom#ffffff
support.variable.dom,support.variable.property.dom#af00ff
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#ffffff
keyword.operator.assignment.c,keyword.operator.comparison.c,keyword.operator.c,keyword.operator.increment.c,keyword.operator.decrement.c,keyword.operator.bitwise.shift.c,keyword.operator.assignment.cpp,keyword.operator.comparison.cpp,keyword.operator.cpp,keyword.operator.increment.cpp,keyword.operator.decrement.cpp,keyword.operator.bitwise.shift.cpp#ffd700
punctuation.separator.delimiter#ffffff
punctuation.separator.c,punctuation.separator.cpp#ffd700
support.type.posix-reserved.c,support.type.posix-reserved.cpp#ffffff
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ffd700
variable.parameter.function.language.python#ffffff
support.type.python#ffffff
keyword.operator.logical.python#ffd700
variable.parameter.function.python#ffffff
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#ffffff
meta.function-call.generic.python#ff9b00
constant.character.format.placeholder.other.python#ffffff
keyword.operator#ffffff
keyword.operator.assignment.compound#ffd700
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#ffffff
keyword#ffd700
entity.name.namespace#00ff71
variable#af00ff
variable.c#ffffff
variable.language#00ff71
token.variable.parameter.java#ffffff
import.storage.java#00ff71
token.package.keyword#ffd700
token.package#ffffff
entity.name.function, meta.require, support.function.any-method, variable.function#ff9b00
entity.name.type.namespace#00ff71
support.class, entity.name.type.class#00ff71
entity.name.class.identifier.namespace.type#00ff71
entity.name.class, variable.other.class.js, variable.other.class.ts#00ff71
variable.other.class.php#af00ff
entity.name.type#00ff71
keyword.control#ffd700
control.elements, keyword.operator.less#ffffff
keyword.other.special-method#ff9b00
storage#ffd700
token.storage#ffd700
keyword.operator.expression.delete,keyword.operator.expression.in,keyword.operator.expression.of,keyword.operator.expression.instanceof,keyword.operator.new,keyword.operator.expression.typeof,keyword.operator.expression.void#ffd700
token.storage.type.java#00ff71
support.function#ffffff
support.type.property-name#ffffff
support.constant.property-value#ffffff
support.constant.font-name#ffffff
meta.tag#ffffff
string#00e7ff
entity.other.inherited-class#00ff71
constant.other.symbol#ffffff
constant.numeric#ffffff
constant#ffffff
punctuation.definition.constant#ffffff
entity.name.tag#af00ff
entity.other.attribute-name#ffffff
entity.other.attribute-name.id#ff9b00normal
entity.other.attribute-name.class.css#ffffffnormal
meta.selector#ffd700
markup.heading#af00ff
markup.heading punctuation.definition.heading, entity.name.section#ff9b00
keyword.other.unit#af00ff
markup.bold,todo.bold#ffffff
punctuation.definition.bold#00ff71
markup.italic, punctuation.definition.italic,todo.emphasis#ffd700
emphasis md#ffd700
entity.name.section.markdown#af00ff
punctuation.definition.heading.markdown#af00ff
punctuation.definition.list.begin.markdown#af00ff
markup.heading.setext#ffffff
punctuation.definition.bold.markdown#ffffff
markup.inline.raw.markdown#00e7ff
markup.inline.raw.string.markdown#00e7ff
punctuation.definition.list.markdown#af00ff
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#af00ff
beginning.punctuation.definition.list.markdown#af00ff
punctuation.definition.metadata.markdown#af00ff
markup.underline.link.markdown,markup.underline.link.image.markdown#ffd700
string.other.link.title.markdown,string.other.link.description.markdown#ff9b00
string.regexp#ffffff
constant.character.escape#ffffff
punctuation.section.embedded, variable.interpolation#af00ff
punctuation.section.embedded.begin,punctuation.section.embedded.end#ffd700
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#ffffff
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#af00ff
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#af00ff
source.json meta.structure.dictionary.json > value.json > string.quoted.json,source.json meta.structure.array.json > value.json > string.quoted.json,source.json meta.structure.dictionary.json > value.json > string.quoted.json > punctuation,source.json meta.structure.array.json > value.json > string.quoted.json > punctuation#00e7ff
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#ffffff
support.type.property-name.json#af00ff
support.type.property-name.json punctuation#af00ff
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#ffd700
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ffd700
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#00ff71
keyword.operator.error-control.php#ffd700
keyword.operator.type.php#ffd700
punctuation.section.array.begin.php#ffffff
punctuation.section.array.end.php#ffffff
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#00ff71
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#ff9b00
punctuation.definition.parameters.begin.bracket.round.php,punctuation.definition.parameters.end.bracket.round.php,punctuation.separator.delimiter.php,punctuation.section.scope.begin.php,punctuation.section.scope.end.php,punctuation.terminator.expression.php,punctuation.definition.arguments.begin.bracket.round.php,punctuation.definition.arguments.end.bracket.round.php,punctuation.definition.storage-type.begin.bracket.round.php,punctuation.definition.storage-type.end.bracket.round.php,punctuation.definition.array.begin.bracket.round.php,punctuation.definition.array.end.bracket.round.php,punctuation.definition.begin.bracket.round.php,punctuation.definition.end.bracket.round.php,punctuation.definition.begin.bracket.curly.php,punctuation.definition.end.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php,punctuation.definition.section.switch-block.start.bracket.curly.php,punctuation.definition.section.switch-block.begin.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php#ffffff
support.constant.core.rust#ffffff
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ffffff
entity.name.goto-label.php,support.other.php#ff9b00
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#ffffff
keyword.operator.regexp.php#ffd700
keyword.operator.comparison.php#ffffff
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ffd700
meta.function.decorator.python#ff9b00
support.token.decorator.python,meta.function.decorator.identifier.python#ffffff
function.parameter#ffffff
function.brace#ffffff
function.parameter.ruby, function.parameter.cs#ffffff
constant.language.symbol.ruby#ffffff
rgb-value#ffffff
inline-color-decoration rgb-value#ffffff
less rgb-value#ffffff
selector.sass#af00ff
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#00ff71
block.scope.end,block.scope.begin#ffffff
storage.type.cs#00ff71
entity.name.variable.local.cs#af00ff
token.info-token#ff9b00
token.warn-token#ffffff
token.error-token#f44747
token.debug-token#ffd700
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ffd700
meta.template.expression#ffffff
keyword.operator.module#ffd700
support.type.type.flowtype#ff9b00
support.type.primitive#00ff71
meta.property.object#af00ff
variable.parameter.function.js#af00ff
keyword.other.template.begin#00e7ff
keyword.other.template.end#00e7ff
keyword.other.substitution.begin#00e7ff
keyword.other.substitution.end#00e7ff
keyword.operator.assignment#ffffff
keyword.operator.assignment.go#00ff71
keyword.operator.arithmetic.go, keyword.operator.address.go#ffd700
entity.name.package.go#00ff71
support.type.prelude.elm#ffffff
support.constant.elm#ffffff
punctuation.quasi.element#ffd700
constant.character.entity#af00ff
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#ffffff
entity.global.clojure#00ff71
meta.symbol.clojure#af00ff
constant.keyword.clojure#ffffff
meta.arguments.coffee, variable.parameter.function.coffee#af00ff
source.ini#00e7ff
meta.scope.prerequisites.makefile#af00ff
source.makefile#00ff71
storage.modifier.import.groovy#00ff71
meta.method.groovy#ff9b00
meta.definition.variable.name.groovy#af00ff
meta.definition.class.inherited.classes.groovy#00e7ff
support.variable.semantic.hlsl#00ff71
support.type.texture.hlsl, support.type.sampler.hlsl, support.type.object.hlsl, support.type.object.rw.hlsl, support.type.fx.hlsl, support.type.object.hlsl#ffd700
text.variable, text.bracketed#af00ff
support.type.swift, support.type.vb.asp#00ff71
entity.name.function.xi#00ff71
entity.name.class.xi#ffffff
constant.character.character-class.regexp.xi#af00ff
constant.regexp.xi#ffd700
keyword.control.xi#ffffff
invalid.xi#ffffff
beginning.punctuation.definition.quote.markdown.xi#00e7ff
beginning.punctuation.definition.list.markdown.xi#404651
constant.character.xi#ff9b00
accent.xi#ff9b00
wikiword.xi#ffffff
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#404651
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#00ff71
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#af00ff
meta.brace.square#ffffff
comment, punctuation.definition.comment#404651italic
markup.quote.markdown#404651
punctuation.definition.block.sequence.item.yaml#ffffff
constant.language.symbol.elixir#ffffff
entity.other.attribute-name.js,entity.other.attribute-name.ts,entity.other.attribute-name.jsx,entity.other.attribute-name.tsx,variable.parameter,variable.language.superitalic
comment.line.double-slash,comment.block.documentationitalic
keyword.control.import.python,keyword.control.flow.pythonitalic
markup.italic.markdownitalic

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Notes Ocean Theme - Coding Theme