Dark Fem
Publisher: ChookithThemes in package: 1
Themes for the beautiful and the deadly. Warlike Aphrodite
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#370413
- activityBar.background#5d0520
- activityBar.foreground#e5bbc8
- badge.background#e5bbc8
- badge.foreground#5d0520
- banner.background#9c2c4e
- breadcrumb.foreground#DF94AA
- button.background#9c2c4e
- button.secondaryBackground#4e7b84
- checkbox.background#9c2c4e
- checkbox.foreground#e5bbc8
- dropdown.background#9c2c4e
- dropdown.foreground#e5bbc8
- dropdown.listBackground#9c2c4e
- editor.background#1a0510
- editor.foreground#df94aa
- editor.hoverHighlightBackground#c96b8745
- editor.lineHighlightBackground#47122d41
- editor.lineHighlightBorder#42102a2b
- editor.selectionBackground#c60c4480
- editor.selectionHighlightBackground#c243694b
- editor.wordHighlightBackground#bf7e922a
- editorBracketHighlight.foreground1#ae90de
- editorBracketHighlight.foreground2#9363e0
- editorBracketHighlight.foreground3#6f63e0
- editorBracketHighlight.foreground4#4e3de4
- editorBracketHighlight.foreground5#3389d4
- editorBracketHighlight.foreground6#5fa5e3
- editorBracketHighlight.unexpectedBracket.foreground#7dc59d
- editorBracketMatch.background#c60c4461
- editorBracketMatch.border#dcd5fc86
- editorCodeLens.foreground#dcd5fcba
- editorGroup.dropBackground#e5bbc829
- editorGroupHeader.noTabsBackground#d0beab56
- editorGroupHeader.tabsBackground#3f0415
- editorHoverWidget.highlightForeground#c3a8f0
- editorLineNumber.activeForeground#df94aa
- editorLineNumber.foreground#df94ab50
- editorLink.activeForeground#dcd5fcba
- editorSuggestWidget.foreground#df94aa
- editorSuggestWidget.highlightForeground#c3a8f0
- editorWhitespace.foreground#8e7fd36f
- editorWidget.background#5d0520
- icon.foreground#df94aa
- input.background#9c2c4e
- input.border#5d0520
- input.foreground#e5bbc8
- input.placeholderForeground#e5bbc883
- inputOption.activeBackground#e5bbc8
- inputOption.activeBorder#5d0520
- inputOption.activeForeground#5d0520
- inputOption.hoverBackground#5d051f71
- list.activeSelectionBackground#e5bbc851
- list.activeSelectionForeground#e5bbc8
- list.activeSelectionIconForeground#5d0520
- list.dropBackground#5d051f4c
- list.focusBackground#5d051f68
- list.focusForeground#e5bbc8
- list.focusOutline#3f0416
- list.highlightForeground#5d051f68
- list.hoverBackground#e5bbc83e
- list.hoverForeground#e5bbc8
- list.inactiveFocusBackground#e5bbc827
- list.inactiveFocusOutline#3f0416
- list.inactiveSelectionBackground#41041668
- list.inactiveSelectionForeground#e5bbc8
- menu.background#9c2c4e
- menu.foreground#e5bbc8
- menu.selectionBackground#e5bbc82e
- progressBar.background#e5bbc8
- scrollbar.shadow#5d0520
- scrollbarSlider.activeBackground#dd8ba483
- scrollbarSlider.background#e2729345
- scrollbarSlider.hoverBackground#e2729383
- searchEditor.findMatchBackground#7dc5c5
- sideBar.background#370413
- sideBar.foreground#e5bbc8
- statusBar.background#370413
- statusBar.foreground#e5bbc8
- tab.activeForeground#e5bbc8
- tab.inactiveBackground#370413
- tab.inactiveForeground#e5bbc8
- terminal.ansiCyan#ACD1FF
- terminal.ansiGreen#9DD2B9E1
- terminal.ansiMagenta#C05A86
- terminal.ansiYellow#C58F1C
- terminal.border#DF94AA
- terminal.foreground#FCC8E3
- titleBar.activeBackground#1f020b
- titleBar.activeForeground#e5bbc8
- toolbar.activeBackground#9c2c4e
- toolbar.hoverBackground#9c2c4e
- widget.shadow#480418
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| constant.language.boolean.true.js, constant.language.boolean.true.ts, constant.language.boolean.true.tsx, constant.language.true.cpp, constant.language.boolean.true.cs, constant.language.boolean.true.scad | #c6c992 | bold |
| constant.language.boolean.false.js, constant.language.boolean.false.ts, constant.language.boolean.false.tsx, constant.language.false.cpp, constant.language.boolean.false.cs | #8d99af | bold |
| constant.language.null.js, constant.language.null.ts, constant.language.null.tsx, constant.language.python, constant.language.ruby, constant.language.nil.ruby, constant.language.boolean.ruby, constant.language.c, constant.language.NULL.cpp, constant.language.null.cs | #6A8D73 | bold |
| keyword.control.at-rule.tailwind.tailwind, keyword.control.import.js, keyword.control.as.js, keyword.control.from.js, keyword.control.import.ts, keyword.control.as.ts, keyword.control.from.ts, keyword.control.import.tsx, keyword.control.as.tsx, keyword.control.from.tsx, keyword.control.import.python, keyword.control.directive.include.c, keyword.other.using.directive.cpp, keyword.control.directive.include.cpp, keyword.other.directive.using.cs | #9dd2b9e1 | — |
| punctuation.separator.key-value, punctuation.terminator.rule.css, punctuation.definition.entity.css, punctuation.separator.list.comma.css, punctuation.accessor.js, punctuation.terminator.statement.js, keyword.operator.assignment.js, punctuation.separator.comma.js, keyword.operator.type.annotation.ts, keyword.operator.type.ts, keyword.operator.assignment.ts, punctuation.accessor.ts, punctuation.separator.comma.ts, punctuation.terminator.statement.ts, keyword.operator.assignment.ts, keyword.operator.assignment.tsx, keyword.operator.type.annotation.tsx, punctuation.terminator.statement.tsx, punctuation.accessor.tsx, punctuation.separator.comma.tsx, punctuation.separator.dictionary.key-value.json, punctuation.separator.dictionary.pair.json, punctuation.separator.array.json, punctuation.section.function.begin.python, punctuation.section.class.begin.python, punctuation.separator.colon.python, punctuation.separator.annotation.python, punctuation.separator.period.python, keyword.operator.assignment.python, punctuation.separator.parameters.python, punctuation.separator.element.python, punctuation.separator.method.ruby, punctuation.separator.object.ruby, keyword.operator.assignment.ruby, punctuation.definition.constant.ruby, punctuation.separator.arguments.ruby, punctuation.separator.statement.ruby, punctuation.separator.variable.ruby, punctuation.separator.delimiter.c, punctuation.terminator.statement.c, keyword.operator.assignment.c, punctuation.separator.dot-access.c, punctuation.separator.colon.case.c, punctuation.terminator.statement.cpp, punctuation.separator.dot-access.cpp, punctuation.separator.label.cpp, keyword.operator.assignment.cpp, punctuation.separator.colon.access.control.cpp, punctuation.separator.colon.case.default.cpp, punctuation.separator.colon.case.cpp, punctuation.separator.colon.cs, punctuation.terminator.statement.cs, punctuation.accessor.cs, keyword.operator.assignment.cs, punctuation.separator.comma.cs, keyword.other.DML.sql, keyword.operator.assignment.scad, punctuation.terminator.statement.scad, keyword.operator.conditional.scad, meta.delimiter.object.comma.scad | #FFA928 | — |
| support.class.component.js, entity.name.tag.js | #bc4c7c | italic bold |
| keyword.control.default.js | #82abedcb | italic |
| keyword.control.export.js, storage.modifier.ts, keyword.control.export.ts, storage.modifier.tsx, keyword.control.export.tsx, keyword.control.export.js.jsx, storage.type.function.lambda.python, storage.modifier.declaration.python, punctuation.definition.variable.ruby, storage.type.modifier.access.control.public.cpp, storage.modifier.public.cs, storage.modifier.private.cs, storage.modifier.protected.cs | #79bfcdd2 | — |
| storage.type.class.js, storage.type.class.ts, storage.type.class.tsx, storage.type.class.python, keyword.control.class.ruby, storage.type.class.cpp, storage.type.class.cs | #a7e4f7f3 | italic |
| entity.name.type.class.js, entity.name.type.class.ts, entity.name.type.class.tsx, entity.name.type.class.python, entity.name.type.class.ruby, entity.name.type.class.cpp, entity.name.type.class.cs | #82abedcb | italic bold |
| entity.other.attribute-name.class, entity.name.tag.css, storage.type.function.js, storage.type.function.arrow.js, storage.type.function.ts, storage.type.function.arrow.ts, storage.type.function.tsx, storage.type.function.arrow.tsx, storage.type.function.python, keyword.control.def.ruby, punctuation.separator.pointer-access.c, keyword.operator.arrow.cs | #cdcaf5 | italic |
| entity.name.function.js, entity.name.function.ts, entity.name.function.tsx, entity.name.function.python, entity.name.function.decorator.python, meta.function-call.generic.python, entity.name.function.ruby, entity.name.function.c, entity.name.function.definition.cpp, entity.name.function.cs, entity.name.function.call.scad | #ceabf7cb | italic bold |
| keyword.operator.new.js, variable.language.this.js, variable.language.this.ts, keyword.operator.new.ts, keyword.other.special-method.ruby, keyword.operator.new.cpp, variable.language.this.cpp, keyword.operator.expression.new.cs, variable.language.this.cs | #d14f76ea | italic bold |
| variable.parameter.js, variable.parameter.tsx, variable.parameter.function.language.python, entity.other.inherited-class.python, meta.function-call.arguments.python, variable.parameter.function.ruby, meta.function-call.ruby, meta.function.definition.parameters.c, entity.name.type.parameter.cpp, entity.name.variable.parameter.cs, meta.function-call.arguments.scad | #F3BFDB | italic bold |
| storage.modifier.async.ts, storage.modifier.async.js.jsx, storage.type.function.async.python, keyword.other.async.cs, keyword.other.await.cs | #ebdfc7e3 | bold |
| storage.type.js, storage.type.ts, storage.type.tsx, storage.type.built-in.primitive.c, keyword.control.directive.define.c, storage.type.built-in.primitive.cpp, storage.type.namespace.directive.cpp, keyword.type.void.cs, keyword.type.int.cs, keyword.type.string.cs, keyword.type.bool.cs, storage.type.var.cs, entity.name.type.cs, storage.type.namespace.cs, support.type.python | #d14f76ea | italic bold |
| meta.attribute.lang.html, meta.attribute.charset.html, meta.attribute.content.html, meta.attribute.http-equiv.html, meta.attribute.name.html, meta.attribute.content.html, meta.attribute.href.html, meta.attribute.rel.html, meta.attribute.type.html, meta.attribute.wrap.html, meta.attribute.cols.html, meta.attribute.rows.html, meta.attribute.id.html, meta.attribute.placeholder.html, meta.attribute.lang.html, meta.attribute.charset.html, meta.attribute.content.html, meta.attribute.http-equiv.html, meta.attribute.name.html, meta.attribute.content.html, meta.attribute.href.html, meta.attribute.rel.html, meta.attribute.type.html, meta.attribute.wrap.html, meta.attribute.cols.html , meta.attribute.rows.html, meta.attribute.id.html, meta.attribute.placeholder.html, meta.tag.structure.input.void.html, string.quoted.double.css, string.quoted.double.js, entity.other.attribute-name.js, string.quoted.double.ts, string.quoted.double.tsx, string.quoted.double.ruby, string.quoted.double.interpolated.ruby, string.quoted.double.c, string.quoted.double.cpp, string.quoted.double.cs, keyword.other.sql, string.quoted.double.sql | #f5d2bf | italic |
| string.quoted.single.js, string.quoted.single.python, string.quoted.single.ruby, string.quoted.single.ts, string.quoted.single.tsx, string.quoted.single.c, string.quoted.double.cpp, string.quoted.single.cs, string.quoted.single.sql | #f3cd94f8 | italic |
| string.template.js, invalid.deprecated.backtick.python, string.interpolated.ruby, string.quoted.other.backtick.sql | #c58f1c | italic bold |
| meta.attribute.for.html, entity.name.tag.in.css, entity.name.tag.to.css, keyword.control.conditional.js, keyword.control.loop.js, keyword.control.flow.python, keyword.control.ruby, keyword.control.start-block.ruby, keyword.control.conditional.ts, keyword.control.loop.ts, keyword.control.conditional.tsx, keyword.control.loop.tsx, keyword.control.c, keyword.control.case.c, keyword.control.switch.c, keyword.control.if.cpp, keyword.control.else.cpp, keyword.control.for.cpp, keyword.control.while.cpp, keyword.control.do.cpp, keyword.control.switch.cpp, keyword.control.case.cpp, keyword.control.default.cpp, keyword.control.try.cpp, keyword.control.catch.cpp, keyword.control.conditional.if.cs, keyword.control.conditional.else.cs, keyword.control.loop.foreach.cs, keyword.control.loop.for.cs, keyword.control.loop.in.cs | #c6c2fd | italic bold |
| keyword.control.flow.js, keyword.control.flow.ts, keyword.control.flow.tsx, keyword.control.pseudo-method.ruby, keyword.control.return.cpp, keyword.control.break.cpp, keyword.control.continue.cpp, keyword.control.throw.cpp, keyword.control.flow.return.cs, keyword.control.flow.break.cs, keyword.control.flow.continue.cs | #ebdfc7 | italic bold |
| constant.numeric.decimal.js, constant.numeric.decimal.ts, constant.numeric.decimal.tsx, constant.numeric.dec.python, constant.numeric.integer.ruby, constant.numeric.ruby, constant.numeric.decimal.c, constant.numeric.decimal.cpp, constant.numeric.decimal.cs, constant.numeric.sql, constant.numeric.integer.decimal.scad, constant.numeric.float.scad | #f3bfdb | bold |
| constant.numeric.css | #CEABF7CB | italic bold |
| constant.other.color.rgb-value.hex.css | #f7e4c0 | italic |
| keyword.operator.assignment.compound.js, keyword.operator.arithmetic.js, keyword.operator.increment.ts, keyword.operator.decrement.ts, keyword.operator.assignment.compound.ts, keyword.operator.arithmetic.ts, keyword.operator.increment.tsx, keyword.operator.decrement.tsx, keyword.operator.assignment.compound.tsx, keyword.operator.arithmetic.tsx, keyword.operator.assignment.python, keyword.operator.arithmetic.python, keyword.operator.assignment.augmented.ruby, keyword.operator.arithmetic.ruby, keyword.operator.assignment.compound.c, keyword.operator.c, keyword.operator.increment.c, keyword.operator.increment.cpp, keyword.operator.decrement.cpp, keyword.operator.arithmetic.cpp, keyword.operator.assignment.compound.cpp, keyword.operator.assignment.compound.cs, keyword.operator.increment.cs, keyword.operator.decrement.cs, keyword.operator.arithmetic.cs | #ffa928 | — |
| entity.name.tag.body.css, entity.name.tag.li.css, entity.name.tag.a.css, entity.name.tag.header.css, entity.name.tag.h1.css, entity.name.tag.h2.css, entity.name.tag.h3.css, entity.name.tag.p.css | #CEABF7CB | italic bold |
| keyword.operator.logical.js, keyword.operator.relational.js, keyword.operator.comparison.js, keyword.operator.comparison.ts, keyword.operator.relational.ts, keyword.operator.logical.ts, keyword.operator.comparison.tsx, keyword.operator.relational.tsx, keyword.operator.logical.tsx, keyword.operator.comparison.python, keyword.operator.logical.python, keyword.operator.comparison.ruby, keyword.operator.logical.ruby, keyword.operator.comparison.c, keyword.operator.relational.c, keyword.operator.logical.c, keyword.operator.comparison.cpp, keyword.operator.logical.cpp, keyword.operator.relational.cpp, keyword.operator.comparison.cs, keyword.operator.relational.cs, keyword.operator.logical.cs, keyword.operator.comparison.sql | #C6C2FD | bold |
| support.type.property-name.css, meta.object-literal.key.js, meta.object-literal.key.ts, variable.object.property.ts, meta.object-literal.key.tsx, meta.definition.variable.tsx, support.type.property-name.json, constant.other.symbol.hashkey.ruby, constant.language.symbol.hashkey.ruby | #fdd6ebef | italic bold |
| comment.block.html, comment.block.css, comment.line.double-slash.js, comment.block.js, punctuation.definition.comment.ts, comment.block.ts, punctuation.definition.comment.tsx, comment.line.double-slash.tsx, comment.block.tsx, comment.line.double-slash.js, punctuation.definition.comment.json.comments, comment.line.number-sign.python, string.quoted.docstring.multi.python, comment.line.number-sign.ruby, comment.line.double-slash.c, comment.block.c, comment.line.double-slash.cpp, comment.block.cpp, comment.line.double-slash.cs, entity.name.tag.localname.cs, comment.block.documentation.cs, comment.line.double-slash.scad | #BC85CA | italic bold |
| entity.name.tag.html, punctuation.definition.tag.begin.html, meta.tag.metadata.style.end.html, punctuation.definition.tag.end.html, punctuation.definition.tag.begin.js, entity.name.tag.js, punctuation.definition.tag.end.js, entity.name.tag.tsx, punctuation.definition.tag.begin.tsx, punctuation.definition.tag.end.tsx, punctuation.definition.tag.begin.js.jsx, entity.name.tag.js.jsx, punctuation.definition.tag.end.js.jsx | #d14f76ea | italic bold |
| text.html.derivative, text.html, meta.jsx.children.tsx, meta.jsx.children.js.jsx, meta.jsx.children.js | #ffc7e2 | italic bold |
| text.html.markdown | #e0d3c9 | |
| entity.other.attribute-name.pseudo-element.css | #c6ac9c | italic bold |
| keyword.control.trycatch.js | #c2eafde5 | italic bold |
| keyword.operator.expression.typeof.js | #c2eafde5 | italic bold |
| meta.definition.property.ts | #df94aa | |
| punctuation.definition.block.ts | #e5ba85 | bold |
| variable.object.property.tsx | #c2eafde5 | italic bold |
| storage.modifier.async.tsx | #df94aa | italic bold |
| punctuation.definition.template-expression.begin.tsx, punctuation.definition.template-expression.end.tsx | #D14F76EA | italic bold |
| meta.embedded.line.tsx, meta.embedded.line.ruby | — | bold italic |
| meta.tag.attributes.tsx | #C6C2FD | — |
| entity.other.attribute-name.html, entity.other.attribute-name.tsx, entity.other.attribute-name.js.jsx | #DF94AA | — |
| entity.name.function.decorator.python | #dcbe94 | italic bold |
| support.function.magic.python | #c180fed7 | — |
| support.function.builtin.python | #E7C397 | italic bold |
| string.quoted.other.lt-gt.include.c | #ebc29c | bold |
| constant.other.placeholder.c | #7595a1 | bold |
| punctuation.definition.typeparameters.begin.cs, punctuation.definition.typeparameters.end.cs, string.quoted.other.lt-gt.include.cpp | #eed8bb | bold |
| heading.1.markdown | #D14F76EA | italic bold |
| heading.2.markdown | #DF94AA | italic bold |
| heading.3.markdown | #FFC7E2 | italic bold |
| markup.underline.link.image.markdown, markup.quote.markdown | #E0BF81 | — |
| markup.list.numbered.markdown, punctuation.definition.list.begin.markdown | #CEABF7CB | — |
| meta.function.scad | #a6805f | italic bold |