How to use vscode-theme-generator - 7 common examples
To help you get started, we’ve selected a few vscode-theme-generator examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
rdnlsmith / vscode-arc-theme / themes / src / light / yaru.ts View on Github 
'terminal.background': colors.darkAubergine,
'terminal.foreground': colors.white,
'titleBar.activeBackground': colors.titleBarGray,
'titleBar.activeForeground': colors.titleBarText,
'titleBar.inactiveBackground': colors.inactiveTitleBarGray,
'titleBar.inactiveForeground': colors.titleBarTextInactive,
}
};
var fileName = themeName
.toLowerCase()
.replace(/\[\w*\]/, '')
.trim()
.replace(/\s+/, '-') + '.json';
generateTheme(themeName, colorSet, path.join(__dirname, fileName));"diffEditor.insertedTextBackground": "#182818",
"diffEditor.removedTextBackground": "#261616",
"editorGutter.modifiedBackground": "#4EB071",
"editorGutter.addedBackground": "#399EF4",
"editorGutter.deletedBackground": "#DA6771",
"gitDecoration.modifiedResourceForeground": "#4EB071",
"gitDecoration.deletedResourceForeground": "#DA6771",
"gitDecoration.untrackedResourceForeground": "#399EF4",
"gitDecoration.conflictingResourceForeground": "#fff099",
"gitDecoration.ignoredResourceForeground": "#535a6b",
"editorError.foreground": "#DA6771",
"editorIndentGuide.activeBackground": "#535a6b"
}
};
generateTheme('Sapphire', colorSet, path.join(__dirname, 'theme.json'));
colorSet.base.background = '#242d3d'
generateTheme('Sapphire (Bright)', colorSet, path.join(__dirname, 'theme-bright.json'));
colorSet.base.background = '#080d14'
generateTheme('Sapphire (Dim)', colorSet, path.join(__dirname, 'theme-dim.json'));'terminal.background': '#252e32',
'terminal.foreground': '#94a3a5',
'titleBar.activeBackground': colors.titleBarGray,
'titleBar.activeForeground': colors.titleBarText,
'titleBar.inactiveBackground': colors.inactiveTitleBarGray,
'titleBar.inactiveForeground': colors.titleBarTextInactive,
}
};
var fileName = themeName
.toLowerCase()
.replace(/\[\w*\]/, '')
.trim()
.replace(/\s+/, '-') + '.json';
generateTheme(themeName, colorSet, path.join(__dirname, fileName));"editorGutter.addedBackground": "#399EF4",
"editorGutter.deletedBackground": "#DA6771",
"gitDecoration.modifiedResourceForeground": "#4EB071",
"gitDecoration.deletedResourceForeground": "#DA6771",
"gitDecoration.untrackedResourceForeground": "#399EF4",
"gitDecoration.conflictingResourceForeground": "#fff099",
"gitDecoration.ignoredResourceForeground": "#535a6b",
"editorError.foreground": "#DA6771",
"editorIndentGuide.activeBackground": "#535a6b"
}
};
generateTheme('Sapphire', colorSet, path.join(__dirname, 'theme.json'));
colorSet.base.background = '#242d3d'
generateTheme('Sapphire (Bright)', colorSet, path.join(__dirname, 'theme-bright.json'));
colorSet.base.background = '#080d14'
generateTheme('Sapphire (Dim)', colorSet, path.join(__dirname, 'theme-dim.json'));"gitDecoration.deletedResourceForeground": "#DA6771",
"gitDecoration.untrackedResourceForeground": "#399EF4",
"gitDecoration.conflictingResourceForeground": "#fff099",
"gitDecoration.ignoredResourceForeground": "#535a6b",
"editorError.foreground": "#DA6771",
"editorIndentGuide.activeBackground": "#535a6b"
}
};
generateTheme('Sapphire', colorSet, path.join(__dirname, 'theme.json'));
colorSet.base.background = '#242d3d'
generateTheme('Sapphire (Bright)', colorSet, path.join(__dirname, 'theme-bright.json'));
colorSet.base.background = '#080d14'
generateTheme('Sapphire (Dim)', colorSet, path.join(__dirname, 'theme-dim.json'));'sideBar.background': colors.arcGray1,
'sideBarSectionHeader.background': colors.arcGray3,
'statusBar.background': colors.brightBlack,
'terminal.background': colors.arcGray2,
'titleBar.activeBackground': colors.brightBlack,
'titleBar.inactiveBackground': colors.brightBlack
}
};
var fileName = themeName
.toLowerCase()
.replace(/\[\w*\]/, '')
.trim()
.replace(/\s+/, '-') + '.json';
generateTheme(themeName, colorSet, path.join(__dirname, fileName));'statusBar.background': colors.editorGray,
'tab.inactiveBackground': colors.bodyGray,
'tab.unfocusedInactiveBackground': colors.bodyGray,
'terminal.background': colors.darkAubergine,
'titleBar.activeBackground': colors.titleBarGray,
'titleBar.inactiveBackground': colors.inactiveTitleBarGray,
}
};
var fileName = themeName
.toLowerCase()
.replace(/\[\w*\]/, '')
.trim()
.replace(/\s+/, '-') + '.json';
generateTheme(themeName, colorSet, path.join(__dirname, fileName));vscode-theme-generator
Easily generate themes for VS Code with only a few colors
