Add css class/id

This commit is contained in:
Daniel Imms
2017-01-30 21:09:25 -08:00
parent 703d7241a0
commit d9b6855f2d
3 changed files with 10 additions and 2 deletions

View File

@@ -69,7 +69,9 @@ const sapphireColorSet: IColorSet = {
class: sapphireColors.teal, class: sapphireColors.teal,
classMember: sapphireColors.teal, classMember: sapphireColors.teal,
type: sapphireColors.green, type: sapphireColors.green,
this: sapphireColors.blue this: sapphireColors.blue,
cssClass: sapphireColors.blue,
cssId: sapphireColors.red
}, },
ui: { ui: {
background: '#151B24', background: '#151B24',

View File

@@ -18,6 +18,8 @@ export interface IColorSet {
type?: string; type?: string;
modifier?: string; modifier?: string;
this?: string; this?: string;
cssClass?: string;
cssId?: string;
} }
ui?: { ui?: {
/** The default background color */ /** The default background color */

View File

@@ -136,7 +136,11 @@ const vscodeJsonThemeRules: IRuleGenerator[] = [
{ source: set => set.syntax.modifier, { source: set => set.syntax.modifier,
generate: getSimpleColorGenerator('Modifier', 'modifier') }, generate: getSimpleColorGenerator('Modifier', 'modifier') },
{ source: set => set.syntax.this, { source: set => set.syntax.this,
generate: getSimpleColorGenerator('This variable', 'variable.language.this') } generate: getSimpleColorGenerator('This variable', 'variable.language.this') },
{ source: set => set.syntax.cssClass,
generate: getSimpleColorGenerator('CSS class', 'entity.other.attribute-name.class') },
{ source: set => set.syntax.cssId,
generate: getSimpleColorGenerator('CSS ID', 'entity.other.attribute-name.id') }
]; ];
export class VscodeThemeGenerator implements IThemeGenerator { export class VscodeThemeGenerator implements IThemeGenerator {