Daruka Theme
Publisher: Onur TaskiranThemes in package: 1
A modern dark theme with a balanced color palette for enhanced focus and readability.
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#000000
- activityBar.border#333333
- activityBar.foreground#FFFFFF
- activityBar.inactiveForeground#CCCCCC
- activityBarBadge.background#007ACC
- activityBarBadge.foreground#FFFFFF
- editor.background#1a1919
- editor.foldBackground#00000000
- editor.foreground#D4D4D4
- editor.lineHighlightBackground#00000000
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#00000000
- editor.rangeHighlightBorder#00000000
- editor.selectionBackground#087ef3
- editorBracketHighlight.foreground1#00000000
- editorBracketHighlight.foreground2#00000000
- editorBracketHighlight.unexpectedBracketForeground#00000000
- editorBracketMatch.background#00000000
- editorBracketMatch.border#00000000
- editorCodeLens.foreground#00000000
- editorCursor.foreground#FFFFFF
- editorIndentGuide.activeBackground#242424
- editorIndentGuide.background#2c2c2c
- editorLineNumber.activeForeground#C6C6C6
- editorLineNumber.foreground#7087c2
- editorWhitespace.foreground#00000000
- gitDecoration.addedResourceForeground#00ff00a4
- gitDecoration.conflictingResourceForeground#FF4500
- gitDecoration.deletedResourceForeground#FF0000
- gitDecoration.ignoredResourceForeground#808080
- gitDecoration.modifiedResourceForeground#ffa600cd
- gitDecoration.submoduleResourceForeground#800080
- gitDecoration.untrackedResourceForeground#47a0fafb
- list.activeSelectionBackground#3e3e3e
- list.activeSelectionForeground#82AAFF
- list.background#000000
- list.dropBackground#212222
- list.foreground#CCCCCC
- list.hoverBackground#1a1919
- list.hoverForeground#FFFFFF
- list.inactiveSelectionBackground#353535
- list.inactiveSelectionForeground#82AAFF
- sideBar.background#1a1919
- sideBar.border#333333
- sideBar.dropBackground#212222
- sideBar.foreground#b8b8b8
- sideBarSectionHeader.background#1A1A1A
- sideBarSectionHeader.foreground#FFFFFF
- sideBarTitle.foreground#FFFFFF
- terminal.ansiBlack#000000
- terminal.ansiBlue#82AAFF
- terminal.ansiBrightBlack#686868
- terminal.ansiBrightBlue#82AAFF
- terminal.ansiBrightCyan#9AEDFE
- terminal.ansiBrightGreen#5AF78E
- terminal.ansiBrightMagenta#FF92D0
- terminal.ansiBrightRed#FF6E67
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#F4F99D
- terminal.ansiCyan#9AEDFE
- terminal.ansiGreen#5AF78E
- terminal.ansiMagenta#FF6AC1
- terminal.ansiRed#FF5C57
- terminal.ansiWhite#F1F1F0
- terminal.ansiYellow#F3F99D
- terminal.background#1a1a1a
- terminal.foreground#82AAFF
- terminalCursor.background#82AAFF
- terminalCursor.foreground#82AAFF
- titleBar.activeBackground#1A1919
- titleBar.activeForeground#FFFFFF
- titleBar.inactiveBackground#1A1919
- titleBar.inactiveForeground#CCCCCC
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| text.html.php | #C4B9FE | — |
| variable.other.php | #CE78B0 | — |
| support.type.object.module.ts | #CE78B0 | — |
| entity.name.tag.ts | #C4B9FE | — |
| entity.other.attribute-name.ts | #82AAFF | — |
| support.class.component.ts | #C4B9FE | — |
| storage.type.ts | #82AAFF | — |
| storage.type.type.ts | #82AAFF | — |
| storage.type.interface.ts | #82AAFF | — |
| storage.type.enum.ts | #82AAFF | — |
| entity.name.type.enum.ts | #C4B9FE | — |
| entity.name.type.ts | #C4B9FE | — |
| entity.name.type.interface.ts | #C4B9FE | — |
| entity.name.function.ts | #96D0FF | bold |
| storage.type.function.ts | #82AAFF | — |
| meta.object-literal.key.ts | #C4B9FE | — |
| meta.type.annotation.ts | #C4B9FE | — |
| meta.type.parameters.ts | #CE78B0 | — |
| variable.parameter.ts | #C4B9FE | — |
| storage.modifier.async.ts | #C4B9FE | — |
| punctuation.definition.block.ts, punctuation.definition.parameters.begin.ts, punctuation.definition.parameters.end.ts, meta.brace.round.ts, meta.brace.square.ts, meta.brace.curly.ts | #82AAFF | — |
| meta.block.ts | #C4B9FE | — |
| meta.function.expression.ts | #96D0FF | — |
| meta.export.default.ts | #FFCC66 | — |
| meta.decorator.ts | #82AAFF | — |
| variable.other.readwrite.ts | #C4B9FE | — |
| support.type.primitive.ts | #CE78B0 | — |
| support.type.object.module.js | #CE78B0 | — |
| variable.other.php | #CE78B0 | — |
| entity.name.tag.js | #C4B9FE | — |
| entity.other.attribute-name.js | #82AAFF | — |
| support.class.component.js | #C4B9FE | — |
| storage.type.js | #82AAFF | — |
| entity.name.function.js | #96D0FF | — |
| storage.type.function.js | #82AAFF | — |
| variable | #C4B9FE | — |
| meta.object-literal.key.js | #C4B9FE | — |
| meta.jsx.children.js | #C4B9FE | — |
| variable.parameter.js | #C4B9FE | — |
| storage.modifier.async.js | #C4B9FE | — |
| parameter | #FFCC66 | — |
| comment, punctuation.definition.comment | #7C7C7C | normal |
| string | #CE78B0 | — |
| constant.numeric | #B5CEA8 | — |
| keyword | #82AAFF | bold |
| entity.name.class | #4EC9B0 | — |
| punctuation | #82AAFF | — |
| punctuation.definition.block.js, punctuation.definition.parameters.begin.js, punctuation.definition.parameters.end.js, meta.brace.round.js, meta.brace.square.js, meta.brace.curly.js | #82AAFF | — |
| meta.block.js | #C4B9FE | — |
| meta.function.expression.js | #96D0FF | — |
| meta.export.default.js | #FFCC66 | — |
| attr-name | #FFCC66 | — |
| attr-value | #CE78B0 | — |
| function | #96D0FF | — |
| entity.name.type.namespace.cs | #C4B9FE | — |
| entity.name.type.cs | #96D0FF | — |
| entity.name.type.class.cs | #CE78B0 | — |
| storage.modifier.private.cs | #96D0FF | — |
| storage.modifier.public.cs | #C4B9FE | — |
| storage.type.namespace.cs | #C4B9FE | — |
| storage.type.class.cs | #96D0FF | — |
| entity.name.function.python | #96D0FF | — |
| meta.function.python | #CE78B0 | — |
| meta.function-call.arguments.python | #C4B9FE | — |
| meta.fstring.python | #FFCC66 | — |
| meta.function-call.python | #C4B9FE | — |
| entity.name.function.cs | #96D0FF | — |
| entity.name.variable.local.cs | #CE78B0 | — |
| storage.type.var.cs | #C4B9FE | — |
| entity.name.variable.parameter.cs | #FFCC66 | — |
| entity.name.function.python | #96D0FF | — |
| meta.function.python | #CE78B0 | — |
| keyword.operator.expression.keyof.ts, keyword.operator.expression.typeof.ts, keyword.operator.expression.infer.ts | #82AAFF | bold |
| meta.type.parameters.ts, meta.type.parameters.ts punctuation | #CE78B0 | — |
| keyword.operator.type.ts, keyword.operator.optional.ts, keyword.operator.definiteassignment.ts | #C4B9FE | — |
| variable.other.enummember.ts | #C4B9FE | — |
| punctuation.decorator.ts | #82AAFF | — |
| meta.type.annotation.ts, meta.type.annotation.ts entity.name.type.ts | #4EC9B0 | — |
| storage.modifier.implements.ts, storage.modifier.extends.ts | #82AAFF | bold |
| meta.template.expression.ts, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts | #CE78B0 | — |
| support.type.utility.ts | #82AAFF | — |
| meta.type.annotation.ts keyword.operator.type.annotation.ts | #82AAFF | — |
| punctuation.definition.typeparameters.begin.ts, punctuation.definition.typeparameters.end.ts | #82AAFF | — |
| entity.name.tag.tsx | #C4B9FE | — |
| storage.type.interface.ts, storage.type.type.ts | #82AAFF | bold |
| keyword.operator.ternary.ts, keyword.operator.conditional.ts | #82AAFF | — |
| keyword.control.flow.ts, keyword.control.promise.ts | #82AAFF | — |
| keyword.operator.expression.is.ts, keyword.operator.expression.as.ts | #82AAFF | — |
| variable.other.object.ts | #CE78B0 | — |
| variable.other.property.ts | #FFCC66 | — |
| variable.other.constant.ts | #FF9966 | — |
| variable.other.readwrite.alias.ts | #C4B9FE | — |
| variable.other.readwrite.tsx | #C4B9FE | — |
| entity.name.function.tsx | #96D0FF | bold |
| variable.other.object.tsx | #CE78B0 | — |
| variable.parameter.tsx | #FFCC66 | — |
| meta.arrow.ts entity.name.function.ts | #96D0FF | bold |
| meta.definition.function.ts entity.name.function.ts | #96D0FF | bold |
| meta.definition.method.ts entity.name.function.ts | #96D0FF | bold |
| meta.method.declaration.ts entity.name.function.ts | #96D0FF | bold |
| meta.interface.ts entity.name.type.interface.ts | #4EC9B0 | bold |
| meta.class.ts entity.name.type.class.ts | #4EC9B0 | bold |
| entity.other.attribute-name.tsx | #82AAFF | — |
| meta.tag.attributes.tsx | #C4B9FE | — |
| meta.tag.tsx | #96D0FF | — |
| meta.embedded.expression.tsx | #CE78B0 | — |
| meta.jsx.children.tsx | #FFCC66 | — |
| meta.tag.without-attributes.tsx | #C4B9FE | — |
| meta.block.tsx | #CE78B0 | — |
| meta.function.tsx | #96D0FF | — |
| source.tsx | #C4B9FE | — |
| style.tsx | #82AAFF | bold |
| prop.tsx | #FFCC66 | — |
| constant.tsx | #FF9966 | — |