From 65859eea1db1f7fb93839ea0f615583b7db8eef1 Mon Sep 17 00:00:00 2001 From: mrheio Date: Thu, 14 Mar 2024 11:14:16 +0200 Subject: [PATCH] feat: Create new Poimandres variant --- demo/flutter.dart | 2 +- demo/issue-91.jsx | 2 +- package.json | 7 +- src/index.js | 3 +- src/themes/darkit-poimandres.js | 403 ++++++++++++++++++++++++++++++++ themes/Darkit-Poimandres.json | 401 +++++++++++++++++++++++++++++++ 6 files changed, 814 insertions(+), 4 deletions(-) create mode 100644 src/themes/darkit-poimandres.js create mode 100644 themes/Darkit-Poimandres.json diff --git a/demo/flutter.dart b/demo/flutter.dart index e4eca87..67540d5 100644 --- a/demo/flutter.dart +++ b/demo/flutter.dart @@ -16,7 +16,7 @@ class MyButton extends StatefulWidget{ } class MyButtonState extends State{ - String flutterText = ""; + String flutterText = null; List collection = ['Flutter', 'is', 'great']; int index = 0; diff --git a/demo/issue-91.jsx b/demo/issue-91.jsx index 599129f..7e052d6 100644 --- a/demo/issue-91.jsx +++ b/demo/issue-91.jsx @@ -3,7 +3,7 @@ import { For } from 'solid-js'; import Dialog from '../../components/Dialog'; import { useJobsContext } from './jobs-provider'; -// test +// Lorem ipsum dolor const DialogJobDetails = () => { const params = useParams(); diff --git a/package.json b/package.json index f32ee61..9ceef24 100644 --- a/package.json +++ b/package.json @@ -4,7 +4,7 @@ "description": "A dark theme.", "type": "module", "publisher": "mrheio", - "version": "24.1.0", + "version": "25.0.0", "icon": "icon.png", "engines": { "vscode": "^1.7.0" @@ -23,6 +23,11 @@ "label": "Darkit Astral", "uiTheme": "vs-dark", "path": "./themes/Darkit-Astral.json" + }, + { + "label": "Darkit Poimandres", + "uiTheme": "vs-dark", + "path": "./themes/Darkit-Poimandres.json" } ] }, diff --git a/src/index.js b/src/index.js index 327192c..50cb093 100644 --- a/src/index.js +++ b/src/index.js @@ -1,5 +1,6 @@ import { mkdirSync, writeFileSync } from 'fs'; import { darkitAstral } from './themes/darkit-astral.js'; +import { darkitPoimandres } from './themes/darkit-poimandres.js'; import { darkit } from './themes/darkit.js'; import { THEMES_PATH, @@ -29,4 +30,4 @@ const buildThemes = (...themes) => { } }; -buildThemes(darkit, darkitAstral); +buildThemes(darkit, darkitAstral, darkitPoimandres); diff --git a/src/themes/darkit-poimandres.js b/src/themes/darkit-poimandres.js new file mode 100644 index 0000000..fe48776 --- /dev/null +++ b/src/themes/darkit-poimandres.js @@ -0,0 +1,403 @@ +import colors from '../colors.js'; + +const bg = '#181a25'; + +export const darkitPoimandres = { + name: 'Darkit Poimandres', + colors: { + foreground: colors.slate[200], + focusBorder: colors.slate[500], + 'widget.shadow': colors.transparent, + 'activityBar.background': bg, + 'activityBar.foreground': colors.darkBlue[50], + 'activityBar.inactiveForeground': colors.darkBlue[400], + 'activityBarBadge.background': colors.darkBlue[600], + 'activityBarBadge.foreground': colors.slate[100], + 'activityBar.border': colors.transparent, + 'activityBar.activeBackground': colors.transparent, + 'sideBar.background': bg, + 'sideBar.foreground': colors.darkBlue[300], + 'sideBar.border': colors.transparent, + 'sideBarSectionHeader.background': bg, + 'sideBarSectionHeader.foreground': colors.darkBlue[100], + 'sideBarSectionHeader.border': colors.transparent, + 'sideBarTitle.foreground': colors.darkBlue[100], + 'list.inactiveSelectionBackground': colors.darkBlue[600], + 'list.inactiveSelectionForeground': colors.darkBlue[50], + 'list.focusOutline': colors.transparent, + 'list.hoverBackground': colors.darkBlue[600], + 'list.hoverForeground': colors.darkBlue[100], + 'list.activeSelectionBackground': colors.darkBlue[600], + 'list.activeSelectionForeground': colors.darkBlue[50], + 'list.dropBackground': colors.darkBlue[600], + 'list.highlightForeground': colors.emerald[300], + 'list.focusBackground': colors.darkBlue[800], + 'list.focusForeground': colors.slate[200], + 'listFilterWidget.background': colors.darkBlue[600], + 'listFilterWidget.noMatchesOutline': colors.red[500], + 'listFilterWidget.outline': colors.transparent, + 'list.warningForeground': colors.orange[300], + 'list.errorForeground': colors.roseRed[400], + 'tree.indentGuidesStroke': colors.transparent, + 'statusBar.background': bg, + 'statusBar.foreground': colors.slate[200], + 'statusBar.border': colors.transparent, + 'statusBar.debuggingBackground': colors.darkBlue[600], + 'statusBar.debuggingForeground': colors.slate[100], + 'statusBar.debuggingBorder': colors.darkBlue[900], + 'statusBar.noFolderBackground': colors.darkBlue[800], + 'statusBar.noFolderForeground': colors.slate[200], + 'statusBar.noFolderBorder': colors.transparent, + 'titleBar.activeBackground': bg, + 'titleBar.activeForeground': colors.darkBlue[200], + 'titleBar.border': colors.transparent, + 'titleBar.inactiveBackground': bg, + 'titleBar.inactiveForeground': colors.darkBlue[200], + 'menubar.selectionBackground': colors.darkBlue[600], + 'menubar.selectionForeground': colors.darkBlue[100], + 'menubar.selectionBorder': colors.transparent, + 'menu.background': bg, + 'menu.foreground': colors.darkBlue[100], + 'menu.selectionBackground': colors.darkBlue[600], + 'menu.selectionForeground': colors.darkBlue[50], + 'menu.selectionBorder': colors.transparent, + 'menu.separatorBackground': colors.darkBlue[500], + 'menu.border': colors.darkBlue[900], + 'button.background': colors.darkBlue[500], + 'button.foreground': colors.slate[200], + 'button.hoverBackground': colors.darkBlue[400], + 'button.secondaryBackground': colors.slate[800], + 'button.secondaryForeground': colors.slate[200], + 'textLink.foreground': colors.emerald[300], + 'input.background': colors.darkBlue[800], + 'input.foreground': colors.slate[200], + 'input.border': colors.darkBlue[600], + 'input.placeholderForeground': colors.slate[500], + 'inputOption.activeBackground': colors.transparent, + 'inputOption.activeForeground': colors.slate[50], + 'inputOption.activeBorder': colors.transparent, + 'panel.background': bg, + 'panel.border': colors.darkBlue[800], + 'panelTitle.activeBorder': colors.darkBlue[200], + 'panelTitle.activeForeground': colors.darkBlue[50], + 'terminal.selectionBackground': colors.darkBlue[600], + 'terminal.border': colors.darkBlue[900], + 'terminal.foreground': colors.darkBlue[50], + 'terminal.ansiWhite': colors.slate[400], + 'terminal.ansiBrightWhite': colors.slate[200], + 'terminal.ansiBlack': colors.slate[900], + 'terminal.ansiBrightBlack': colors.slate[600], + 'terminal.ansiBlue': colors.blue[500], + 'terminal.ansiBrightBlue': colors.blue[300], + 'terminal.ansiCyan': colors.cyan[600], + 'terminal.ansiBrightCyan': colors.cyan[200], + 'terminal.ansiGreen': colors.emerald[200], + 'terminal.ansiBrightGreen': colors.emerald[100], + 'terminal.ansiMagenta': colors.purple[400], + 'terminal.ansiBrightMagenta': colors.purple[300], + 'terminal.ansiRed': colors.roseRed[400], + 'terminal.ansiBrightRed': colors.roseRed[300], + 'terminal.ansiYellow': colors.greenYellow[400], + 'terminal.ansiBrightYellow': colors.greenYellow[300], + 'terminalCursor.background': colors.darkBlue[900], + 'terminalCursor.foreground': colors.darkBlue[300], + 'badge.background': colors.darkBlue[600], + 'badge.foreground': colors.slate[50], + 'editorGroupHeader.border': colors.transparent, + 'editorGroupHeader.tabsBackground': bg, + 'editorGroupHeader.tabsBorder': colors.transparent, + 'tab.border': colors.transparent, + 'tab.activeBackground': bg, + 'tab.activeForeground': colors.slate[100], + 'tab.activeBorder': colors.transparent, + 'tab.activeBorderTop': colors.darkBlue[300], + 'tab.inactiveBackground': bg, + 'tab.inactiveForeground': colors.darkBlue[300], + 'breadcrumb.background': colors.darkBlue[700], + 'breadcrumb.foreground': colors.darkBlue[300], + 'breadcrumb.focusForeground': colors.darkBlue[50], + 'breadcrumb.border': colors.transparent, + 'scrollbarSlider.background': colors.darkBlue[800], + 'scrollbarSlider.hoverBackground': colors.darkBlue[600], + 'scrollbarSlider.activeBackground': colors.darkBlue[600], + 'scrollbar.shadow': colors.darkBlue[900], + 'editorWidget.background': bg, + 'editorWidget.foreground': colors.slate[300], + 'editorWidget.resizeBorder': colors.darkBlue[300], + 'editorWidget.border': colors.darkBlue[900], + 'debugToolBar.background': colors.darkBlue[600], + 'debugToolBar.border': colors.darkBlue[800], + 'debugIcon.continueForeground': colors.aquamarine[300], + 'debugIcon.restartForeground': colors.blue[300], + 'debugIcon.disconnectForeground': colors.roseRed[400], + 'debugIcon.stepOverForeground': colors.indigo[300], + 'debugIcon.stepIntoForeground': colors.indigo[300], + 'debugIcon.stepOutForeground': colors.indigo[300], + 'notifications.background': colors.darkBlue[800], + 'notifications.foreground': colors.slate[200], + 'notificationLink.foreground': colors.emerald[300], + 'notificationToast.border': colors.darkBlue[800], + 'gitDecoration.addedResourceForeground': colors.aquamarine[300], + 'gitDecoration.modifiedResourceForeground': colors.orange[200], + 'gitDecoration.deletedResourceForeground': colors.roseRed[400], + 'gitDecoration.renamedResourceForeground': colors.emerald[400], + 'gitDecoration.stageModifiedResourceForeground': colors.orange[200], + 'gitDecoration.stageDeletedResourceForeground': colors.roseRed[400], + 'gitDecoration.untrackedResourceForeground': colors.aquamarine[300], + 'gitDecoration.ignoredResourceForeground': colors.darkBlue[500], + 'editor.background': bg, + 'editor.foreground': colors.slate[100], + 'editorLineNumber.foreground': colors.darkBlue[600], + 'editorLineNumber.activeForeground': colors.darkBlue[300], + 'editorCursor.foreground': colors.darkBlue[50], + 'editorCursor.background': colors.darkBlue[50], + 'editor.selectionBackground': colors.darkBlue[500], + 'editor.inactiveSelectionBackground': colors.darkBlue[800], + 'editor.selectionHighlightBackground': colors.transparent, + 'editor.findMatchBackground': colors.darkBlue[500], + 'editor.findMatchBorder': colors.darkBlue[100], + 'editor.findMatchHighlightBackground': colors.darkBlue[500], + 'editor.findRangeHighlightBackground': colors.darkBlue[500], + 'editor.rangeHighlightBackground': colors.darkBlue[600], + 'editor.hoverHighlightBackground': `${colors.darkBlue[500]}55`, + 'editor.wordHighlightBackground': colors.darkBlue[500], + 'editor.lineHighlightBackground': colors.darkBlue[600], + 'editorIndentGuide.background': colors.darkBlue[600], + 'editorIndentGuide.activeBackground': colors.darkBlue[500], + 'editorRuler.foreground': colors.darkBlue[900], + 'editorBracketMatch.background': colors.darkBlue[600], + 'editorBracketMatch.border': colors.darkBlue[500], + 'peekViewEditor.background': colors.darkBlue[800], + 'peekView.border': colors.darkBlue[900], + 'peekViewResult.background': colors.darkBlue[800], + 'peekViewTitle.background': colors.darkBlue[800], + 'minimap.findMatchHighlight': colors.darkBlue[500], + 'minimap.selectionOccurrenceHighlight': colors.slate[300], + }, + tokenColors: [ + { + name: 'Comments', + scope: ['comment'], + settings: { + foreground: colors.darkBlue[500], + }, + }, + { + name: 'Variable', + scope: ['variable'], + settings: { foreground: colors.gray[100] }, + }, + { + name: 'Functions', + scope: [ + 'entity.name.function', + 'support.function', + 'meta.function-call.generic', + 'support.function.magic', + ], + settings: { + foreground: colors.indigo[300], + }, + }, + { + name: 'Function parameter', + scope: ['variable.parameter'], + settings: { + foreground: colors.white, + }, + }, + { + name: 'Keywords | Keyword operator', + scope: ['keyword', 'meta.method.declaration storage.type'], + settings: { + foreground: colors.washedBlue[200], + }, + }, + { + name: 'Storage (let, const, async, function, class, extends, ...) | Variable language | Keyword operator expression | Keyword operator new', + scope: [ + 'storage', + 'variable.language', + 'keyword.operator.expression', + 'keyword.operator.new', + 'keyword.function', + ], + settings: { + foreground: colors.darkBlue[300], + }, + }, + { + name: 'Classes', + scope: [ + 'support.class', + 'entity.name.type', + 'entity.other.inherited-class', + 'entity.name.scope-resolution', + 'support.type', + ], + settings: { + foreground: colors.darkBlue[100], + }, + }, + { + name: 'Primitives', + scope: [ + 'support.type.primitive', + 'entity.other.attribute-name.pseudo-class', + 'entity.other.attribute-name.pseudo-element', + ], + settings: { + foreground: colors.darkBlue[300], + }, + }, + { + name: 'Strings', + scope: ['string'], + settings: { + foreground: colors.aquamarine[500], + }, + }, + { + name: 'String regex', + scope: ['string.regexp'], + settings: { + foreground: colors.aquamarine[300], + }, + }, + { + name: 'Class utils', + scope: [ + 'variable.language.this', + 'variable.language.super', + 'variable.parameter.function.language.special.self', + 'variable.language.special.self', + ], + settings: { + foreground: colors.aquamarine[400], + }, + }, + { + name: 'Tags', + scope: [ + 'entity.name.tag', + 'entity.name.tag.reference', + 'support.class.component', + ], + settings: { + foreground: colors.aquamarine[500], + }, + }, + { + name: 'Json key, Yaml key', + scope: [ + 'support.type.property-name.json', + 'source.yaml entity.name.tag', + ], + settings: { + foreground: colors.pink[400], + }, + }, + { + name: 'Punctuation tag', + scope: [ + 'punctuation.definition.tag.begin', + 'punctuation.definition.tag.end', + 'punctuation.definition.typeparameters.begin', + 'punctuation.definition.typeparameters.end', + ], + settings: { + foreground: colors.slate[50], + }, + }, + { + name: 'Attribute name', + scope: ['entity.other.attribute-name'], + settings: { + foreground: colors.washedBlue[200], + }, + }, + { + name: 'Classes', + scope: ['entity.other.attribute-name.class.css'], + settings: { + foreground: colors.blue[200], + }, + }, + { + name: 'Ids', + scope: ['entity.other.attribute-name.id'], + settings: { + foreground: colors.pink[400], + }, + }, + { + name: 'Constant', + scope: [ + 'support.constant', + 'constant.language', + 'support.type.builtin', + ], + settings: { + foreground: colors.aquamarine[500], + }, + }, + { + name: 'Falsy', + scope: [ + 'constant.language.undefined', + 'constant.language.null', + 'constant.language.boolean.false', + 'keyword.control.trycatch', + ], + settings: { + foreground: colors.pink[400], + }, + }, + { + name: 'Numeric constant', + scope: ['constant.numeric'], + settings: { + foreground: colors.aquamarine[500], + }, + }, + { + name: 'Keyword operator', + scope: [ + 'keyword.operator', + 'keyword.operator.assignment', + 'punctuation.accessor', + 'punctuation.separator.key-value', + 'punctuation.definition.block.sequence.item', + 'punctuation.separator.dictionary.key-value', + 'punctuation.definition.variable', + 'punctuation.separator.colon', + 'punctuation.separator.period', + 'punctuation.section', + 'keyword.other.unit', + ], + settings: { + foreground: colors.washedBlue[100], + }, + }, + { + name: 'CSS property name', + scope: ['source.css support.type.property-name'], + settings: { + foreground: colors.white, + }, + }, + { + name: 'Variable other property', + scope: [ + 'support.variable', + 'variable.other.predefined', + 'variable.other.property', + 'meta.object.member', + ], + settings: { + foreground: colors.blue[100], + }, + }, + ], + semanticHighlighting: true, +}; diff --git a/themes/Darkit-Poimandres.json b/themes/Darkit-Poimandres.json new file mode 100644 index 0000000..bd3a7eb --- /dev/null +++ b/themes/Darkit-Poimandres.json @@ -0,0 +1,401 @@ +{ + "name": "Darkit Poimandres", + "colors": { + "foreground": "#e2e8f0", + "focusBorder": "#64748b", + "widget.shadow": "#00000000", + "activityBar.background": "#181a25", + "activityBar.foreground": "#B3B9CC", + "activityBar.inactiveForeground": "#606B90", + "activityBarBadge.background": "#2D3243", + "activityBarBadge.foreground": "#f1f5f9", + "activityBar.border": "#00000000", + "activityBar.activeBackground": "#00000000", + "sideBar.background": "#181a25", + "sideBar.foreground": "#7680A4", + "sideBar.border": "#00000000", + "sideBarSectionHeader.background": "#181a25", + "sideBarSectionHeader.foreground": "#A7AEC4", + "sideBarSectionHeader.border": "#00000000", + "sideBarTitle.foreground": "#A7AEC4", + "list.inactiveSelectionBackground": "#2D3243", + "list.inactiveSelectionForeground": "#B3B9CC", + "list.focusOutline": "#00000000", + "list.hoverBackground": "#2D3243", + "list.hoverForeground": "#A7AEC4", + "list.activeSelectionBackground": "#2D3243", + "list.activeSelectionForeground": "#B3B9CC", + "list.dropBackground": "#2D3243", + "list.highlightForeground": "#6ee7b7", + "list.focusBackground": "#12141C", + "list.focusForeground": "#e2e8f0", + "listFilterWidget.background": "#2D3243", + "listFilterWidget.noMatchesOutline": "#ef4444", + "listFilterWidget.outline": "#00000000", + "list.warningForeground": "#fdba74", + "list.errorForeground": "#FF527D", + "tree.indentGuidesStroke": "#00000000", + "statusBar.background": "#181a25", + "statusBar.foreground": "#e2e8f0", + "statusBar.border": "#00000000", + "statusBar.debuggingBackground": "#2D3243", + "statusBar.debuggingForeground": "#f1f5f9", + "statusBar.debuggingBorder": "#0C0E12", + "statusBar.noFolderBackground": "#12141C", + "statusBar.noFolderForeground": "#e2e8f0", + "statusBar.noFolderBorder": "#00000000", + "titleBar.activeBackground": "#181a25", + "titleBar.activeForeground": "#8E97B4", + "titleBar.border": "#00000000", + "titleBar.inactiveBackground": "#181a25", + "titleBar.inactiveForeground": "#8E97B4", + "menubar.selectionBackground": "#2D3243", + "menubar.selectionForeground": "#A7AEC4", + "menubar.selectionBorder": "#00000000", + "menu.background": "#181a25", + "menu.foreground": "#A7AEC4", + "menu.selectionBackground": "#2D3243", + "menu.selectionForeground": "#B3B9CC", + "menu.selectionBorder": "#00000000", + "menu.separatorBackground": "#505978", + "menu.border": "#0C0E12", + "button.background": "#505978", + "button.foreground": "#e2e8f0", + "button.hoverBackground": "#606B90", + "button.secondaryBackground": "#1e293b", + "button.secondaryForeground": "#e2e8f0", + "textLink.foreground": "#6ee7b7", + "input.background": "#12141C", + "input.foreground": "#e2e8f0", + "input.border": "#2D3243", + "input.placeholderForeground": "#64748b", + "inputOption.activeBackground": "#00000000", + "inputOption.activeForeground": "#f8fafc", + "inputOption.activeBorder": "#00000000", + "panel.background": "#181a25", + "panel.border": "#12141C", + "panelTitle.activeBorder": "#8E97B4", + "panelTitle.activeForeground": "#B3B9CC", + "terminal.selectionBackground": "#2D3243", + "terminal.border": "#0C0E12", + "terminal.foreground": "#B3B9CC", + "terminal.ansiWhite": "#94a3b8", + "terminal.ansiBrightWhite": "#e2e8f0", + "terminal.ansiBlack": "#0f172a", + "terminal.ansiBrightBlack": "#475569", + "terminal.ansiBlue": "#297EFF", + "terminal.ansiBrightBlue": "#7AAFFF", + "terminal.ansiCyan": "#00BDC7", + "terminal.ansiBrightCyan": "#7AF8FF", + "terminal.ansiGreen": "#a7f3d0", + "terminal.ansiBrightGreen": "#d1fae5", + "terminal.ansiMagenta": "#c084fc", + "terminal.ansiBrightMagenta": "#d8b4fe", + "terminal.ansiRed": "#FF527D", + "terminal.ansiBrightRed": "#FF7A9C", + "terminal.ansiYellow": "#E2F58E", + "terminal.ansiBrightYellow": "#ECF8B3", + "terminalCursor.background": "#0C0E12", + "terminalCursor.foreground": "#7680A4", + "badge.background": "#2D3243", + "badge.foreground": "#f8fafc", + "editorGroupHeader.border": "#00000000", + "editorGroupHeader.tabsBackground": "#181a25", + "editorGroupHeader.tabsBorder": "#00000000", + "tab.border": "#00000000", + "tab.activeBackground": "#181a25", + "tab.activeForeground": "#f1f5f9", + "tab.activeBorder": "#00000000", + "tab.activeBorderTop": "#7680A4", + "tab.inactiveBackground": "#181a25", + "tab.inactiveForeground": "#7680A4", + "breadcrumb.background": "#181B25", + "breadcrumb.foreground": "#7680A4", + "breadcrumb.focusForeground": "#B3B9CC", + "breadcrumb.border": "#00000000", + "scrollbarSlider.background": "#12141C", + "scrollbarSlider.hoverBackground": "#2D3243", + "scrollbarSlider.activeBackground": "#2D3243", + "scrollbar.shadow": "#0C0E12", + "editorWidget.background": "#181a25", + "editorWidget.foreground": "#cbd5e1", + "editorWidget.resizeBorder": "#7680A4", + "editorWidget.border": "#0C0E12", + "debugToolBar.background": "#2D3243", + "debugToolBar.border": "#12141C", + "debugIcon.continueForeground": "#B5FBE5", + "debugIcon.restartForeground": "#7AAFFF", + "debugIcon.disconnectForeground": "#FF527D", + "debugIcon.stepOverForeground": "#a5b4fc", + "debugIcon.stepIntoForeground": "#a5b4fc", + "debugIcon.stepOutForeground": "#a5b4fc", + "notifications.background": "#12141C", + "notifications.foreground": "#e2e8f0", + "notificationLink.foreground": "#6ee7b7", + "notificationToast.border": "#12141C", + "gitDecoration.addedResourceForeground": "#B5FBE5", + "gitDecoration.modifiedResourceForeground": "#fed7aa", + "gitDecoration.deletedResourceForeground": "#FF527D", + "gitDecoration.renamedResourceForeground": "#34d399", + "gitDecoration.stageModifiedResourceForeground": "#fed7aa", + "gitDecoration.stageDeletedResourceForeground": "#FF527D", + "gitDecoration.untrackedResourceForeground": "#B5FBE5", + "gitDecoration.ignoredResourceForeground": "#505978", + "editor.background": "#181a25", + "editor.foreground": "#f1f5f9", + "editorLineNumber.foreground": "#2D3243", + "editorLineNumber.activeForeground": "#7680A4", + "editorCursor.foreground": "#B3B9CC", + "editorCursor.background": "#B3B9CC", + "editor.selectionBackground": "#505978", + "editor.inactiveSelectionBackground": "#12141C", + "editor.selectionHighlightBackground": "#00000000", + "editor.findMatchBackground": "#505978", + "editor.findMatchBorder": "#A7AEC4", + "editor.findMatchHighlightBackground": "#505978", + "editor.findRangeHighlightBackground": "#505978", + "editor.rangeHighlightBackground": "#2D3243", + "editor.hoverHighlightBackground": "#50597855", + "editor.wordHighlightBackground": "#505978", + "editor.lineHighlightBackground": "#2D3243", + "editorIndentGuide.background": "#2D3243", + "editorIndentGuide.activeBackground": "#505978", + "editorRuler.foreground": "#0C0E12", + "editorBracketMatch.background": "#2D3243", + "editorBracketMatch.border": "#505978", + "peekViewEditor.background": "#12141C", + "peekView.border": "#0C0E12", + "peekViewResult.background": "#12141C", + "peekViewTitle.background": "#12141C", + "minimap.findMatchHighlight": "#505978", + "minimap.selectionOccurrenceHighlight": "#cbd5e1" + }, + "tokenColors": [ + { + "name": "Comments", + "scope": ["comment"], + "settings": { + "foreground": "#505978" + } + }, + { + "name": "Variable", + "scope": ["variable"], + "settings": { + "foreground": "#F0F0F0" + } + }, + { + "name": "Functions", + "scope": [ + "entity.name.function", + "support.function", + "meta.function-call.generic", + "support.function.magic" + ], + "settings": { + "foreground": "#a5b4fc" + } + }, + { + "name": "Function parameter", + "scope": ["variable.parameter"], + "settings": { + "foreground": "#fff" + } + }, + { + "name": "Keywords | Keyword operator", + "scope": ["keyword", "meta.method.declaration storage.type"], + "settings": { + "foreground": "#ADC1DC" + } + }, + { + "name": "Storage (let, const, async, function, class, extends, ...) | Variable language | Keyword operator expression | Keyword operator new", + "scope": [ + "storage", + "variable.language", + "keyword.operator.expression", + "keyword.operator.new", + "keyword.function" + ], + "settings": { + "foreground": "#7680A4" + } + }, + { + "name": "Classes", + "scope": [ + "support.class", + "entity.name.type", + "entity.other.inherited-class", + "entity.name.scope-resolution", + "support.type" + ], + "settings": { + "foreground": "#A7AEC4" + } + }, + { + "name": "Primitives", + "scope": [ + "support.type.primitive", + "entity.other.attribute-name.pseudo-class", + "entity.other.attribute-name.pseudo-element" + ], + "settings": { + "foreground": "#7680A4" + } + }, + { + "name": "Strings", + "scope": ["string"], + "settings": { + "foreground": "#68F7CA" + } + }, + { + "name": "String regex", + "scope": ["string.regexp"], + "settings": { + "foreground": "#B5FBE5" + } + }, + { + "name": "Class utils", + "scope": [ + "variable.language.this", + "variable.language.super", + "variable.parameter.function.language.special.self", + "variable.language.special.self" + ], + "settings": { + "foreground": "#8FF9D8" + } + }, + { + "name": "Tags", + "scope": [ + "entity.name.tag", + "entity.name.tag.reference", + "support.class.component" + ], + "settings": { + "foreground": "#68F7CA" + } + }, + { + "name": "Json key, Yaml key", + "scope": [ + "support.type.property-name.json", + "source.yaml entity.name.tag" + ], + "settings": { + "foreground": "#FB679C" + } + }, + { + "name": "Punctuation tag", + "scope": [ + "punctuation.definition.tag.begin", + "punctuation.definition.tag.end", + "punctuation.definition.typeparameters.begin", + "punctuation.definition.typeparameters.end" + ], + "settings": { + "foreground": "#f8fafc" + } + }, + { + "name": "Attribute name", + "scope": ["entity.other.attribute-name"], + "settings": { + "foreground": "#ADC1DC" + } + }, + { + "name": "Classes", + "scope": ["entity.other.attribute-name.class.css"], + "settings": { + "foreground": "#A3C8FF" + } + }, + { + "name": "Ids", + "scope": ["entity.other.attribute-name.id"], + "settings": { + "foreground": "#FB679C" + } + }, + { + "name": "Constant", + "scope": [ + "support.constant", + "constant.language", + "support.type.builtin" + ], + "settings": { + "foreground": "#68F7CA" + } + }, + { + "name": "Falsy", + "scope": [ + "constant.language.undefined", + "constant.language.null", + "constant.language.boolean.false", + "keyword.control.trycatch" + ], + "settings": { + "foreground": "#FB679C" + } + }, + { + "name": "Numeric constant", + "scope": ["constant.numeric"], + "settings": { + "foreground": "#68F7CA" + } + }, + { + "name": "Keyword operator", + "scope": [ + "keyword.operator", + "keyword.operator.assignment", + "punctuation.accessor", + "punctuation.separator.key-value", + "punctuation.definition.block.sequence.item", + "punctuation.separator.dictionary.key-value", + "punctuation.definition.variable", + "punctuation.separator.colon", + "punctuation.separator.period", + "punctuation.section", + "keyword.other.unit" + ], + "settings": { + "foreground": "#C9D7E8" + } + }, + { + "name": "CSS property name", + "scope": ["source.css support.type.property-name"], + "settings": { + "foreground": "#fff" + } + }, + { + "name": "Variable other property", + "scope": [ + "support.variable", + "variable.other.predefined", + "variable.other.property", + "meta.object.member" + ], + "settings": { + "foreground": "#CCE0FF" + } + } + ], + "semanticHighlighting": true +}