Initial Commit - Australis
This commit is contained in:
217
demo/generate.ts
217
demo/generate.ts
@@ -1,124 +1,121 @@
|
||||
import * as path from 'path';
|
||||
import { generateTheme, IColorSet } from '../dist';
|
||||
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'
|
||||
// Australis Color List
|
||||
// Black 222531 - 373b46
|
||||
// White a9bcc3 - c7e7f9
|
||||
// Red ff491a - ff854f
|
||||
// Green 16B866 - 51e08a
|
||||
// Blue 6388D8 - a4c4ff
|
||||
// Yellow e1c631 - FFE14E
|
||||
// Magenta 9d78ff - d8adff
|
||||
// Cyan 00b1a8 - 42dcd1
|
||||
|
||||
// Dark 30 - 414751
|
||||
// Dark 40 - 565f69
|
||||
// Dark 50 - 6e7882
|
||||
// Dark 60 - 86929d
|
||||
|
||||
// Bright 70 - 9daeb6
|
||||
// Bright 80 - b3cbcf
|
||||
// Bright 90 - cce7ec
|
||||
|
||||
const australisColors = {
|
||||
black: "#222531",
|
||||
blackLight: "#373b46",
|
||||
white: "#a9bcc3",
|
||||
whiteLight: "#c7e7f9",
|
||||
red: "#ff491a",
|
||||
redLight: "#ff854f",
|
||||
green: "#16B866",
|
||||
greenLight: "#51e08a",
|
||||
blue: "#6388D8",
|
||||
blueLight: "#a4c4ff",
|
||||
yellow: "#e1c631",
|
||||
yellowLight: "#FFE14E",
|
||||
magenta: "#9d78ff",
|
||||
magentaLight: "#d8adff",
|
||||
cyan: "#00b1a8",
|
||||
cyanLight: "#42dcd1",
|
||||
dark_30: "#414751",
|
||||
dark_40: "#565f69",
|
||||
dark_50: "#6e7882",
|
||||
dark_60: "#86929d",
|
||||
bright_70: "#9daeb6",
|
||||
bright_80: "#b3cbcf",
|
||||
bright_90: "#cce7ec",
|
||||
};
|
||||
|
||||
const sapphireColorSet: IColorSet = {
|
||||
type: 'dark',
|
||||
const australisColorSet: IColorSet = {
|
||||
type: "dark",
|
||||
base: {
|
||||
background: '#12171f',
|
||||
foreground: '#efefef',
|
||||
color1: sapphireColors.blue,
|
||||
color2: sapphireColors.red,
|
||||
color3: sapphireColors.green,
|
||||
color4: sapphireColors.yellow
|
||||
background: australisColors.black,
|
||||
foreground: australisColors.white,
|
||||
color1: australisColors.blueLight,
|
||||
color2: australisColors.yellowLight,
|
||||
color3: australisColors.greenLight,
|
||||
color4: australisColors.magentaLight,
|
||||
},
|
||||
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'
|
||||
identifier: australisColors.blueLight,
|
||||
string: australisColors.cyanLight,
|
||||
stringEscape: australisColors.yellowLight,
|
||||
number: australisColors.cyanLight,
|
||||
keyword: australisColors.greenLight,
|
||||
boolean: australisColors.blueLight,
|
||||
function: australisColors.magentaLight,
|
||||
functionCall: australisColors.blueLight,
|
||||
storage: australisColors.blueLight,
|
||||
comment: australisColors.dark_40,
|
||||
class: australisColors.greenLight,
|
||||
classMember: australisColors.green,
|
||||
type: australisColors.whiteLight,
|
||||
cssClass: australisColors.blueLight,
|
||||
cssId: australisColors.blue,
|
||||
cssTag: australisColors.greenLight,
|
||||
markdownQuote: australisColors.dark_40,
|
||||
constants: australisColors.blue,
|
||||
},
|
||||
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
|
||||
cursor: australisColors.whiteLight,
|
||||
guide: australisColors.blackLight,
|
||||
invisibles: australisColors.blackLight,
|
||||
lineHighlight: australisColors.dark_30 + "80",
|
||||
rangeHighlight: australisColors.dark_30 + "80",
|
||||
findMatchHighlight: australisColors.green + "40",
|
||||
findRangeHighlight: australisColors.dark_30 + "40",
|
||||
currentFindMatchHighlight: australisColors.green + "80",
|
||||
selection: australisColors.blue + "40",
|
||||
selectionHighlight: australisColors.blue + "20",
|
||||
wordHighlight: australisColors.magenta + "18",
|
||||
wordHighlightStrong: australisColors.magenta + "18",
|
||||
activeLinkForeground: australisColors.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'
|
||||
black: australisColors.black,
|
||||
red: australisColors.red,
|
||||
green: australisColors.green,
|
||||
yellow: australisColors.yellow,
|
||||
blue: australisColors.blue,
|
||||
magenta: australisColors.magenta,
|
||||
cyan: australisColors.cyan,
|
||||
white: australisColors.white,
|
||||
brightBlack: australisColors.dark_40,
|
||||
brightRed: australisColors.redLight,
|
||||
brightGreen: australisColors.greenLight,
|
||||
brightYellow: australisColors.yellowLight,
|
||||
brightBlue: australisColors.blueLight,
|
||||
brightMagenta: australisColors.magentaLight,
|
||||
brightCyan: australisColors.cyanLight,
|
||||
brightWhite: australisColors.whiteLight,
|
||||
},
|
||||
overrides: {
|
||||
'editorError.foreground': '#ff0000'
|
||||
}
|
||||
"editorError.foreground": australisColors.red,
|
||||
},
|
||||
};
|
||||
|
||||
const minimalDarkColorSet: IColorSet = {
|
||||
type: 'dark',
|
||||
base: {
|
||||
background: '#22272f',
|
||||
foreground: '#efefef',
|
||||
color1: sapphireColors.blue,
|
||||
color2: sapphireColors.red,
|
||||
color3: sapphireColors.green,
|
||||
color4: sapphireColors.yellow
|
||||
}
|
||||
};
|
||||
|
||||
const minimalLightColorSet: IColorSet = {
|
||||
type: 'light',
|
||||
base: {
|
||||
background: '#efefff',
|
||||
foreground: '#000011',
|
||||
color1: sapphireColors.blue,
|
||||
color2: sapphireColors.red,
|
||||
color3: sapphireColors.green,
|
||||
color4: sapphireColors.yellow
|
||||
}
|
||||
};
|
||||
|
||||
const minimalCoverageColorSet: IColorSet = {
|
||||
type: 'dark',
|
||||
base: {
|
||||
background: '#FF0000',
|
||||
foreground: '#0000FF',
|
||||
color1: '#00FF00',
|
||||
color2: '#00FF00',
|
||||
color3: '#00FF00',
|
||||
color4: '#00FF00'
|
||||
}
|
||||
};
|
||||
|
||||
generateTheme('Generated Theme', sapphireColorSet, path.join(__dirname, 'theme.json'));
|
||||
generateTheme('Generated Theme (minimal, dark)', minimalDarkColorSet, path.join(__dirname, 'theme-minimal-dark.json'));
|
||||
generateTheme('Generated Theme (minimal, light)', minimalLightColorSet, path.join(__dirname, 'theme-minimal-light.json'));
|
||||
generateTheme('Generated Theme (minimal, coverage)', minimalCoverageColorSet, path.join(__dirname, 'theme-minimal-coverage.json'));
|
||||
generateTheme(
|
||||
"Australis Dark",
|
||||
australisColorSet,
|
||||
path.join(__dirname, "theme.json")
|
||||
);
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "generated-theme",
|
||||
"displayName": "Generated Theme",
|
||||
"name": "australis-theme",
|
||||
"displayName": "Australis",
|
||||
"description": "...",
|
||||
"categories": [ "Themes" ],
|
||||
"version": "0.0.1",
|
||||
@@ -9,7 +9,7 @@
|
||||
"contributes": {
|
||||
"themes": [
|
||||
{
|
||||
"label": "Generated Theme",
|
||||
"label": "Australis (Dark)",
|
||||
"uiTheme": "vs-dark",
|
||||
"path": "./theme.json"
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user