mirror of
https://github.com/Tyriar/vscode-theme-generator.git
synced 2025-12-06 17:15:43 -08:00
94 lines
2.5 KiB
TypeScript
94 lines
2.5 KiB
TypeScript
import * as path from 'path';
|
|
import { generateTheme, IColorSet } from '../dist';
|
|
|
|
const sapphireColors = {
|
|
red: '#DA6771',
|
|
redLight: '#e5949b',
|
|
green: '#4EB071',
|
|
greenDim: '#275839',
|
|
yellow: '#fff099',
|
|
blue: '#399EF4',
|
|
blueLight: '#9fcff9',
|
|
pink: '#B168DF',
|
|
teal: '#21C5C7',
|
|
grey: '#4A5160'
|
|
}
|
|
|
|
const sapphireColorSet: IColorSet = {
|
|
base: {
|
|
background: '#12171f',
|
|
foreground: '#efefef',
|
|
color1: sapphireColors.blue,
|
|
color2: sapphireColors.red,
|
|
color3: sapphireColors.green,
|
|
color4: sapphireColors.yellow,
|
|
},
|
|
syntax: {
|
|
identifier: sapphireColors.blueLight,
|
|
string: sapphireColors.red,
|
|
number: sapphireColors.redLight,
|
|
keyword: sapphireColors.blue,
|
|
boolean: sapphireColors.blue,
|
|
function: sapphireColors.teal,
|
|
functionCall: sapphireColors.yellow,
|
|
storage: sapphireColors.blue,
|
|
comment: sapphireColors.grey,
|
|
class: sapphireColors.teal,
|
|
classMember: sapphireColors.teal,
|
|
type: sapphireColors.green,
|
|
cssClass: sapphireColors.blue,
|
|
cssId: sapphireColors.red,
|
|
cssTag: sapphireColors.teal,
|
|
markdownQuote: '#c0c0c0'
|
|
},
|
|
ui: {
|
|
cursor: '#ffffff',
|
|
guide: '#263040',
|
|
invisibles: '#263040',
|
|
rangeHighlight: '#263040',
|
|
// Bright red 50% opacity
|
|
findMatchHighlight: '#cb606080',
|
|
// Brighter red 50% opacity
|
|
currentFindMatchHighlight: '#ff777780',
|
|
selection: '#153958',
|
|
// Blue 50% opacity
|
|
selectionHighlight: '#2b74b380',
|
|
// White with ~10% opacity
|
|
wordHighlight: '#ffffff18',
|
|
wordHighlightStrong: '#ffffff18',
|
|
activeLinkForeground: sapphireColors.blue,
|
|
},
|
|
terminal: {
|
|
black: '#666666',
|
|
red: sapphireColors.red,
|
|
green: sapphireColors.green,
|
|
yellow: sapphireColors.yellow,
|
|
blue: sapphireColors.blue,
|
|
magenta: sapphireColors.pink,
|
|
cyan: sapphireColors.teal,
|
|
white: '#efefef',
|
|
brightBlack: '#666666',
|
|
brightRed: sapphireColors.red,
|
|
brightGreen: sapphireColors.green,
|
|
brightYellow: sapphireColors.yellow,
|
|
brightBlue: sapphireColors.blue,
|
|
brightMagenta: sapphireColors.pink,
|
|
brightCyan: sapphireColors.teal,
|
|
brightWhite: '#efefef'
|
|
}
|
|
};
|
|
|
|
const minimalColorSet: IColorSet = {
|
|
base: {
|
|
background: '#12171f',
|
|
foreground: '#efefef',
|
|
color1: sapphireColors.blue,
|
|
color2: sapphireColors.red,
|
|
color3: sapphireColors.green,
|
|
color4: sapphireColors.yellow,
|
|
},
|
|
};
|
|
|
|
generateTheme('Generated Theme', sapphireColorSet, path.join(__dirname, 'theme.json'));
|
|
generateTheme('Generated Theme (minimal)', minimalColorSet, path.join(__dirname, 'theme-minimal.json'));
|