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.

github rdnlsmith / vscode-arc-theme / themes / src / light / yaru.ts View on Github external
'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));
github Tyriar / vscode-theme-sapphire / index.ts View on Github external
"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'));
github rdnlsmith / vscode-arc-theme / themes / src / light / elementary.ts View on Github external
'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));
github Tyriar / vscode-theme-sapphire / index.ts View on Github external
"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'));
github Tyriar / vscode-theme-sapphire / index.ts View on Github external
"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'));
github rdnlsmith / vscode-arc-theme / themes / src / dark / arc-dark.ts View on Github external
'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));
github rdnlsmith / vscode-arc-theme / themes / src / dark / yaru-dark.ts View on Github external
'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

MIT
Latest version published 2 years ago

Package Health Score

45 / 100
Full package analysis

Popular vscode-theme-generator functions

Similar packages