Skip to content

Instantly share code, notes, and snippets.

@avishnyak
Created May 25, 2020 04:46
Show Gist options
  • Save avishnyak/8050353c9f7f0b1f0cd6e24097552e37 to your computer and use it in GitHub Desktop.
Save avishnyak/8050353c9f7f0b1f0cd6e24097552e37 to your computer and use it in GitHub Desktop.
Convert vscode theme obj to CSS variables
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