From ef64727518d6d0bd06b13c5777535868bd68bc1b Mon Sep 17 00:00:00 2001 From: jeffgennari <18719073+jeffgennari@users.noreply.github.com> Date: Fri, 29 Oct 2021 10:10:45 -0400 Subject: [PATCH 1/2] Applying theme colors to UI --- src/theme.js | 51 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 51 insertions(+) diff --git a/src/theme.js b/src/theme.js index 16f2075..900cdb1 100644 --- a/src/theme.js +++ b/src/theme.js @@ -192,6 +192,57 @@ function getTheme({ theme, name }) { "panelTitle.inactiveForeground": hex(color.fg.muted), "panelInput.border" : hex(color.border.default), + "editorSuggestWidget.focusHighlightForeground": themes({ light: scale.blue[6], dark: scale.blue[3], dimmed: scale.blue[4], hc: scale.blue[3] }), + "editorSuggestWidget.highlightForeground": themes({ light: scale.blue[6], dark: scale.blue[3], dimmed: scale.blue[4], hc: scale.blue[3] }), + "editorSuggestWidget.selectedForeground": themes({ light: scale.gray[6], dark: scale.gray[3], dimmed: scale.gray[4], hc: scale.gray[3] }), + + "debugConsole.infoForeground": themes({ light: scale.gray[6], dark: scale.gray[3], dimmed: scale.gray[4], hc: scale.gray[3] }), + "debugConsole.warningForeground": themes({ light: scale.yellow[6], dark: scale.yellow[3], dimmed: scale.yellow[4], hc: scale.yellow[3] }), + "debugConsole.errorForeground": themes({ light: scale.red[5], dark: scale.red[2], dimmed: scale.red[3], hc: scale.red[3] }), + "debugConsole.sourceForeground": themes({ light: scale.yellow[5], dark: scale.yellow[2], dimmed: scale.yellow[3], hc: scale.yellow[3] }), + "debugConsoleInputIcon.foreground": themes({ light: scale.purple[6], dark: scale.purple[3], dimmed: scale.purple[4], hc: scale.purple[3] }), + + "debugTokenExpression.name": themes({ light: scale.blue[6], dark: scale.blue[2], dimmed: scale.blue[4], hc: scale.blue[4] }), + "debugTokenExpression.value": themes({ light: scale.blue[8], dark: scale.blue[1], dimmed: scale.blue[1], hc: scale.blue[1] }), + "debugTokenExpression.string": themes({ light: scale.blue[8], dark: scale.blue[1], dimmed: scale.blue[2], hc: scale.blue[1] }), + "debugTokenExpression.boolean": themes({ light: scale.green[6], dark: scale.green[2], dimmed: scale.green[4], hc: scale.green[4] }), + "debugTokenExpression.number": themes({ light: scale.green[6], dark: scale.green[2], dimmed: scale.green[4], hc: scale.green[4] }), + "debugTokenExpression.error": themes({ light: scale.red[6], dark: scale.red[2], dimmed: scale.red[4], hc: scale.red[4] }), + + "symbolIcon.arrayForeground": themes({ light: scale.orange[6], dark: scale.orange[3], dimmed: scale.orange[4], hc: scale.orange[4] }), + "symbolIcon.booleanForeground": themes({ light: scale.blue[6], dark: scale.blue[3], dimmed: scale.blue[4], hc: scale.blue[4] }), + "symbolIcon.classForeground": themes({ light: scale.orange[6], dark: scale.orange[3], dimmed: scale.orange[4], hc: scale.orange[4] }), + "symbolIcon.colorForeground": themes({ light: scale.blue[8], dark: scale.blue[2], dimmed: scale.blue[2], hc: scale.blue[2] }), + "symbolIcon.constructorForeground": themes({ light: scale.purple[8], dark: scale.purple[2], dimmed: scale.purple[2], hc: scale.purple[4] }), + "symbolIcon.enumeratorForeground": themes({ light: scale.orange[6], dark: scale.orange[3], dimmed: scale.orange[4], hc: scale.orange[4] }), + "symbolIcon.enumeratorMemberForeground": themes({ light: scale.blue[6], dark: scale.blue[3], dimmed: scale.blue[4], hc: scale.blue[4] }), + "symbolIcon.eventForeground": themes({ light: scale.gray[6], dark: scale.gray[4], dimmed: scale.gray[4], hc: scale.gray[4] }), + "symbolIcon.fieldForeground": themes({ light: scale.orange[6], dark: scale.orange[3], dimmed: scale.orange[4], hc: scale.orange[4] }), + "symbolIcon.fileForeground": themes({ light: scale.yellow[6], dark: scale.yellow[3], dimmed: scale.yellow[4], hc: scale.yellow[4] }), + "symbolIcon.folderForeground": themes({ light: scale.yellow[6], dark: scale.yellow[3], dimmed: scale.yellow[4], hc: scale.yellow[4] }), + "symbolIcon.functionForeground": themes({ light: scale.purple[6], dark: scale.purple[3], dimmed: scale.purple[4], hc: scale.purple[4] }), + "symbolIcon.interfaceForeground": themes({ light: scale.orange[6], dark: scale.orange[3], dimmed: scale.orange[4], hc: scale.orange[4] }), + "symbolIcon.keyForeground": themes({ light: scale.blue[6], dark: scale.blue[3], dimmed: scale.blue[4], hc: scale.blue[4] }), + "symbolIcon.keywordForeground": themes({ light: scale.red[6], dark: scale.red[3], dimmed: scale.red[4], hc: scale.red[4] }), + "symbolIcon.methodForeground": themes({ light: scale.purple[6], dark: scale.purple[3], dimmed: scale.purple[4], hc: scale.purple[4] }), + "symbolIcon.moduleForeground": themes({ light: scale.red[6], dark: scale.red[3], dimmed: scale.red[4], hc: scale.red[4] }), + "symbolIcon.namespaceForeground": themes({ light: scale.red[6], dark: scale.red[3], dimmed: scale.red[4], hc: scale.red[4] }), + "symbolIcon.nullForeground": themes({ light: scale.blue[6], dark: scale.blue[3], dimmed: scale.blue[4], hc: scale.blue[4] }), + "symbolIcon.numberForeground": themes({ light: scale.green[6], dark: scale.green[3], dimmed: scale.green[4], hc: scale.green[4] }), + "symbolIcon.objectForeground": themes({ light: scale.orange[6], dark: scale.orange[3], dimmed: scale.orange[4], hc: scale.orange[4] }), + "symbolIcon.operatorForeground": themes({ light: scale.blue[8], dark: scale.blue[2], dimmed: scale.blue[2], hc: scale.blue[4] }), + "symbolIcon.packageForeground": themes({ light: scale.orange[6], dark: scale.orange[3], dimmed: scale.orange[4], hc: scale.orange[4] }), + "symbolIcon.propertyForeground": themes({ light: scale.orange[6], dark: scale.orange[3], dimmed: scale.orange[4], hc: scale.orange[4] }), + "symbolIcon.referenceForeground": themes({ light: scale.blue[6], dark: scale.blue[3], dimmed: scale.blue[4], hc: scale.blue[4] }), + "symbolIcon.snippetForeground": themes({ light: scale.blue[6], dark: scale.blue[3], dimmed: scale.blue[4], hc: scale.blue[4] }), + "symbolIcon.stringForeground": themes({ light: scale.blue[8], dark: scale.blue[2], dimmed: scale.blue[2], hc: scale.blue[2] }), + "symbolIcon.structForeground": themes({ light: scale.orange[6], dark: scale.orange[3], dimmed: scale.orange[4], hc: scale.orange[4] }), + "symbolIcon.textForeground": themes({ light: scale.blue[8], dark: scale.blue[2], dimmed: scale.blue[2], hc: scale.blue[2] }), + "symbolIcon.typeParameterForeground": themes({ light: scale.blue[8], dark: scale.blue[2], dimmed: scale.blue[2], hc: scale.blue[2] }), + "symbolIcon.unitForeground": themes({ light: scale.blue[6], dark: scale.blue[3], dimmed: scale.blue[4], hc: scale.blue[4] }), + "symbolIcon.variableForeground": themes({ light: scale.orange[6], dark: scale.orange[3], dimmed: scale.orange[4], hc: scale.orange[4] }), + "symbolIcon.constantForeground": themes({ light: scale.green[6], dark: scale.green[3], dimmed: scale.green[4], hc: scale.green[4] }), + "terminal.foreground": hex(color.fg.muted), 'terminal.ansiBlack': hex(color.ansi.black), 'terminal.ansiRed': hex(color.ansi.red), From d1d663b5e5ee9c388c5ddad34bcf8798c59da6cf Mon Sep 17 00:00:00 2001 From: simurai Date: Wed, 13 Jul 2022 13:50:15 +0900 Subject: [PATCH 2/2] Create popular-scissors-shake.md --- .changeset/popular-scissors-shake.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/popular-scissors-shake.md diff --git a/.changeset/popular-scissors-shake.md b/.changeset/popular-scissors-shake.md new file mode 100644 index 0000000..a8a7d46 --- /dev/null +++ b/.changeset/popular-scissors-shake.md @@ -0,0 +1,5 @@ +--- +"github-vscode-theme": minor +--- + +Add debug and symbol icon colors