Created
May 25, 2020 04:46
-
-
Save avishnyak/8050353c9f7f0b1f0cd6e24097552e37 to your computer and use it in GitHub Desktop.
Convert vscode theme obj to CSS variables
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| console.log(Object.entries({ | |
| "foreground":"#36373B", | |
| "focusBorder":"#161F26", | |
| "widget.shadow":"#161F2694", | |
| "input.background":"#FFF", | |
| "input.border":"#161F26", | |
| "input.foreground":"#000", | |
| "input.placeholderForeground":"#a0a0a0", | |
| "inputOption.activeBorder":"#3E313C", | |
| "inputValidation.errorBackground":"#F44C5E", | |
| "inputValidation.errorForeground":"#FFF", | |
| "inputValidation.infoBackground":"#6182b8", | |
| "inputValidation.infoForeground":"#FFF", | |
| "inputValidation.warningBackground":"#F6B555", | |
| "inputValidation.warningForeground":"#000", | |
| "symbolIcon.arrayForeground": "#c9b9c5", | |
| "symbolIcon.booleanForeground": "#c9b9c5", | |
| "symbolIcon.classForeground": "#c9b9c5", | |
| "symbolIcon.colorForeground": "#c9b9c5", | |
| "symbolIcon.constantForeground": "#c9b9c5", | |
| "symbolIcon.constructorForeground": "#c9b9c5", | |
| "symbolIcon.enumeratorForeground": "#c9b9c5", | |
| "symbolIcon.enumeratorMemberForeground": "#c9b9c5", | |
| "symbolIcon.eventForeground": "#c9b9c5", | |
| "symbolIcon.fieldForeground": "#c9b9c5", | |
| "symbolIcon.fileForeground": "#c9b9c5", | |
| "symbolIcon.folderForeground": "#c9b9c5", | |
| "symbolIcon.functionForeground": "#c9b9c5", | |
| "symbolIcon.interfaceForeground": "#c9b9c5", | |
| "symbolIcon.keyForeground": "#c9b9c5", | |
| "symbolIcon.keywordForeground": "#c9b9c5", | |
| "symbolIcon.methodForeground": "#c9b9c5", | |
| "symbolIcon.moduleForeground": "#c9b9c5", | |
| "symbolIcon.namespaceForeground": "#c9b9c5", | |
| "symbolIcon.nullForeground": "#c9b9c5", | |
| "symbolIcon.numberForeground": "#c9b9c5", | |
| "symbolIcon.objectForeground": "#c9b9c5", | |
| "symbolIcon.operatorForeground": "#c9b9c5", | |
| "symbolIcon.packageForeground": "#c9b9c5", | |
| "symbolIcon.propertyForeground": "#c9b9c5", | |
| "symbolIcon.referenceForeground": "#c9b9c5", | |
| "symbolIcon.snippetForeground": "#c9b9c5", | |
| "symbolIcon.stringForeground": "#c9b9c5", | |
| "symbolIcon.structForeground": "#c9b9c5", | |
| "symbolIcon.textForeground": "#c9b9c5", | |
| "symbolIcon.typeParameterForeground": "#c9b9c5", | |
| "symbolIcon.unitForeground": "#c9b9c5", | |
| "symbolIcon.variableForeground": "#c9b9c5", | |
| "list.activeSelectionBackground":"#5899C5", | |
| "list.activeSelectionForeground":"#fff", | |
| "list.hoverBackground":"#475663", | |
| "list.hoverForeground":"#fff", | |
| "list.focusBackground":"#475663", | |
| "list.focusForeground":"#fff", | |
| "list.inactiveSelectionBackground":"#5899C5", | |
| "list.inactiveSelectionForeground":"#fff", | |
| "list.highlightForeground":"#fff", | |
| "list.inactiveFocusBackground":"#161F26", | |
| "list.invalidItemForeground":"#fff", | |
| "button.background":"#475663", | |
| "button.foreground":"#FFF", | |
| "button.hoverBackground":"#161F26", | |
| "scrollbar.shadow":"#ffffff00", | |
| "scrollbarSlider.activeBackground":"#161F267e", | |
| "scrollbarSlider.background":"#161F267e", | |
| "scrollbarSlider.hoverBackground":"#161F267e", | |
| "badge.background":"#8AE773", | |
| "progressBar.background":"#8AE773", | |
| "editor.background":"#FFF", | |
| "editor.foreground":"#000", | |
| "editor.lineHighlightBackground":"#EEEEEE", | |
| "editor.wordHighlightStrongBackground":"#EEEEEE", | |
| "editor.selectionBackground":"#AED4FB", | |
| "editorLineNumber.foreground":"#b9b9b9", | |
| "editorActiveLineNumber.foreground":"#475663", | |
| "editor.findMatchBackground":"#AED4FB", | |
| "editorHint.foreground": "#F9F9F9", | |
| "editorHint.border": "#F9F9F9", | |
| "editor.wordHighlightBackground": "#AED4FB", | |
| "terminal.border":"#2D3E4C", | |
| "terminal.foreground":"#161F26", | |
| "terminal.ansiBlack": "#000000", | |
| "terminal.ansiBlue": "#6182b8", | |
| "terminal.ansiBrightBlack": "#90a4ae", | |
| "terminal.ansiBrightBlue": "#6182b8", | |
| "terminal.ansiBrightCyan": "#39adb5", | |
| "terminal.ansiBrightGreen": "#91b859", | |
| "terminal.ansiBrightMagenta": "#7c4dff", | |
| "terminal.ansiBrightRed": "#e53935", | |
| "terminal.ansiBrightWhite": "#ffffff", | |
| "terminal.ansiBrightYellow": "#ffb62c", | |
| "terminal.ansiCyan": "#39adb5", | |
| "terminal.ansiGreen": "#91b859", | |
| "terminal.ansiMagenta": "#7c4dff", | |
| "terminal.ansiRed": "#e53935", | |
| "terminal.ansiWhite": "#ffffff", | |
| "terminal.ansiYellow": "#ffb62c", | |
| "panelTitle.activeForeground":"#161F26", | |
| "activityBar.background":"#161F26", | |
| "activityBar.foreground":"#FFF", | |
| "activityBar.dropBackground":"#FFF", | |
| "activityBarBadge.background":"#8AE773", | |
| "activityBarBadge.foreground":"#FFF", | |
| "panel.border":"#2D3E4C", | |
| "dropdown.background":"#FFF", | |
| "dropdown.listBackground":"#FFF", | |
| "dropdown.border":"#DCDEDF", | |
| "dropdown.foreground":"#DCDEDF", | |
| "sideBar.background":"#2D3E4C", | |
| "sideBar.foreground":"#DCDEDF", | |
| "sideBarTitle.foreground":"#FFF", | |
| "sideBarSectionHeader.foreground":"#FFF", | |
| "sideBarSectionHeader.background":"#161F26", | |
| "debugToolBar.background":"#161F26", | |
| "tab.border":"#F3F3F3", | |
| "tab.activeBackground":"#FFF", | |
| "tab.inactiveForeground":"#686868", | |
| "tab.inactiveBackground":"#F3F3F3", | |
| "tab.activeForeground":"#000", | |
| "editorGroupHeader.tabsBackground": "#F9F9F9", | |
| "statusBar.foreground":"#FFF", | |
| "statusBar.background":"#5899C5", | |
| "statusBar.debuggingBackground":"#8AE773", | |
| "statusBar.noFolderBackground":"#161F26", | |
| "extensionButton.prominentBackground":"#475663", | |
| "extensionButton.prominentForeground":"#F6F6F6", | |
| "extensionButton.prominentHoverBackground":"#161F26", | |
| "gitDecoration.modifiedResourceForeground": "#FFF", | |
| "gitDecoration.deletedResourceForeground": "#FFF", | |
| "gitDecoration.untrackedResourceForeground": "#FFF", | |
| "gitDecoration.ignoredResourceForeground": "#FFF", | |
| "gitDecoration.conflictingResourceForeground": "#FFF", | |
| "notificationCenter.border":"#161F26", | |
| "notificationToast.border":"#161F26", | |
| "notifications.foreground":"#FFF", | |
| "notifications.background":"#161F26", | |
| "notifications.border":"#161F26", | |
| "notificationCenterHeader.foreground":"#FFF", | |
| "notificationLink.foreground":"#FFF", | |
| "titleBar.activeBackground":"#2D3E4C", | |
| "titleBar.activeForeground":"#FFF", | |
| "titleBar.inactiveBackground":"#161F26", | |
| "titleBar.inactiveForeground":"#685C66", | |
| "titleBar.border":"#2D3E4C", | |
| "welcomePage.buttonBackground":"#F3F3F3", | |
| "welcomePage.buttonHoverBackground":"#ECECEC", | |
| "editorWidget.background":"#F9F9F9", | |
| "editorWidget.border":"#dbdbdb", | |
| "editorSuggestWidget.foreground":"#2D3E4C", | |
| "editorSuggestWidget.highlightForeground":"#2D3E4C", | |
| "editorSuggestWidget.selectedBackground":"#b9b9b9", | |
| "editorGroup.emptyBackground": "#2D3E4C", | |
| "editorGroup.focusedEmptyBorder": "#2D3E4C", | |
| "editorPane.background":"#2D3E4C", | |
| "breadcrumb.foreground": "#161F26", | |
| "breadcrumb.focusForeground": "#475663", | |
| "settings.headerForeground": "#161F26", | |
| "settings.dropdownForeground": "#161F26", | |
| "settings.dropdownBorder": "#161F26", | |
| "menu.separatorBackground": "#F9FAFA", | |
| "menu.background": "#161F26", | |
| "menu.foreground": "#F9FAFA", | |
| "peekViewEditor.matchHighlightBorder":"#161F26", | |
| "textPreformat.foreground":"#161F26", | |
| "editorIndentGuide.background":"#F3F3F3", | |
| "editorIndentGuide.activeBackground":"#dbdbdb", | |
| "debugExceptionWidget.background":"#AED4FB", | |
| "debugExceptionWidget.border":"#161F26", | |
| "editorMarkerNavigation.background":"#F9F9F9", | |
| "editorMarkerNavigationInfo.background":"#6182b8", | |
| "editorMarkerNavigationError.background":"#F44C5E", | |
| "editorMarkerNavigationWarning.background":"#F6B555", | |
| "peekViewTitleDescription.foreground":"#685C66", | |
| "peekViewTitleLabel.foreground":"#2D3E4C" | |
| }).map(pair => `--${pair[0].replace('.','-')}: ${pair[1]};`).join('\n')) |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment