Skip to content

Instantly share code, notes, and snippets.

@PSingletary

PSingletary/CyberPunk-Themes.json

Last active October 30, 2025 14:47
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save PSingletary/223fb7c63a7d3c650bcf92f6eb580e5e to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save PSingletary/223fb7c63a7d3c650bcf92f6eb580e5e to your computer and use it in GitHub Desktop.
Download ZIP
Cyberpunk Themes
Raw
readme.md

Collection and Conversion of several CyberPunk Themes

Raw
cyberpunk-color-theme.json
{
"name": "cyberpunk",
"type": "dark",
"colors": {
"errorForeground": "#ff3270",
"foreground": "#ffffff",
// Merge Section
"merge.commonContentBackground": "#ff004c33",
"merge.commonHeaderBackground": "#ff004c44",
"merge.currentContentBackground": "#00ff8427",
"merge.currentHeaderBackground": "#00ff8450",
"merge.incomingContentBackground": "#003cff42",
"merge.incomingHeaderBackground": "#003cff6b",
// Terminal Section
"terminalCursor.foreground": "#9dff00",
"terminal.foreground": "#00ffc8",
// DebugTool Section
"debugToolBar.background": "#002212ec",
"debugToolBar.border": "#00ff6a",
// TextLink Section
"textLink.activeForeground": "#3d5afe",
"textLink.foreground": "#0084ff",
// Badge Section
"badge.background": "#00ffc8",
"badge.foreground": "#001107",
// Button Section
"button.background": "#00ff9da6",
"button.foreground": "#00140b",
"button.hoverBackground": "#00FF9C",
// ExtensionButton Section
"extensionButton.prominentBackground": "#00ff9da6",
"extensionButton.prominentForeground": "#00140b",
"extensionButton.prominentHoverBackground": "#00FF9C",
// DiffEditor Section
"diffEditor.insertedTextBackground": "#00ff8427",
"diffEditor.removedTextBackground": "#ff174534",
// GitLens Section
"gitlens.gutterBackgroundColor": "#182333",
"gitlens.gutterForegroundColor": "#00e676",
"gitlens.gutterUncommittedForegroundColor": "#ffff00",
"gitlens.lineHighlightBackgroundColor": "#ff174426",
"gitlens.lineHighlightOverviewRulerColor": "#ffff00",
"gitlens.trailingLineForegroundColor": "#00ffc86c",
// GitDecoration Section
"gitDecoration.untrackedResourceForeground": "#00ff6a",
"gitDecoration.deletedResourceForeground": "#ff004c",
"gitDecoration.modifiedResourceForeground": "#00c3ff",
"gitDecoration.conflictingResourceForeground": "#ffff00",
"gitDecoration.ignoredResourceForeground": "#c861f76e",
"gitDecoration.submoduleResourceForeground": "#ffff00",
// ActivityBar Section
"activityBar.background": "#261D45",
"activityBar.foreground": "#00ffc8",
"activityBarBadge.background": "#00ffc8",
"activityBarBadge.foreground": "#001107",
"activityBar.border": "#1D1833",
// Editor Section
"editor.background": "#261D45",
"editor.foreground": "#00FF9C",
"editor.lineHighlightBackground": "#100D23",
"editor.lineHighlightBorder": "#ff000000",
"editor.selectionBackground": "#311b92",
"editor.selectionHighlightBackground": "#3629ec7e",
"editor.hoverHighlightBackground": "#3629ec7e",
"editor.findMatchHighlightBackground": "#283593",
"editor.wordHighlightBackground": "#42557B",
"editor.wordHighlightStrongBackground": "#42557B",
// EditorWarning Section
"editorWarning.foreground": "#009550",
// EditorError Section
"editorError.foreground": "#ff1865",
// EditorRuler Section
"editorRuler.foreground": "#182333",
// EditorBracketMatch Section
"editorBracketMatch.background": "#ff005533",
"editorBracketMatch.border": "#ff004c",
// EditorCursor Section
"editorCursor.foreground": "#00ff6a",
// EditorGutter Section
"editorGutter.background": "#1d183366",
"editorGutter.addedBackground": "#3c9f4a",
"editorGutter.deletedBackground": "#a22929",
"editorGutter.modifiedBackground": "#26506d",
// EditorGroup Section
"editorGroup.background": "#1B2738",
"editorGroup.border": "#1E2C3F",
// EditorGroupHeader Section
"editorGroupHeader.tabsBackground": "#372963",
// EditorIndentGuide Section
"editorIndentGuide.activeBackground": "#00ffc8",
"editorIndentGuide.background": "#372963",
// EditorLineNumber Section
"editorLineNumber.activeForeground": "#00ffc8",
"editorLineNumber.foreground": "#9F5FFF",
// EditorWhitespace Section
"editorWhitespace.foreground": "#2B3E5A",
// Widget Section
"widget.shadow": "#0000006b",
// EditorHoverWidget Section
"editorHoverWidget.background": "#002212ec",
"editorHoverWidget.border": "#00FF9C",
// EditorSuggestWidget Section
"editorSuggestWidget.background": "#002212ec",
"editorSuggestWidget.border": "#00FF9C",
"editorSuggestWidget.selectedBackground": "#002f6de8",
"editorSuggestWidget.highlightForeground": "#00c3ff",
// EditorWidget Section
"editorWidget.background": "#100D23",
"editorWidget.border": "#00FF9C",
// EditorLink Section
"editorLink.activeForeground": "#3d81fe",
// Tab Section
"tab.activeForeground": "#00FF9C",
"tab.border": "#372963",
"tab.inactiveBackground": "#372963",
"tab.inactiveForeground": "#7877b3",
"tab.activeBackground": "#261D45",
"tab.hoverBorder": "#721bf2",
"tab.hoverBackground": "#3f2c70",
// Input Section
"input.background": "#002212ec",
"input.border": "#00FF9C",
"input.foreground": "#00ff6a",
"input.placeholderForeground": "#009550",
// InputValidation Section
"inputValidation.infoBackground": "#002f6de8",
"inputValidation.infoBorder": "#00c3ff",
"inputValidation.warningBackground": "#693300e8",
"inputValidation.warningBorder": "#ff9100",
"inputValidation.errorBackground": "#53001ce5",
"inputValidation.errorBorder": "#ff004c",
// PanelTitle Section
"panelTitle.activeBorder": "#00FF9C",
// Dropdown Section
"dropdown.background": "#002212ec",
"dropdown.border": "#00FF9C",
"dropdown.foreground": "#00FF9C",
// StatusBar Section
"statusBar.background": "#002212ec",
"statusBar.border": "#00FF9C",
"statusBar.foreground": "#00FF9C",
"statusBar.debuggingBackground": "#9900ff33",
"statusBar.debuggingForeground": "#c566fc",
"statusBar.debuggingBorder": "#b700ff",
// List Section
"list.activeSelectionBackground": "#100D23",
"list.activeSelectionForeground": "#00FF9C",
"list.focusBackground": "#182333",
"list.hoverBackground": "#100D23",
"list.hoverForeground": "#00ffc8",
"list.highlightForeground": "#00FF9C",
"list.inactiveSelectionBackground": "#100d23",
"list.inactiveSelectionForeground": "#00ffc8",
// NotificationCenter Section
"notificationCenter.border": "#00FF9C",
// NotificationCenterHeader Section
"notificationCenterHeader.background": "#002212ec",
"notificationCenterHeader.foreground": "#00FF9C",
// NotificationLink Section
"notificationLink.foreground": "#3d5afe",
// Notifications Section
"notifications.background": "#002212e7",
"notifications.foreground": "#00FF9C",
"notifications.border": "#3d5afe",
// NotificationToast Section
"notificationToast.border": "#00FF9C",
// ProgressBar Section
"progressBar.background": "#ff4081",
// PeekViewEditor Section
"peekViewEditor.matchHighlightBackground": "#5e35b1",
"peekViewEditor.background": "#100d23",
// PeekView Section
"peekView.border": "#00e676",
// PeekViewResult Section
"peekViewResult.background": "#100d23",
"peekViewResult.fileForeground": "#00e676",
"peekViewResult.selectionBackground": "#5c35b154",
"peekViewResult.lineForeground": "#7877b3",
"peekViewResult.matchHighlightBackground": "#6a3ecf6e",
"peekViewResult.selectionForeground": "#00e676",
// PeekViewTitle Section
"peekViewTitle.background": "#002212ec",
// PeekViewTitleLabel Section
"peekViewTitleLabel.foreground": "#00e676",
// PeekViewTitleDescription Section
"peekViewTitleDescription.foreground": "#009550",
// Panel Section
"panel.background": "#100d23",
"panel.border": "#00e676",
// PanelTitle Section
"panelTitle.activeForeground": "#00e676",
"panelTitle.inactiveForeground": "#7877b3",
// ScrollbarSlider Section
"scrollbarSlider.background": "#5c35b154",
"scrollbarSlider.activeBackground": "#6a3ecf6e",
"scrollbarSlider.hoverBackground": "#6a3ecf6e",
// SideBar Section
"sideBar.background": "#372963",
"sideBar.border": "#1D1833",
"sideBar.foreground": "#b08bff",
// SideBarTitle Section
"sideBarTitle.foreground": "#bbbbbb",
// TitleBar Section
"titleBar.activeBackground": "#100D23",
"titleBar.activeForeground": "#00FF9C",
"titleBar.inactiveBackground": "#1E1D45",
"titleBar.inactiveForeground": "#00FF9C",
"titleBar.border": "#100D23"
},
"tokenColors": [
{
"settings": {
"foreground": "#eeffffff",
"background": "#263238ff"
}
},
{
"name": "Comment",
"scope": [
"comment",
"punctuation.definition.comment"
],
"settings": {
"fontStyle": "italic",
"foreground": "#6766b3"
}
},
{
"name": "Variables",
"scope": [
"variable",
"string constant.other.placeholder"
],
"settings": {
"foreground": "#EEFFFF"
}
},
{
"name": "Colors",
"scope": [
"constant.other.color"
],
"settings": {
"foreground": "#ffffff"
}
},
{
"name": "Invalid",
"scope": [
"invalid",
"invalid.illegal"
],
"settings": {
"foreground": "#FF5370"
}
},
{
"name": "Keyword, Storage",
"scope": [
"keyword",
"storage.type",
"storage.modifier"
],
"settings": {
"foreground": "#d57bff"
}
},
{
"name": "Operator, Misc",
"scope": [
"keyword.control",
"constant.other.color",
"punctuation",
"meta.tag",
"punctuation.definition.tag",
"punctuation.separator.inheritance.php",
"punctuation.definition.tag.html",
"punctuation.definition.tag.begin.html",
"punctuation.definition.tag.end.html",
"punctuation.section.embedded",
"keyword.other.template",
"keyword.other.substitution"
],
"settings": {
"foreground": "#00b0ff"
}
},
{
"name": "Tag",
"scope": [
"entity.name.tag",
"meta.tag.sgml",
"markup.deleted.git_gutter"
],
"settings": {
"foreground": "#ff5680"
}
},
{
"name": "Function, Special Method",
"scope": [
"entity.name.function",
"meta.function-call",
"variable.function",
"support.function",
"keyword.other.special-method"
],
"settings": {
"foreground": "#00b0ff"
}
},
{
"name": "Block Level Variables",
"scope": [
"meta.block variable.other"
],
"settings": {
"foreground": "#b4baff"
}
},
{
"name": "Other Variable, String Link",
"scope": [
"support.other.variable",
"string.other.link"
],
"settings": {
"foreground": "#00FF9C"
}
},
{
"name": "Number, Constant, Function Argument, Tag Attribute, Embedded",
"scope": [
"constant.numeric",
"constant.language",
"support.constant",
"constant.character",
"constant.escape",
"variable.parameter"
],
"settings": {
"foreground": "#fffc58"
}
},
{
"name": "Keyword, Unit",
"scope": [
"keyword.other.unit",
"keyword.other"
],
"settings": {
"foreground": "#ff5680"
}
},
{
"name": "String, Symbols, Inherited Class, Markup Heading",
"scope": [
"string",
"constant.other.symbol",
"constant.other.key",
"entity.other.inherited-class",
"markup.heading",
"markup.inserted.git_gutter",
"meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js"
],
"settings": {
"fontStyle": "normal",
"foreground": "#76c1ff"
}
},
{
"name": "Class, Support",
"scope": [
"entity.name",
"support.type",
"support.class",
"support.orther.namespace.use.php",
"meta.use.php",
"support.other.namespace.php",
"markup.changed.git_gutter",
"support.type.sys-types"
],
"settings": {
"foreground": "#00FF9C"
}
},
{
"name": "Entity Types",
"scope": [
"support.type"
],
"settings": {
"foreground": "#00FF9C"
}
},
{
"name": "CSS Class and Support",
"scope": [
"source.css support.type.property-name",
"source.sass support.type.property-name",
"source.scss support.type.property-name",
"source.less support.type.property-name",
"source.stylus support.type.property-name",
"source.postcss support.type.property-name"
],
"settings": {
"foreground": "#98e3ff"
}
},
{
"name": "Sub-methods",
"scope": [
"entity.name.module.js",
"variable.import.parameter.js",
"variable.other.class.js"
],
"settings": {
"foreground": "#ff5680"
}
},
{
"name": "Language methods",
"scope": [
"variable.language"
],
"settings": {
"fontStyle": "italic",
"foreground": "#ff5680"
}
},
{
"name": "entity.name.method.js",
"scope": [
"entity.name.method.js"
],
"settings": {
"fontStyle": "italic",
"foreground": "#6095ff"
}
},
{
"name": "meta.method.js",
"scope": [
"meta.class-method.js entity.name.function.js",
"variable.function.constructor"
],
"settings": {
"foreground": "#6095ff"
}
},
{
"name": "Attributes",
"scope": [
"entity.other.attribute-name"
],
"settings": {
"foreground": "#ee6dff"
}
},
{
"name": "HTML Attributes",
"scope": [
"text.html.basic entity.other.attribute-name.html",
"text.html.basic entity.other.attribute-name"
],
"settings": {
"fontStyle": "italic",
"foreground": "#00FF9C"
}
},
{
"name": "CSS Classes",
"scope": [
"entity.other.attribute-name.class"
],
"settings": {
"foreground": "#00FF9C"
}
},
{
"name": "CSS ID's",
"scope": [
"source.sass keyword.control"
],
"settings": {
"foreground": "#82AAFF"
}
},
{
"name": "Inserted",
"scope": [
"markup.inserted"
],
"settings": {
"foreground": "#C3E88D"
}
},
{
"name": "Deleted",
"scope": [
"markup.deleted"
],
"settings": {
"foreground": "#FF5370"
}
},
{
"name": "Changed",
"scope": [
"markup.changed"
],
"settings": {
"foreground": "#C792EA"
}
},
{
"name": "Regular Expressions",
"scope": [
"string.regexp"
],
"settings": {
"foreground": "#89DDFF"
}
},
{
"name": "Escape Characters",
"scope": [
"constant.character.escape"
],
"settings": {
"foreground": "#89DDFF"
}
},
{
"name": "URL",
"scope": [
"*url*",
"*link*",
"*uri*"
],
"settings": {
"fontStyle": "underline"
}
},
{
"name": "Decorators",
"scope": [
"tag.decorator.js entity.name.tag.js",
"tag.decorator.js punctuation.definition.tag.js"
],
"settings": {
"fontStyle": "italic",
"foreground": "#82AAFF"
}
},
{
"name": "ES7 Bind Operator",
"scope": [
"source.js constant.other.object.key.js string.unquoted.label.js"
],
"settings": {
"fontStyle": "italic",
"foreground": "#FF5370"
}
},
{
"name": "JSON Key - Level 0",
"scope": [
"source.json meta.structure.dictionary.json support.type.property-name.json"
],
"settings": {
"foreground": "#C792EA"
}
},
{
"name": "JSON Key - Level 1",
"scope": [
"source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"
],
"settings": {
"foreground": "#FFCB6B"
}
},
{
"name": "JSON Key - Level 2",
"scope": [
"source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"
],
"settings": {
"foreground": "#F78C6C"
}
},
{
"name": "JSON Key - Level 3",
"scope": [
"source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"
],
"settings": {
"foreground": "#FF5370"
}
},
{
"name": "JSON Key - Level 4",
"scope": [
"source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"
],
"settings": {
"foreground": "#C17E70"
}
},
{
"name": "JSON Key - Level 5",
"scope": [
"source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"
],
"settings": {
"foreground": "#82AAFF"
}
},
{
"name": "JSON Key - Level 6",
"scope": [
"source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"
],
"settings": {
"foreground": "#f07178"
}
},
{
"name": "JSON Key - Level 7",
"scope": [
"source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"
],
"settings": {
"foreground": "#C792EA"
}
},
{
"name": "JSON Key - Level 8",
"scope": [
"source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"
],
"settings": {
"foreground": "#C3E88D"
}
},
{
"name": "Markdown - Plain",
"scope": [
"text.html.markdown",
"punctuation.definition.list_item.markdown"
],
"settings": {
"foreground": "#EEFFFF"
}
},
{
"name": "Markdown - Markup Raw Inline",
"scope": [
"text.html.markdown markup.inline.raw.markdown"
],
"settings": {
"foreground": "#C792EA"
}
},
{
"name": "Markdown - Markup Raw Inline Punctuation",
"scope": [
"text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown"
],
"settings": {
"foreground": "#65737E"
}
},
{
"name": "Markdown - Line Break",
"scope": [
"text.html.markdown meta.dummy.line-break"
],
"settings": {
"foreground": ""
}
},
{
"name": "Markdown - Heading",
"scope": [
"markdown.heading",
"markup.heading | markup.heading entity.name",
"markup.heading.markdown punctuation.definition.heading.markdown"
],
"settings": {
"foreground": "#C3E88D"
}
},
{
"name": "Markup - Italic",
"scope": [
"markup.italic"
],
"settings": {
"fontStyle": "italic",
"foreground": "#f07178"
}
},
{
"name": "Markup - Bold",
"scope": [
"markup.bold",
"markup.bold string"
],
"settings": {
"fontStyle": "bold",
"foreground": "#f07178"
}
},
{
"name": "Markup - Bold-Italic",
"scope": [
"markup.bold markup.italic",
"markup.italic markup.bold",
"markup.quote markup.bold",
"markup.bold markup.italic string",
"markup.italic markup.bold string",
"markup.quote markup.bold string"
],
"settings": {
"fontStyle": "bold",
"foreground": "#f07178"
}
},
{
"name": "Markup - Underline",
"scope": [
"markup.underline"
],
"settings": {
"fontStyle": "underline",
"foreground": "#F78C6C"
}
},
{
"name": "Markup - Strike",
"scope": [
"markup.strike"
],
"settings": {
"fontStyle": "strike",
"foreground": ""
}
},
{
"name": "Markdown - Blockquote",
"scope": [
"markup.quote punctuation.definition.blockquote.markdown"
],
"settings": {
"background": "#65737E",
"foreground": "#65737E"
}
},
{
"name": "Markup - Quote",
"scope": [
"markup.quote"
],
"settings": {
"fontStyle": "italic",
"foreground": ""
}
},
{
"name": "Markdown - Link",
"scope": [
"string.other.link.title.markdown"
],
"settings": {
"foreground": "#82AAFF"
}
},
{
"name": "Markdown - Link Description",
"scope": [
"string.other.link.description.title.markdown"
],
"settings": {
"foreground": "#C792EA"
}
},
{
"name": "Markdown - Link Anchor",
"scope": [
"constant.other.reference.link.markdown"
],
"settings": {
"foreground": "#FFCB6B"
}
},
{
"name": "Markup - Raw Block",
"scope": [
"markup.raw.block"
],
"settings": {
"foreground": "#C792EA"
}
},
{
"name": "Markdown - Raw Block Fenced",
"scope": [
"markup.raw.block.fenced.markdown"
],
"settings": {
"foreground": "#00000050"
}
},
{
"name": "Markdown - Fenced Bode Block",
"scope": [
"punctuation.definition.fenced.markdown"
],
"settings": {
"foreground": "#00000050"
}
},
{
"name": "Markdown - Fenced Bode Block Variable",
"scope": [
"markup.raw.block.fenced.markdown",
"variable.language.fenced.markdown",
"punctuation.section.class.end"
],
"settings": {
"foreground": "#EEFFFF"
}
},
{
"name": "Markdown - Fenced Language",
"scope": [
"variable.language.fenced.markdown"
],
"settings": {
"foreground": "#65737E"
}
},
{
"name": "Markdown - Separator",
"scope": [
"meta.separator"
],
"settings": {
"fontStyle": "bold",
"background": "#00000050",
"foreground": "#65737E"
}
},
{
"name": "Markup - Table",
"scope": [
"markup.table"
],
"settings": {
"foreground": "#EEFFFF"
}
},
{
"scope": "token.info-token",
"settings": {
"foreground": "#6796e6"
}
},
{
"scope": "token.warn-token",
"settings": {
"foreground": "#cd9731"
}
},
{
"scope": "token.error-token",
"settings": {
"foreground": "#f44747"
}
},
{
"scope": "token.debug-token",
"settings": {
"foreground": "#b267e6"
}
}
]
}
Raw
cyberpunk-scarlet-color-theme.json
{
"name": "cyberpunk scarlet",
"type": "dark",
"colors": {
// EditorGutter Section
"editorGutter.background": "#060608",
"titleBar.activeBackground": "#140009",
"titleBar.activeForeground": "#ff8ba8",
"sideBarSectionHeader.background": "#240000",
"sideBarSectionHeader.border": "#ff235a",
"sideBarSectionHeader.foreground": "#ff8ba8",
"errorForeground": "#ff3270",
"foreground": "#ffffff",
"merge.commonContentBackground": "#ff004c33",
"merge.commonHeaderBackground": "#ff004c44",
"merge.currentContentBackground": "#00ff8427",
"merge.currentHeaderBackground": "#00ff8450",
"merge.incomingContentBackground": "#003cff42",
"merge.incomingHeaderBackground": "#003cff6b",
"terminalCursor.foreground": "#9dff00",
"terminal.foreground": "#00a2ff",
"debugToolBar.background": "#002212ec",
"debugToolBar.border": "#00ffc8",
"editorLink.activeForeground": "#3d81fe",
"textLink.activeForeground": "#ff0055",
"textLink.foreground": "#00ffc8",
"badge.background": "#00ffc8",
"badge.foreground": "#000807",
"button.background": "#00ff9da6",
"button.foreground": "#00140b",
"button.hoverBackground": "#00FF9C",
"extensionButton.prominentBackground": "#00ff9da6",
"extensionButton.prominentForeground": "#00140b",
"extensionButton.prominentHoverBackground": "#00FF9C",
"diffEditor.insertedTextBackground": "#00ff8427",
"diffEditor.removedTextBackground": "#ff174534",
// Gitlens Section
"gitlens.gutterBackgroundColor": "#182333",
"gitlens.gutterForegroundColor": "#00e676",
"gitlens.gutterUncommittedForegroundColor": "#ffff00",
"gitlens.lineHighlightBackgroundColor": "#ff174426",
"gitlens.lineHighlightOverviewRulerColor": "#ffff00",
"gitlens.trailingLineForegroundColor": "#ff00557e",
// GitDecoration Section
"gitDecoration.untrackedResourceForeground": "#00ffc8",
"gitDecoration.deletedResourceForeground": "#ff004c",
"gitDecoration.modifiedResourceForeground": "#00c3ff",
"gitDecoration.conflictingResourceForeground": "#ffff00",
"gitDecoration.ignoredResourceForeground": "#70243d",
"gitDecoration.submoduleResourceForeground": "#ffff00",
"activityBar.background": "#101116",
"activityBar.foreground": "#ff0055",
"activityBar.border": "#101116",
"activityBarBadge.background": "#00ffc8",
"activityBarBadge.foreground": "#000807",
"editorError.foreground": "#ff1865",
"editorRuler.foreground": "#182333",
// Selection Section
"selection.background": "#000000",
// Editor Section
"editor.background": "#101116",
"editor.foreground": "#ff0055",
"editor.lineHighlightBackground": "#030202",
"editor.lineHighlightBorder": "#030202",
"editor.selectionBackground": "#000000",
"editor.selectionHighlightBackground": "#ff00552c",
"editor.selectionHighlightBorder": "#ff00557e",
"editor.hoverHighlightBackground": "#ff00552c",
"editorBracketMatch.background": "#ff005533",
"editorBracketMatch.border": "#ff004c",
"editorCursor.foreground": "#00ffc8",
"editorWarning.foreground": "#009550",
"editor.findMatchHighlightBackground": "#283593",
"editor.wordHighlightBackground": "#42557B",
"editor.wordHighlightStrongBackground": "#42557B",
"editorGroup.background": "#1B2738",
"editorGroup.border": "#ff00552a",
"editorGroupHeader.tabsBackground": "#101116",
"editorGroupHeader.noTabsBackground": "#101116",
"editorIndentGuide.activeBackground": "#00ffc8",
"editorIndentGuide.background": "#ff00552a",
"editorLineNumber.foreground": "#ff00557e",
"editorLineNumber.activeForeground": "#00ffc8",
"editorWhitespace.foreground": "#2B3E5A",
"editorHoverWidget.background": "#140007f8",
"editorHoverWidget.border": "#ff0055",
"editorSuggestWidget.background": "#140007f8",
"editorSuggestWidget.border": "#ff0055",
"editorSuggestWidget.selectedBackground": "#ff005533",
"editorSuggestWidget.highlightForeground": "#2088ff",
"editorSuggestWidget.foreground": "#ff0055",
"editorWidget.background": "#1d000ae5",
"editorWidget.border": "#ff0055",
"tab.activeBackground": "#101116",
"tab.inactiveBackground": "#101116",
"tab.activeBorder": "#ff0055",
"tab.hoverBackground": "#ff00593d",
"tab.hoverBorder": "#ff0055",
"tab.border": "#101116",
"tab.activeForeground": "#ff0055",
"tab.inactiveForeground": "#eb4d81de",
"input.background": "#001420",
"input.border": "#00a2ff",
"input.foreground": "#00ffc8",
"input.placeholderForeground": "#00a2ffa9",
"inputOption.activeBorder": "#00a2ff",
"inputValidation.errorBackground": "#53001ce5",
"inputValidation.errorBorder": "#ff004c",
"inputValidation.infoBackground": "#002f6de8",
"inputValidation.infoBorder": "#00c3ff",
"inputValidation.warningBackground": "#693300e8",
"inputValidation.warningBorder": "#ff9100",
"dropdown.background": "#002212ec",
"dropdown.border": "#00FF9C",
"dropdown.foreground": "#00FF9C",
"statusBar.background": "#1d000ae5",
"statusBar.border": "#ff0055",
"statusBar.foreground": "#ff0055",
"statusBar.noFolderBackground":"#1d000ae5",
"statusBar.noFolderForeground": "#ff0055",
"statusBar.noFolderBorder": "#ff0055",
"statusBar.debuggingBackground": "#9900ff33",
"statusBar.debuggingForeground": "#c566fc",
"statusBar.debuggingBorder": "#b700ff",
// List Section
"list.activeSelectionBackground": "#ff005528",
"list.activeSelectionForeground": "#ff0055",
"list.focusBackground": "#182333",
"list.hoverBackground": "#101116",
"list.hoverForeground": "#00FF9C",
"list.highlightForeground": "#00FF9C",
"list.inactiveSelectionBackground": "#0c0000",
"list.inactiveSelectionForeground": "#00ffc8",
"notificationCenter.border": "#00FF9C",
"notificationCenterHeader.background": "#002212ec",
"notificationCenterHeader.foreground": "#00FF9C",
"notificationLink.foreground": "#3d5afe",
"notifications.background": "#002212e7",
"notifications.foreground": "#00FF9C",
"notifications.border": "#3d5afe",
"notificationToast.border": "#00FF9C",
"progressBar.background": "#ff4081",
"peekViewEditor.matchHighlightBackground": "#5e35b1",
"peekView.border": "#00e676",
"peekViewEditor.background": "#100d23",
"peekViewResult.background": "#100d23",
"peekViewResult.fileForeground": "#00e676",
"peekViewTitle.background": "#002212ec",
"peekViewTitleLabel.foreground": "#00e676",
"peekViewTitleDescription.foreground": "#009550",
"peekViewResult.selectionBackground": "#5c35b154",
"peekViewResult.lineForeground": "#7877b3",
"peekViewResult.matchHighlightBackground": "#6a3ecf6e",
"peekViewResult.selectionForeground": "#00e676",
"panel.background": "#101116",
"panel.border": "#ff0055",
"panelTitle.activeBorder": "#ff0055",
"panelTitle.activeForeground": "#ff0055",
"panelTitle.inactiveForeground": "#eb4d81de",
"scrollbarSlider.background": "#ff000041",
"scrollbarSlider.activeBackground": "#ff0055",
"scrollbarSlider.hoverBackground": "#ff005578",
"sideBar.background": "#0a0b0e",
"sideBar.border": "#101116",
"sideBar.foreground": "#be4e74",
"sideBarTitle.foreground": "#bbbbbb",
"welcomePage.buttonBackground": "#ff005527",
"welcomePage.buttonHoverBackground": "#ff005573",
},
"tokenColors": [
{
"settings": {
"foreground": "#eeffffff",
"background": "#263238ff"
}
},
{
"name": "Comment",
"scope": [
"comment",
"punctuation.definition.comment"
],
"settings": {
"fontStyle": "italic",
"foreground": "#6766b3"
}
},
{
"name": "Variables",
"scope": [
"variable",
"string constant.other.placeholder"
],
"settings": {
"foreground": "#EEFFFF"
}
},
{
"name": "Colors",
"scope": [
"constant.other.color"
],
"settings": {
"foreground": "#ffffff"
}
},
{
"name": "Invalid",
"scope": [
"invalid",
"invalid.illegal"
],
"settings": {
"foreground": "#FF5370"
}
},
{
"name": "Keyword, Storage",
"scope": [
"keyword",
"storage.type",
"storage.modifier"
],
"settings": {
"foreground": "#d57bff"
}
},
{
"name": "Operator, Misc",
"scope": [
"keyword.control",
"constant.other.color",
"punctuation",
"meta.tag",
"punctuation.definition.tag",
"punctuation.separator.inheritance.php",
"punctuation.definition.tag.html",
"punctuation.definition.tag.begin.html",
"punctuation.definition.tag.end.html",
"punctuation.section.embedded",
"keyword.other.template",
"keyword.other.substitution"
],
"settings": {
"foreground": "#00b0ff"
}
},
{
"name": "Tag",
"scope": [
"entity.name.tag",
"meta.tag.sgml",
"markup.deleted.git_gutter"
],
"settings": {
"foreground": "#ff5680"
}
},
{
"name": "Function, Special Method",
"scope": [
"entity.name.function",
"meta.function-call",
"variable.function",
"support.function",
"keyword.other.special-method"
],
"settings": {
"foreground": "#00b0ff"
}
},
{
"name": "Block Level Variables",
"scope": [
"meta.block variable.other"
],
"settings": {
"foreground": "#b4baff"
}
},
{
"name": "Other Variable, String Link",
"scope": [
"support.other.variable",
"string.other.link"
],
"settings": {
"foreground": "#00FF9C"
}
},
{
"name": "Number, Constant, Function Argument, Tag Attribute, Embedded",
"scope": [
"constant.numeric",
"constant.language",
"support.constant",
"constant.character",
"constant.escape",
"variable.parameter"
],
"settings": {
"foreground": "#fffc58"
}
},
{
"name": "Keyword, Unit",
"scope": [
"keyword.other.unit",
"keyword.other"
],
"settings": {
"foreground": "#ff5680"
}
},
{
"name": "String, Symbols, Inherited Class, Markup Heading",
"scope": [
"string",
"constant.other.symbol",
"constant.other.key",
"entity.other.inherited-class",
"markup.heading",
"markup.inserted.git_gutter",
"meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js"
],
"settings": {
"fontStyle": "normal",
"foreground": "#76c1ff"
}
},
{
"name": "Class, Support",
"scope": [
"entity.name",
"support.type",
"support.class",
"support.orther.namespace.use.php",
"meta.use.php",
"support.other.namespace.php",
"markup.changed.git_gutter",
"support.type.sys-types"
],
"settings": {
"foreground": "#00FF9C"
}
},
{
"name": "Entity Types",
"scope": [
"support.type"
],
"settings": {
"foreground": "#00FF9C"
}
},
{
"name": "CSS Class and Support",
"scope": [
"source.css support.type.property-name",
"source.sass support.type.property-name",
"source.scss support.type.property-name",
"source.less support.type.property-name",
"source.stylus support.type.property-name",
"source.postcss support.type.property-name"
],
"settings": {
"foreground": "#98e3ff"
}
},
{
"name": "Sub-methods",
"scope": [
"entity.name.module.js",
"variable.import.parameter.js",
"variable.other.class.js"
],
"settings": {
"foreground": "#ff5680"
}
},
{
"name": "Language methods",
"scope": [
"variable.language"
],
"settings": {
"fontStyle": "italic",
"foreground": "#ff5680"
}
},
{
"name": "entity.name.method.js",
"scope": [
"entity.name.method.js"
],
"settings": {
"fontStyle": "italic",
"foreground": "#6095ff"
}
},
{
"name": "meta.method.js",
"scope": [
"meta.class-method.js entity.name.function.js",
"variable.function.constructor"
],
"settings": {
"foreground": "#6095ff"
}
},
{
"name": "Attributes",
"scope": [
"entity.other.attribute-name"
],
"settings": {
"foreground": "#ee6dff"
}
},
{
"name": "HTML Attributes",
"scope": [
"text.html.basic entity.other.attribute-name.html",
"text.html.basic entity.other.attribute-name"
],
"settings": {
"fontStyle": "italic",
"foreground": "#00FF9C"
}
},
{
"name": "CSS Classes",
"scope": [
"entity.other.attribute-name.class"
],
"settings": {
"foreground": "#00FF9C"
}
},
{
"name": "CSS ID's",
"scope": [
"source.sass keyword.control"
],
"settings": {
"foreground": "#82AAFF"
}
},
{
"name": "Inserted",
"scope": [
"markup.inserted"
],
"settings": {
"foreground": "#C3E88D"
}
},
{
"name": "Deleted",
"scope": [
"markup.deleted"
],
"settings": {
"foreground": "#FF5370"
}
},
{
"name": "Changed",
"scope": [
"markup.changed"
],
"settings": {
"foreground": "#C792EA"
}
},
{
"name": "Regular Expressions",
"scope": [
"string.regexp"
],
"settings": {
"foreground": "#89DDFF"
}
},
{
"name": "Escape Characters",
"scope": [
"constant.character.escape"
],
"settings": {
"foreground": "#89DDFF"
}
},
{
"name": "URL",
"scope": [
"*url*",
"*link*",
"*uri*"
],
"settings": {
"fontStyle": "underline"
}
},
{
"name": "Decorators",
"scope": [
"tag.decorator.js entity.name.tag.js",
"tag.decorator.js punctuation.definition.tag.js"
],
"settings": {
"fontStyle": "italic",
"foreground": "#82AAFF"
}
},
{
"name": "ES7 Bind Operator",
"scope": [
"source.js constant.other.object.key.js string.unquoted.label.js"
],
"settings": {
"fontStyle": "italic",
"foreground": "#FF5370"
}
},
{
"name": "JSON Key - Level 0",
"scope": [
"source.json meta.structure.dictionary.json support.type.property-name.json"
],
"settings": {
"foreground": "#C792EA"
}
},
{
"name": "JSON Key - Level 1",
"scope": [
"source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"
],
"settings": {
"foreground": "#FFCB6B"
}
},
{
"name": "JSON Key - Level 2",
"scope": [
"source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"
],
"settings": {
"foreground": "#F78C6C"
}
},
{
"name": "JSON Key - Level 3",
"scope": [
"source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"
],
"settings": {
"foreground": "#FF5370"
}
},
{
"name": "JSON Key - Level 4",
"scope": [
"source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"
],
"settings": {
"foreground": "#C17E70"
}
},
{
"name": "JSON Key - Level 5",
"scope": [
"source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"
],
"settings": {
"foreground": "#82AAFF"
}
},
{
"name": "JSON Key - Level 6",
"scope": [
"source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"
],
"settings": {
"foreground": "#f07178"
}
},
{
"name": "JSON Key - Level 7",
"scope": [
"source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"
],
"settings": {
"foreground": "#C792EA"
}
},
{
"name": "JSON Key - Level 8",
"scope": [
"source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"
],
"settings": {
"foreground": "#C3E88D"
}
},
{
"name": "Markdown - Plain",
"scope": [
"text.html.markdown",
"punctuation.definition.list_item.markdown"
],
"settings": {
"foreground": "#EEFFFF"
}
},
{
"name": "Markdown - Markup Raw Inline",
"scope": [
"text.html.markdown markup.inline.raw.markdown"
],
"settings": {
"foreground": "#C792EA"
}
},
{
"name": "Markdown - Markup Raw Inline Punctuation",
"scope": [
"text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown"
],
"settings": {
"foreground": "#65737E"
}
},
{
"name": "Markdown - Line Break",
"scope": [
"text.html.markdown meta.dummy.line-break"
],
"settings": {
"foreground": ""
}
},
{
"name": "Markdown - Heading",
"scope": [
"markdown.heading",
"markup.heading | markup.heading entity.name",
"markup.heading.markdown punctuation.definition.heading.markdown"
],
"settings": {
"foreground": "#C3E88D"
}
},
{
"name": "Markup - Italic",
"scope": [
"markup.italic"
],
"settings": {
"fontStyle": "italic",
"foreground": "#f07178"
}
},
{
"name": "Markup - Bold",
"scope": [
"markup.bold",
"markup.bold string"
],
"settings": {
"fontStyle": "bold",
"foreground": "#f07178"
}
},
{
"name": "Markup - Bold-Italic",
"scope": [
"markup.bold markup.italic",
"markup.italic markup.bold",
"markup.quote markup.bold",
"markup.bold markup.italic string",
"markup.italic markup.bold string",
"markup.quote markup.bold string"
],
"settings": {
"fontStyle": "bold",
"foreground": "#f07178"
}
},
{
"name": "Markup - Underline",
"scope": [
"markup.underline"
],
"settings": {
"fontStyle": "underline",
"foreground": "#F78C6C"
}
},
{
"name": "Markup - Strike",
"scope": [
"markup.strike"
],
"settings": {
"fontStyle": "strike",
"foreground": ""
}
},
{
"name": "Markdown - Blockquote",
"scope": [
"markup.quote punctuation.definition.blockquote.markdown"
],
"settings": {
"background": "#65737E",
"foreground": "#65737E"
}
},
{
"name": "Markup - Quote",
"scope": [
"markup.quote"
],
"settings": {
"fontStyle": "italic",
"foreground": ""
}
},
{
"name": "Markdown - Link",
"scope": [
"string.other.link.title.markdown"
],
"settings": {
"foreground": "#82AAFF"
}
},
{
"name": "Markdown - Link Description",
"scope": [
"string.other.link.description.title.markdown"
],
"settings": {
"foreground": "#C792EA"
}
},
{
"name": "Markdown - Link Anchor",
"scope": [
"constant.other.reference.link.markdown"
],
"settings": {
"foreground": "#FFCB6B"
}
},
{
"name": "Markup - Raw Block",
"scope": [
"markup.raw.block"
],
"settings": {
"foreground": "#C792EA"
}
},
{
"name": "Markdown - Raw Block Fenced",
"scope": [
"markup.raw.block.fenced.markdown"
],
"settings": {
"foreground": "#00000050"
}
},
{
"name": "Markdown - Fenced Bode Block",
"scope": [
"punctuation.definition.fenced.markdown"
],
"settings": {
"foreground": "#00000050"
}
},
{
"name": "Markdown - Fenced Bode Block Variable",
"scope": [
"markup.raw.block.fenced.markdown",
"variable.language.fenced.markdown",
"punctuation.section.class.end"
],
"settings": {
"foreground": "#EEFFFF"
}
},
{
"name": "Markdown - Fenced Language",
"scope": [
"variable.language.fenced.markdown"
],
"settings": {
"foreground": "#65737E"
}
},
{
"name": "Markdown - Separator",
"scope": [
"meta.separator"
],
"settings": {
"fontStyle": "bold",
"background": "#00000050",
"foreground": "#65737E"
}
},
{
"name": "Markup - Table",
"scope": [
"markup.table"
],
"settings": {
"foreground": "#EEFFFF"
}
},
{
"scope": "token.info-token",
"settings": {
"foreground": "#6796e6"
}
},
{
"scope": "token.warn-token",
"settings": {
"foreground": "#cd9731"
}
},
{
"scope": "token.error-token",
"settings": {
"foreground": "#f44747"
}
},
{
"scope": "token.debug-token",
"settings": {
"foreground": "#b267e6"
}
}
]
}
Raw
CyberPunk-Themes.json
{
"$schema": "https://chatterino.com/schemas/theme.json",
"name": "Cyberpunk UMBRA",
"version": "1.0.0",
"author": "PSingletary",
"description": "A dark cyberpunk theme for Chatterino with deep purple backgrounds and bright green accents. Part of the Cyberpunk UMBRA theme collection.",
"colorPalette": {
"backgrounds": {
"primary": "#0f0d22",
"secondary": "#1e1d43",
"tertiary": "#352a60"
},
"accents": {
"primary": "#00aeef",
"secondary": "#00b26d",
"highlight": "#00ff9c"
},
"text": {
"primary": "#ffffff",
"secondary": "#00b26d",
"link": "#4286f4"
}
},
"colors": {
"accent": "#00aeef",
"messages": {
"backgrounds": {
"alternate": "#1e1d43",
"regular": "#0f0d22"
},
"disabled": "#352A6060",
"highlightAnimationEnd": "#00e6e6e6",
"highlightAnimationStart": "#6ee6e6e6",
"selection": "#4000b26d",
"textColors": {
"caret": "#ffffff",
"chatPlaceholder": "#00b26d",
"link": "#4286f4",
"regular": "#ffffff",
"system": "#00b26d"
}
},
"scrollbars": {
"background": "#00000000",
"thumb": "#575757",
"thumbSelected": "#616161"
},
"splits": {
"background": "#1e1d43",
"dropPreview": "#300094ff",
"dropPreviewBorder": "#0094ff",
"dropTargetRect": "#900f0d22",
"dropTargetRectBorder": "#0f0d22",
"header": {
"background": "#1e1d43",
"border": "#383838",
"focusedBackground": "#1e1d43",
"focusedBorder": "#0f0d22",
"focusedText": "#00ff9c",
"text": "#00b26d"
},
"input": {
"background": "#1e1d43",
"text": "#ffffff"
},
"messageSeperator": "#3c3c3c",
"resizeHandle": "#70352a60",
"resizeHandleBackground": "#20352a60"
},
"tabs": {
"dividerLine": "#352a60",
"highlighted": {
"backgrounds": {
"hover": "#0f0d22",
"regular": "#0f0d22",
"unfocused": "#0f0d22"
},
"line": {
"hover": "#ee6166",
"regular": "#ee6166",
"unfocused": "#ee6166"
},
"text": "#00b26d"
},
"newMessage": {
"backgrounds": {
"hover": "#252525",
"regular": "#252525",
"unfocused": "#252525"
},
"line": {
"hover": "#888888",
"regular": "#888888",
"unfocused": "#888888"
},
"text": "#00b26d"
},
"regular": {
"backgrounds": {
"hover": "#352a60",
"regular": "#352a60",
"unfocused": "#352a60"
},
"line": {
"hover": "#444444",
"regular": "#444444",
"unfocused": "#444444"
},
"text": "#00b26d"
},
"selected": {
"backgrounds": {
"hover": "#0F0D22",
"regular": "#0F0D22",
"unfocused": "#0F0D22"
},
"line": {
"hover": "#00aeef",
"regular": "#00aeef",
"unfocused": "#00aeef"
},
"text": "#00ff9c"
}
},
"window": {
"background": "#0f0d22",
"text": "#00b26d"
}
},
"metadata": {
"iconTheme": "light"
},
"ctcMeta": {
"name": "cyberpunkUMBRA",
"version": "1.0.0",
"createdAt": "2024-07-15T04:07:08.713Z",
"modifiedAt": "2025-10-11T00:00:00.000Z",
"simpleTabSettings": true,
"checkeredRow": true,
"messageSeparator": false
}
}
Raw
cyberpunk-umbra-color-theme.json
{
"$schema": "vscode://schemas/color-theme",
"name": "cyberpunk umbra",
"version": "1.0.0",
"type": "dark",
"author": "PSingletary",
"maintainers": ["PSingletary"],
"semanticHighlighting": true,
"semanticTokenColors": {
"comment": {
"foreground": "#6766b3",
"fontStyle": "italic"
}
},
"description": "A dark cyberpunk theme with purple backgrounds and bright green accents. Features deep purples (#0f0d22, #1e1d43, #352a60) for backgrounds, bright green (#00ff9c) as primary accent, and blue (#435af7) for secondary elements. Optimized for long coding sessions with reduced eye strain.",
"colorPalette": {
"backgrounds": {
"primary": "#100d23",
"secondary": "#1e1d43",
"tertiary": "#352a60"
},
"accents": {
"primary": "#00ff9c",
"secondary": "#00b26d",
"info": "#435af7",
"error": "#ff004c",
"warning": "#ffff00"
},
"text": {
"primary": "#00FF9C",
"secondary": "#00ff6a",
"muted": "#7877b3",
"heading": "#00ffc8"
}
},
"colors": {
"titleBar.activeBackground": "#100D23",
"titleBar.activeForeground": "#00FF9C",
"titleBar.inactiveBackground": "#1E1D45",
"titleBar.inactiveForeground": "#00FF9C",
"titleBar.border": "#100D23",
"editorGutter.background": "#05051366",
"editorGutter.addedBackground": "#3c9f4a",
"editorGutter.deletedBackground": "#a22929",
"editorGutter.modifiedBackground": "#26506d",
"merge.commonContentBackground": "#ff004c33",
"merge.commonHeaderBackground": "#ff004c44",
"merge.currentContentBackground": "#00ff8427",
"merge.currentHeaderBackground": "#00ff8450",
"merge.incomingContentBackground": "#003cff42",
"merge.incomingHeaderBackground": "#003cff6b",
"terminalCursor.foreground": "#9dff00",
"terminal.foreground": "#00ff6a",
"debugToolBar.background": "#002212ec",
"debugToolBar.border": "#00ff6a",
"editorLink.activeForeground": "#3d81fe",
"textLink.activeForeground": "#3d5afe",
"textLink.foreground": "#3d5afe",
"button.background": "#00ff9da6",
"button.foreground": "#00140b",
"button.hoverBackground": "#00FF9C",
"extensionButton.prominentBackground": "#00ff9da6",
"extensionButton.prominentForeground": "#00140b",
"extensionButton.prominentHoverBackground": "#00FF9C",
"diffEditor.insertedTextBackground": "#00ff8427",
"diffEditor.removedTextBackground": "#ff174534",
"gitlens.gutterBackgroundColor": "#182333",
"gitlens.gutterForegroundColor": "#00e676",
"gitlens.gutterUncommittedForegroundColor": "#ffff00",
"gitlens.lineHighlightBackgroundColor": "#ff174426",
"gitlens.lineHighlightOverviewRulerColor": "#ffff00",
"gitlens.trailingLineForegroundColor": "#00ff8449",
"gitDecoration.untrackedResourceForeground": "#00ff6a",
"gitDecoration.deletedResourceForeground": "#ff004c",
"gitDecoration.modifiedResourceForeground": "#00c3ff",
"gitDecoration.conflictingResourceForeground": "#ffff00",
"gitDecoration.ignoredResourceForeground": "#6196f770",
"gitDecoration.submoduleResourceForeground": "#ffff00",
"activityBar.background": "#100d23",
"activityBar.foreground": "#00ff9d",
"activityBarBadge.background": "#00ff6a",
"activityBarBadge.foreground": "#001107",
"badge.background": "#00ff6a",
"badge.foreground": "#001107",
"activityBar.border": "#09040f",
"editor.background": "#100d23",
"editor.foreground": "#00FF9C",
"editorError.foreground": "#ff1865",
"editorRuler.foreground": "#182333",
"editor.lineHighlightBackground": "#006eff2d",
"editor.lineHighlightBorder": "#ff000000",
"editor.selectionBackground": "#311b92",
"editor.selectionHighlightBackground": "#5e35b1",
"editorCursor.foreground": "#00ff6a",
"editorWarning.foreground": "#009550",
"editor.findMatchHighlightBackground": "#283593",
"editor.wordHighlightBackground": "#42557B",
"editor.wordHighlightStrongBackground": "#42557B",
"editorGroup.background": "#1B2738",
"editorGroup.border": "#1E2C3F",
"editorGroupHeader.tabsBackground": "#372963",
"editorIndentGuide.activeBackground": "#00ffc8",
"editorIndentGuide.background": "#1E1E44",
"editorLineNumber.foreground": "#3D5AFE",
"editorLineNumber.activeForeground": "#00ffc8",
"editorWhitespace.foreground": "#2B3E5A",
"editorHoverWidget.background": "#002212ec",
"editorHoverWidget.border": "#00FF9C",
"editorSuggestWidget.background": "#002212ec",
"editorSuggestWidget.border": "#00FF9C",
"editorSuggestWidget.selectedBackground": "#002f6de8",
"editorSuggestWidget.highlightForeground": "#00c3ff",
"editorWidget.background": "#002212ec",
"editorBracketMatch.border": "#ff004c",
"editorBracketMatch.background": "#ff005533",
"editorWidget.border": "#00FF9C",
"tab.activeForeground": "#00FF9C",
"tab.border": "#372963",
"tab.inactiveBackground": "#1e1d45",
"tab.inactiveForeground": "#7877b3",
"tab.activeBackground": "#100d23",
"input.background": "#002212ec",
"input.border": "#00FF9C",
"input.foreground": "#00ff6a",
"input.placeholderForeground": "#009550",
"inputValidation.warningBackground": "#693300e8",
"inputValidation.warningBorder": "#ff9100",
"inputValidation.infoBackground": "#002f6de8",
"inputValidation.infoBorder": "#00c3ff",
"inputValidation.errorBackground": "#53001ce5",
"inputValidation.errorBorder": "#ff004c",
"panelTitle.activeBorder": "#00FF9C",
"dropdown.background": "#002212ec",
"dropdown.border": "#00FF9C",
"dropdown.foreground": "#00FF9C",
"statusBar.debuggingBackground": "#9900ff33",
"statusBar.debuggingForeground": "#c566fc",
"statusBar.debuggingBorder": "#b700ff",
"statusBar.background": "#002212ec",
"statusBar.border": "#00FF9C",
"statusBar.foreground": "#00FF9C",
"list.activeSelectionBackground": "#002212ec",
"list.activeSelectionForeground": "#00FF9C",
"list.focusBackground": "#002212ec",
"list.hoverBackground": "#002212ec",
"list.hoverForeground": "#00FF9C",
"list.highlightForeground": "#00FF9C",
"list.inactiveSelectionBackground": "#100d23",
"list.inactiveSelectionForeground": "#00ff6a",
"list.errorForeground": "#ff235a",
"notificationCenter.border": "#00FF9C",
"notificationCenterHeader.background": "#002212ec",
"notificationCenterHeader.foreground": "#00FF9C",
"notificationLink.foreground": "#3d5afe",
"notifications.background": "#002212e7",
"notifications.foreground": "#00FF9C",
"notifications.border": "#3d5afe",
"notificationToast.border": "#00FF9C",
"progressBar.background": "#ff4081",
"peekViewEditor.matchHighlightBackground": "#5e35b1",
"peekView.border": "#00e676",
"peekViewEditor.background": "#131341",
"peekViewResult.background": "#131341",
"peekViewResult.fileForeground": "#00e676",
"peekViewTitle.background": "#002212ec",
"peekViewTitleLabel.foreground": "#00e676",
"peekViewTitleDescription.foreground": "#009550",
"peekViewResult.selectionBackground": "#5c35b154",
"peekViewResult.lineForeground": "#7877b3",
"peekViewResult.matchHighlightBackground": "#6a3ecf6e",
"peekViewResult.selectionForeground": "#00e676",
"panel.background": "#131341",
"panel.border": "#00e676",
"panelTitle.activeForeground": "#00e676",
"panelTitle.inactiveForeground": "#7877b3",
"scrollbarSlider.background": "#5c35b154",
"scrollbarSlider.activeBackground": "#6a3ecf6e",
"scrollbarSlider.hoverBackground": "#6a3ecf6e",
"sideBar.background": "#1e1d45",
"sideBar.border": "#09040f",
"sideBar.foreground": "#8b96ff",
"errorForeground": "#ff3270",
"foreground": "#ffffff",
"quickInput.background": "#002212ec",
"quickInputList.focusBackground": "#100D23",
"quickInputList.focusForeground": "#00FF9C",
"quickInput.foreground": "#5c967bec",
"quickInputList.focusIconForeground": "#00FF9C",
"sideBarTitle.foreground": "#bbbbbb"
},
"tokenColors": [
{
"settings": {
"foreground": "#eeffffff",
"background": "#263238ff"
}
},
{
"name": "Comment",
"scope": [
"comment",
"punctuation.definition.comment"
],
"settings": {
"fontStyle": "italic",
"foreground": "#6766b3"
}
},
{
"name": "Variables",
"scope": [
"variable",
"string constant.other.placeholder"
],
"settings": {
"foreground": "#EEFFFF"
}
},
{
"name": "Colors",
"scope": [
"constant.other.color"
],
"settings": {
"foreground": "#ffffff"
}
},
{
"name": "Invalid",
"scope": [
"invalid",
"invalid.illegal"
],
"settings": {
"foreground": "#FF5370"
}
},
{
"name": "Keyword, Storage",
"scope": [
"keyword",
"storage.type",
"storage.modifier"
],
"settings": {
"foreground": "#d57bff"
}
},
{
"name": "Operator, Misc",
"scope": [
"keyword.control",
"constant.other.color",
"punctuation",
"meta.tag",
"punctuation.definition.tag",
"punctuation.separator.inheritance.php",
"punctuation.definition.tag.html",
"punctuation.definition.tag.begin.html",
"punctuation.definition.tag.end.html",
"punctuation.section.embedded",
"keyword.other.template",
"keyword.other.substitution"
],
"settings": {
"foreground": "#00b0ff"
}
},
{
"name": "Tag",
"scope": [
"entity.name.tag",
"meta.tag.sgml",
"markup.deleted.git_gutter"
],
"settings": {
"foreground": "#ff5680"
}
},
{
"name": "Function, Special Method",
"scope": [
"entity.name.function",
"meta.function-call",
"variable.function",
"support.function",
"keyword.other.special-method"
],
"settings": {
"foreground": "#00b0ff"
}
},
{
"name": "Block Level Variables",
"scope": [
"meta.block variable.other"
],
"settings": {
"foreground": "#b4baff"
}
},
{
"name": "Other Variable, String Link",
"scope": [
"support.other.variable",
"string.other.link"
],
"settings": {
"foreground": "#00FF9C"
}
},
{
"name": "Number, Constant, Function Argument, Tag Attribute, Embedded",
"scope": [
"constant.numeric",
"constant.language",
"support.constant",
"constant.character",
"constant.escape",
"variable.parameter",
"keyword.other.unit",
"keyword.other"
],
"settings": {
"foreground": "#fffc58"
}
},
{
"name": "String, Symbols, Inherited Class, Markup Heading",
"scope": [
"string",
"constant.other.symbol",
"constant.other.key",
"entity.other.inherited-class",
"markup.heading",
"markup.inserted.git_gutter",
"meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js"
],
"settings": {
"fontStyle": "normal",
"foreground": "#76c1ff"
}
},
{
"name": "Class, Support",
"scope": [
"entity.name",
"support.type",
"support.class",
"support.orther.namespace.use.php",
"meta.use.php",
"support.other.namespace.php",
"markup.changed.git_gutter",
"support.type.sys-types"
],
"settings": {
"foreground": "#00FF9C"
}
},
{
"name": "Entity Types",
"scope": [
"support.type"
],
"settings": {
"foreground": "#00FF9C"
}
},
{
"name": "CSS Class and Support",
"scope": [
"source.css support.type.property-name",
"source.sass support.type.property-name",
"source.scss support.type.property-name",
"source.less support.type.property-name",
"source.stylus support.type.property-name",
"source.postcss support.type.property-name"
],
"settings": {
"foreground": "#98e3ff"
}
},
{
"name": "Sub-methods",
"scope": [
"entity.name.module.js",
"variable.import.parameter.js",
"variable.other.class.js"
],
"settings": {
"foreground": "#ff5680"
}
},
{
"name": "Language methods",
"scope": [
"variable.language"
],
"settings": {
"fontStyle": "italic",
"foreground": "#ff5680"
}
},
{
"name": "entity.name.method.js",
"scope": [
"entity.name.method.js"
],
"settings": {
"fontStyle": "italic",
"foreground": "#6095ff"
}
},
{
"name": "meta.method.js",
"scope": [
"meta.class-method.js entity.name.function.js",
"variable.function.constructor"
],
"settings": {
"foreground": "#6095ff"
}
},
{
"name": "Attributes",
"scope": [
"entity.other.attribute-name"
],
"settings": {
"foreground": "#ee6dff"
}
},
{
"name": "HTML Attributes",
"scope": [
"text.html.basic entity.other.attribute-name.html",
"text.html.basic entity.other.attribute-name"
],
"settings": {
"fontStyle": "italic",
"foreground": "#00FF9C"
}
},
{
"name": "CSS Classes",
"scope": [
"entity.other.attribute-name.class"
],
"settings": {
"foreground": "#00FF9C"
}
},
{
"name": "CSS ID's",
"scope": [
"source.sass keyword.control"
],
"settings": {
"foreground": "#82AAFF"
}
},
{
"name": "Inserted",
"scope": [
"markup.inserted"
],
"settings": {
"foreground": "#C3E88D"
}
},
{
"name": "Deleted",
"scope": [
"markup.deleted"
],
"settings": {
"foreground": "#FF5370"
}
},
{
"name": "Changed",
"scope": [
"markup.changed"
],
"settings": {
"foreground": "#C792EA"
}
},
{
"name": "Regular Expressions",
"scope": [
"string.regexp"
],
"settings": {
"foreground": "#89DDFF"
}
},
{
"name": "Escape Characters",
"scope": [
"constant.character.escape"
],
"settings": {
"foreground": "#89DDFF"
}
},
{
"name": "URL",
"scope": [
"*url*",
"*link*",
"*uri*"
],
"settings": {
"fontStyle": "underline"
}
},
{
"name": "Decorators",
"scope": [
"tag.decorator.js entity.name.tag.js",
"tag.decorator.js punctuation.definition.tag.js"
],
"settings": {
"fontStyle": "italic",
"foreground": "#82AAFF"
}
},
{
"name": "ES7 Bind Operator",
"scope": [
"source.js constant.other.object.key.js string.unquoted.label.js"
],
"settings": {
"fontStyle": "italic",
"foreground": "#FF5370"
}
},
{
"name": "JSON Key - Level 0",
"scope": [
"source.json meta.structure.dictionary.json support.type.property-name.json"
],
"settings": {
"foreground": "#C792EA"
}
},
{
"name": "JSON Key - Level 1",
"scope": [
"source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"
],
"settings": {
"foreground": "#FFCB6B"
}
},
{
"name": "JSON Key - Level 2",
"scope": [
"source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"
],
"settings": {
"foreground": "#F78C6C"
}
},
{
"name": "JSON Key - Level 3",
"scope": [
"source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"
],
"settings": {
"foreground": "#FF5370"
}
},
{
"name": "JSON Key - Level 4",
"scope": [
"source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"
],
"settings": {
"foreground": "#C17E70"
}
},
{
"name": "JSON Key - Level 5",
"scope": [
"source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"
],
"settings": {
"foreground": "#82AAFF"
}
},
{
"name": "JSON Key - Level 6",
"scope": [
"source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"
],
"settings": {
"foreground": "#f07178"
}
},
{
"name": "JSON Key - Level 7",
"scope": [
"source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"
],
"settings": {
"foreground": "#C792EA"
}
},
{
"name": "JSON Key - Level 8",
"scope": [
"source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"
],
"settings": {
"foreground": "#C3E88D"
}
},
{
"name": "Markdown - Plain",
"scope": [
"text.html.markdown",
"punctuation.definition.list_item.markdown"
],
"settings": {
"foreground": "#EEFFFF"
}
},
{
"name": "Markdown - Markup Raw Inline",
"scope": [
"text.html.markdown markup.inline.raw.markdown"
],
"settings": {
"foreground": "#C792EA"
}
},
{
"name": "Markdown - Markup Raw Inline Punctuation",
"scope": [
"text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown"
],
"settings": {
"foreground": "#65737E"
}
},
{
"name": "Markdown - Line Break",
"scope": [
"text.html.markdown meta.dummy.line-break"
],
"settings": {
"foreground": ""
}
},
{
"name": "Markdown - Heading",
"scope": [
"markdown.heading",
"markup.heading | markup.heading entity.name",
"markup.heading.markdown punctuation.definition.heading.markdown"
],
"settings": {
"foreground": "#C3E88D"
}
},
{
"name": "Markup - Italic",
"scope": [
"markup.italic"
],
"settings": {
"fontStyle": "italic",
"foreground": "#f07178"
}
},
{
"name": "Markup - Bold",
"scope": [
"markup.bold",
"markup.bold string"
],
"settings": {
"fontStyle": "bold",
"foreground": "#f07178"
}
},
{
"name": "Markup - Bold-Italic",
"scope": [
"markup.bold markup.italic",
"markup.italic markup.bold",
"markup.quote markup.bold",
"markup.bold markup.italic string",
"markup.italic markup.bold string",
"markup.quote markup.bold string"
],
"settings": {
"fontStyle": "bold",
"foreground": "#f07178"
}
},
{
"name": "Markup - Underline",
"scope": [
"markup.underline"
],
"settings": {
"fontStyle": "underline",
"foreground": "#F78C6C"
}
},
{
"name": "Markup - Strike",
"scope": [
"markup.strike"
],
"settings": {
"fontStyle": "strike",
"foreground": ""
}
},
{
"name": "Markdown - Blockquote",
"scope": [
"markup.quote punctuation.definition.blockquote.markdown"
],
"settings": {
"background": "#65737E",
"foreground": "#65737E"
}
},
{
"name": "Markup - Quote",
"scope": [
"markup.quote"
],
"settings": {
"fontStyle": "italic",
"foreground": ""
}
},
{
"name": "Markdown - Link",
"scope": [
"string.other.link.title.markdown"
],
"settings": {
"foreground": "#82AAFF"
}
},
{
"name": "Markdown - Link Description",
"scope": [
"string.other.link.description.title.markdown"
],
"settings": {
"foreground": "#C792EA"
}
},
{
"name": "Markdown - Link Anchor",
"scope": [
"constant.other.reference.link.markdown"
],
"settings": {
"foreground": "#FFCB6B"
}
},
{
"name": "Markup - Raw Block",
"scope": [
"markup.raw.block"
],
"settings": {
"foreground": "#C792EA"
}
},
{
"name": "Markdown - Raw Block Fenced",
"scope": [
"markup.raw.block.fenced.markdown"
],
"settings": {
"foreground": "#00000050"
}
},
{
"name": "Markdown - Fenced Bode Block",
"scope": [
"punctuation.definition.fenced.markdown"
],
"settings": {
"foreground": "#00000050"
}
},
{
"name": "Markdown - Fenced Bode Block Variable",
"scope": [
"markup.raw.block.fenced.markdown",
"variable.language.fenced.markdown",
"punctuation.section.class.end"
],
"settings": {
"foreground": "#EEFFFF"
}
},
{
"name": "Markdown - Fenced Language",
"scope": [
"variable.language.fenced.markdown"
],
"settings": {
"foreground": "#65737E"
}
},
{
"name": "Markdown - Separator",
"scope": [
"meta.separator"
],
"settings": {
"fontStyle": "bold",
"background": "#00000050",
"foreground": "#65737E"
}
},
{
"name": "Markup - Table",
"scope": [
"markup.table"
],
"settings": {
"foreground": "#EEFFFF"
}
},
{
"scope": "token.info-token",
"settings": {
"foreground": "#6796e6"
}
},
{
"scope": "token.warn-token",
"settings": {
"foreground": "#cd9731"
}
},
{
"scope": "token.error-token",
"settings": {
"foreground": "#f44747"
}
},
{
"scope": "token.debug-token",
"settings": {
"foreground": "#b267e6"
}
}
]
}
Raw
cyberpunk-umbra-discord-theme.css
/**
* @name CyberPunk Umbra
* @author PSingletary
* @description Adapted from https://github.com/prometheux-ar/cyberpunk
* @version 1.0.0
* @source https://github.com/prometheux-ar/cyberpunk
* @updated 2025-10-11
*
* ═══════════════════════════════════════════════════════════════
* COLOR PALETTE REFERENCE
* ═══════════════════════════════════════════════════════════════
*
* BACKGROUNDS (Purple gradients - darkest to lightest):
* ┌─────────────────────────────────────────────────────────────
* │ Purple (Dark) #0f0d22 hsl(246, 45%, 9%)
* │ Light Purple #1e1d43 hsl(242, 40%, 19%)
* │ Lightest Purple #352a60 hsl(252, 39%, 27%)
* └─────────────────────────────────────────────────────────────
*
* ACCENTS (Primary theme colors):
* ┌─────────────────────────────────────────────────────────────
* │ Bright Green #00ff9c hsl(157, 100%, 50%)
* │ Dark Green #00b26d hsl(157, 100%, 35%)
* │ Blue #435af7 hsl(232, 92%, 62%)
* └─────────────────────────────────────────────────────────────
*
* STATUS & SEMANTIC COLORS:
* ┌─────────────────────────────────────────────────────────────
* │ Red (Error/DND) #95332d hsl(3, 54%, 38%)
* │ Yellow (Warning) #f09630 hsl(32, 86%, 56%)
* └─────────────────────────────────────────────────────────────
*
* ═══════════════════════════════════════════════════════════════
*/
:root {
opacity: 0.5;
/* ═══════════════════════════════════════════════════════════
CUSTOMIZATION HEADER
═══════════════════════════════════════════════════════════ */
--corner-text: 'Cyberpunk UMBRA v1.0';
/* ═══════════════════════════════════════════════════════════
STATUS COLORS (User presence indicators)
═══════════════════════════════════════════════════════════ */
--online-color: hsl(157, 100%, 50%); /* Online - Bright Green */
--idle-color: hsl(32, 86%, 56%); /* Idle/Away - Yellow */
--dnd-color: hsl(3, 54%, 38%); /* Do Not Disturb - Red */
--streaming-color: hsl(252, 39%, 27%); /* Streaming - Purple */
--offline-color: hsl(232, 92%, 62%); /* Offline/Invisible - Blue */
/* ═══════════════════════════════════════════════════════════
ACCENT COLORS (Interactive elements & highlights)
═══════════════════════════════════════════════════════════ */
--accent-1: hsl(157, 100%, 50%); /* Primary - Links, active states */
--accent-2: hsl(157, 100%, 48%); /* Unread indicators, mentions */
--accent-3: hsl(157, 100%, 46%); /* Primary buttons */
--accent-4: hsl(157, 100%, 44%); /* Button hover states */
--accent-5: hsl(157, 100%, 42%); /* Button active/pressed states */
--mention: hsla(157, 100%, 35%, 0.1); /* Mention message background */
--mention-hover: hsla(157, 100%, 35%, 0.05); /* Mention hover overlay */
/* ═══════════════════════════════════════════════════════════
TEXT COLORS (Typography hierarchy)
═══════════════════════════════════════════════════════════ */
--text-0: white; /* Text on colored backgrounds */
--text-1: hsl(232, 92%, 62%); /* Primary headings */
--text-2: hsl(232, 92%, 62%); /* Important text, titles */
--text-3: hsl(157, 100%, 50%); /* Normal body text */
--text-4: hsl(157, 100%, 35%); /* Secondary text, icons, channels */
--text-5: hsl(232, 92%, 56%); /* Muted text, timestamps */
/* ═══════════════════════════════════════════════════════════
BACKGROUND COLORS (Surface hierarchy)
═══════════════════════════════════════════════════════════ */
--bg-1: hsl(252, 39%, 27%); /* Elevated elements (active buttons) */
--bg-2: hsl(242, 40%, 19%); /* Secondary surfaces (sidebars) */
--bg-3: hsl(242, 40%, 17%); /* Tertiary surfaces (dividers) */
--bg-4: hsl(246, 45%, 9%); /* Base background (main canvas) */
/* ═══════════════════════════════════════════════════════════
INTERACTION STATES (Hover, active, focus)
═══════════════════════════════════════════════════════════ */
--hover: hsla(230, 20%, 40%, 0.1); /* Hover overlay */
--active: hsla(220, 20%, 40%, 0.2); /* Active/selected overlay */
--message-hover: hsla(220, 0%, 0%, 0.1); /* Message row hover */
/* ═══════════════════════════════════════════════════════════
LAYOUT & SPACING
═══════════════════════════════════════════════════════════ */
--spacing: 12px; /* Standard spacing unit */
--border-radius: 8px; /* Standard border radius */
}
/* ═══════════════════════════════════════════════════════════════
CORNER TEXT DISPLAY
═══════════════════════════════════════════════════════════════ */
.wordmark-2iDDfm::after {
content: var(--corner-text);
font-size: 12px;
font-weight: 600;
color: var(--text-3);
text-transform: uppercase;
letter-spacing: 0.5px;
}
/* ═══════════════════════════════════════════════════════════════
BACKGROUND LAYERS
═══════════════════════════════════════════════════════════════ */
/* Base app background */
.app-1q1i1E,
.bg-h5JY_x {
background-color: var(--bg-4) !important;
}
/* Server list / leftmost sidebar */
.guilds-1SWlCJ,
.wrapper-1Rf91z {
background-color: var(--bg-4) !important;
}
/* Channel list / middle sidebar */
.sidebar-2K8pFh,
.container-3w7J-x {
background-color: var(--bg-2) !important;
}
/* Chat/content area */
.chat-3bRxxu,
.chatContent-a9vAAp {
background-color: var(--bg-4) !important;
}
/* Member list / right sidebar */
.members-1998pB,
.container-3baos1 {
background-color: var(--bg-2) !important;
}
/* ═══════════════════════════════════════════════════════════════
TEXT STYLING
═══════════════════════════════════════════════════════════════ */
/* Primary text (chat messages) */
.markup-2BOw-j {
color: var(--text-3) !important;
}
/* Channel names */
.name-23GUGE,
.channelName-3KPsGw {
color: var(--text-4) !important;
}
/* Muted channels */
.muted-3sybUy .name-23GUGE {
color: var(--text-5) !important;
opacity: 0.5;
}
/* Timestamps */
.timestamp-3ZCmNB {
color: var(--text-5) !important;
}
/* User names in chat */
.username-1A8OIy {
color: var(--text-2) !important;
font-weight: 600;
}
/* Headers and titles */
.title-3qD0b-,
.name-1jkAdW,
.h1-2_YSpE,
.h2-2gWE-o {
color: var(--text-2) !important;
}
/* ═══════════════════════════════════════════════════════════════
ACCENT & INTERACTIVE ELEMENTS
═══════════════════════════════════════════════════════════════ */
/* Links */
a,
.anchor-3Z-8Bb,
.anchorUnderlineOnHover-2ESHQB {
color: var(--accent-1) !important;
}
/* Unread indicators */
.numberBadge-2s8kKX,
.unread-2lAfLh {
background-color: var(--accent-2) !important;
}
/* Mention badges */
.mention {
background-color: var(--mention) !important;
color: var(--accent-1) !important;
}
.mention:hover {
background-color: var(--mention-hover) !important;
}
/* Primary buttons */
.button-38aScr.lookFilled-1Gx00P.colorBrand-3pXr91 {
background-color: var(--accent-3) !important;
color: var(--text-0) !important;
}
.button-38aScr.lookFilled-1Gx00P.colorBrand-3pXr91:hover {
background-color: var(--accent-4) !important;
}
.button-38aScr.lookFilled-1Gx00P.colorBrand-3pXr91:active {
background-color: var(--accent-5) !important;
}
/* ═══════════════════════════════════════════════════════════════
STATUS INDICATORS
═══════════════════════════════════════════════════════════════ */
/* Online status */
.status-1fhblQ[style*="background-color: rgb(67, 181, 129)"],
.status-1fhblQ.status-online {
background-color: var(--online-color) !important;
}
/* Idle status */
.status-1fhblQ[style*="background-color: rgb(250, 166, 26)"],
.status-1fhblQ.status-idle {
background-color: var(--idle-color) !important;
}
/* Do Not Disturb status */
.status-1fhblQ[style*="background-color: rgb(240, 71, 71)"],
.status-1fhblQ.status-dnd {
background-color: var(--dnd-color) !important;
}
/* Streaming status */
.status-1fhblQ.status-streaming {
background-color: var(--streaming-color) !important;
}
/* Offline/Invisible status */
.status-1fhblQ[style*="background-color: rgb(116, 127, 141)"],
.status-1fhblQ.status-offline,
.status-1fhblQ.status-invisible {
background-color: var(--offline-color) !important;
}
/* ═══════════════════════════════════════════════════════════════
CHANNEL & SERVER INTERACTIONS
═══════════════════════════════════════════════════════════════ */
/* Channel hover state */
.wrapper-2jXpOf:hover,
.content-3at_AU:hover {
background-color: var(--hover) !important;
}
/* Selected channel */
.wrapper-2jXpOf.modeSelected-1zApJ_,
.content-3at_AU.selected-aXhQR6 {
background-color: var(--active) !important;
}
.wrapper-2jXpOf.modeSelected-1zApJ_ .name-23GUGE {
color: var(--accent-1) !important;
}
/* Server icons hover */
.wrapper-1BJsBx:hover,
.blobContainer-239gwq:hover {
background-color: var(--hover) !important;
border-radius: 50%;
}
/* ═══════════════════════════════════════════════════════════════
MESSAGE AREA
═══════════════════════════════════════════════════════════════ */
/* Message hover background */
.message-2qnXI6:hover {
background-color: var(--message-hover) !important;
}
/* Mentioned message background */
.mentioned-xhSam7 {
background-color: var(--mention) !important;
}
.mentioned-xhSam7:hover {
background-color: var(--mention-hover) !important;
}
/* Message input */
.scrollableContainer-2NUZem {
background-color: var(--bg-2) !important;
border-radius: var(--border-radius);
}
.placeholder-37qJjk {
color: var(--text-5) !important;
}
/* ═══════════════════════════════════════════════════════════════
MODALS & POPOUTS
═══════════════════════════════════════════════════════════════ */
/* Modal backgrounds */
.modal-yWgWj- {
background-color: var(--bg-3) !important;
}
.footer-2gL1pp,
.header-1TKi98 {
background-color: var(--bg-2) !important;
}
/* Context menus */
.menu-3sdvDG {
background-color: var(--bg-2) !important;
}
.item-1tOPte:hover {
background-color: var(--hover) !important;
}
/* User popout */
.userPopout-3XzG_A {
background-color: var(--bg-2) !important;
}
.body-3iLsc4,
.footer-1fjhV0 {
background-color: var(--bg-3) !important;
}
/* ═══════════════════════════════════════════════════════════════
SCROLLBARS
═══════════════════════════════════════════════════════════════ */
::-webkit-scrollbar {
width: 12px;
height: 12px;
}
::-webkit-scrollbar-track {
background-color: transparent;
}
::-webkit-scrollbar-thumb {
background-color: var(--bg-1);
border-radius: 6px;
border: 2px solid transparent;
background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover {
background-color: var(--accent-3);
}
/* ═══════════════════════════════════════════════════════════════
SEARCH & FILTERS
═══════════════════════════════════════════════════════════════ */
.searchBar-3dMhjb {
background-color: var(--bg-3) !important;
}
.search-2oPWTC .searchBar-3dMhjb {
background-color: var(--bg-2) !important;
}
/* ═══════════════════════════════════════════════════════════════
VOICE CHANNELS
═══════════════════════════════════════════════════════════════ */
.container-1giJp5 {
background-color: var(--bg-2) !important;
}
/* Speaking indicator */
.border-3dQmSY.speaking-B2MXPi {
box-shadow: inset 0 0 0 2px var(--accent-1), inset 0 0 0 3px var(--bg-4);
}
/* ═══════════════════════════════════════════════════════════════
EMBEDS & RICH CONTENT
═══════════════════════════════════════════════════════════════ */
.embed-IeVjo6 {
background-color: var(--bg-2) !important;
border-color: var(--accent-1) !important;
}
.embedAuthor-3l5luH,
.embedTitle-3Wv4RX {
color: var(--text-2) !important;
}
.embedDescription-1Cuq9a {
color: var(--text-3) !important;
}
/* Code blocks */
code.inline,
.codeLine-14BKbG {
background-color: var(--bg-1) !important;
color: var(--accent-1) !important;
border-color: var(--bg-3);
}
/* ═══════════════════════════════════════════════════════════════
NITRO & BOOSTS
═══════════════════════════════════════════════════════════════ */
.premiumIcon-1OUYj1,
.boostIcon-3BaDVZ {
color: var(--accent-1) !important;
}
/* ═══════════════════════════════════════════════════════════════
DIVIDERS & BORDERS
═══════════════════════════════════════════════════════════════ */
.divider-3_HH5L {
border-color: var(--bg-1) !important;
}
/* ═══════════════════════════════════════════════════════════════
END OF THEME
Version: 1.0.0 | Updated: 2025-10-11
═══════════════════════════════════════════════════════════════ */
Raw
cyberpunk.itermcolors
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
<key>Ansi 0 Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.0</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.0</real>
<key>Red Component</key>
<real>0.0</real>
</dict>
<key>Ansi 1 Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.57321065664291382</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.44025561213493347</real>
<key>Red Component</key>
<real>1</real>
</dict>
<key>Ansi 10 Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.73717445135116577</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.96646648645401001</real>
<key>Red Component</key>
<real>0.12886351346969604</real>
</dict>
<key>Ansi 11 Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.53081244230270386</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.96818214654922485</real>
<key>Red Component</key>
<real>1</real>
</dict>
<key>Ansi 12 Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.99167412519454956</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.79847496747970581</real>
<key>Red Component</key>
<real>0.10722490400075912</real>
</dict>
<key>Ansi 13 Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.99433296918869019</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.68058031797409058</real>
<key>Red Component</key>
<real>0.90116435289382935</real>
</dict>
<key>Ansi 14 Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.98827284574508667</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.83922570943832397</real>
<key>Red Component</key>
<real>0.60002338886260986</real>
</dict>
<key>Ansi 15 Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>1</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>1</real>
<key>Red Component</key>
<real>0.99999600648880005</real>
</dict>
<key>Ansi 2 Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.67469781637191772</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.98288244009017944</real>
<key>Red Component</key>
<real>0.0</real>
</dict>
<key>Ansi 3 Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.41637670993804932</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.97871953248977661</real>
<key>Red Component</key>
<real>0.99975460767745972</real>
</dict>
<key>Ansi 4 Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>1</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.74771982431411743</real>
<key>Red Component</key>
<real>0.0</real>
</dict>
<key>Ansi 5 Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>1</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.58545517921447754</real>
<key>Red Component</key>
<real>0.87335008382797241</real>
</dict>
<key>Ansi 6 Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.99462181329727173</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.79799681901931763</real>
<key>Red Component</key>
<real>0.52480369806289673</real>
</dict>
<key>Ansi 7 Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>1</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>1</real>
<key>Red Component</key>
<real>1</real>
</dict>
<key>Ansi 8 Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.0</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.0</real>
<key>Red Component</key>
<real>0.0</real>
</dict>
<key>Ansi 9 Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.64227551221847534</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.54083871841430664</real>
<key>Red Component</key>
<real>1</real>
</dict>
<key>Background Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.34118849039077759</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.16278219223022461</real>
<key>Red Component</key>
<real>0.19937470555305481</real>
</dict>
<key>Badge Color</key>
<dict>
<key>Alpha Component</key>
<real>0.5</real>
<key>Blue Component</key>
<real>0.0</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.1491314172744751</real>
<key>Red Component</key>
<real>1</real>
</dict>
<key>Bold Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>1</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>1</real>
<key>Red Component</key>
<real>0.99999600648880005</real>
</dict>
<key>Cursor Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.73717445135116577</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.96646648645401001</real>
<key>Red Component</key>
<real>0.12886351346969604</real>
</dict>
<key>Cursor Guide Color</key>
<dict>
<key>Alpha Component</key>
<real>0.25</real>
<key>Blue Component</key>
<real>1</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.9268307089805603</real>
<key>Red Component</key>
<real>0.70213186740875244</real>
</dict>
<key>Cursor Text Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>1</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>1</real>
<key>Red Component</key>
<real>0.99999600648880005</real>
</dict>
<key>Foreground Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.89999997615814209</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.89999997615814209</real>
<key>Red Component</key>
<real>0.89999997615814209</real>
</dict>
<key>Link Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.73423302173614502</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.35916060209274292</real>
<key>Red Component</key>
<real>0.0</real>
</dict>
<key>Selected Text Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.0</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.0</real>
<key>Red Component</key>
<real>0.0</real>
</dict>
<key>Selection Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>1</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.86970102787017822</real>
<key>Red Component</key>
<real>0.75813239812850952</real>
</dict>
<key>Tab Color</key>
<dict>
<key>Alpha Component</key>
<real>1</real>
<key>Blue Component</key>
<real>0.32156860828399658</real>
<key>Color Space</key>
<string>sRGB</string>
<key>Green Component</key>
<real>0.25882357358932495</real>
<key>Red Component</key>
<real>0.23137256503105164</real>
</dict>
</dict>
</plist>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment