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 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