react-web-code-editor
Version:
A Simple and code-style Customizable web code editor with React
54 lines (53 loc) • 4.91 kB
TypeScript
interface ThemeStyle {
backgroundColor: string;
caretColor: string;
textColor: string;
keywords: string;
}
interface Themes {
[key: string]: ThemeStyle;
}
declare const themes: Themes;
declare type CssColorLiterals = 'AliceBlue' | 'AntiqueWhite' | 'Aqua' | 'Aquamarine' | 'Azure' | 'Beige' | 'Bisque' | 'Black' | 'BlanchedAlmond' | 'Blue' | 'BlueViolet' | 'Brown' | 'BurlyWood' | 'CadetBlue' | 'Chartreuse' | 'Chocolate' | 'Coral' | 'CornflowerBlue' | 'Cornsilk' | 'Crimson' | 'Cyan' | 'DarkBlue' | 'DarkCyan' | 'DarkGoldenRod' | 'DarkGray' | 'DarkGrey' | 'DarkGreen' | 'DarkKhaki' | 'DarkMagenta' | 'DarkOliveGreen' | 'DarkOrange' | 'DarkOrchid' | 'DarkRed' | 'DarkSalmon' | 'DarkSeaGreen' | 'DarkSlateBlue' | 'DarkSlateGray' | 'DarkSlateGrey' | 'DarkTurquoise' | 'DarkViolet' | 'DeepPink' | 'DeepSkyBlue' | 'DimGray' | 'DimGrey' | 'DodgerBlue' | 'FireBrick' | 'FloralWhite' | 'ForestGreen' | 'Fuchsia' | 'Gainsboro' | 'GhostWhite' | 'Gold' | 'GoldenRod' | 'Gray' | 'Grey' | 'Green' | 'GreenYellow' | 'HoneyDew' | 'HotPink' | 'IndianRed' | 'Indigo' | 'Ivory' | 'Khaki' | 'Lavender' | 'LavenderBlush' | 'LawnGreen' | 'LemonChiffon' | 'LightBlue' | 'LightCoral' | 'LightCyan' | 'LightGoldenRodYellow' | 'LightGray' | 'LightGrey' | 'LightGreen' | 'LightPink' | 'LightSalmon' | 'LightSeaGreen' | 'LightSkyBlue' | 'LightSlateGray' | 'LightSlateGrey' | 'LightSteelBlue' | 'LightYellow' | 'Lime' | 'LimeGreen' | 'Linen' | 'Magenta' | 'Maroon' | 'MediumAquaMarine' | 'MediumBlue' | 'MediumOrchid' | 'MediumPurple' | 'MediumSeaGreen' | 'MediumSlateBlue' | 'MediumSpringGreen' | 'MediumTurquoise' | 'MediumVioletRed' | 'MidnightBlue' | 'MintCream' | 'MistyRose' | 'Moccasin' | 'NavajoWhite' | 'Navy' | 'OldLace' | 'Olive' | 'OliveDrab' | 'Orange' | 'OrangeRed' | 'Orchid' | 'PaleGoldenRod' | 'PaleGreen' | 'PaleTurquoise' | 'PaleVioletRed' | 'PapayaWhip' | 'PeachPuff' | 'Peru' | 'Pink' | 'Plum' | 'PowderBlue' | 'Purple' | 'RebeccaPurple' | 'Red' | 'RosyBrown' | 'RoyalBlue' | 'SaddleBrown' | 'Salmon' | 'SandyBrown' | 'SeaGreen' | 'SeaShell' | 'Sienna' | 'Silver' | 'SkyBlue' | 'SlateBlue' | 'SlateGray' | 'SlateGrey' | 'Snow' | 'SpringGreen' | 'SteelBlue' | 'Tan' | 'Teal' | 'Thistle' | 'Tomato' | 'Turquoise' | 'Violet' | 'Wheat' | 'White' | 'WhiteSmoke' | 'Yellow' | 'YellowGreen';
declare type HexColorCode = `#${string}`;
declare type RGBColorCode = `rgb(${number},${number},${number})` | `rgba(${number},${number},${number},${number})`;
interface ThemeProperties {
backgroundColor: HexColorCode | RGBColorCode | CssColorLiterals;
caretColor: HexColorCode | RGBColorCode | CssColorLiterals;
textColor: HexColorCode | RGBColorCode | CssColorLiterals;
keywords: {
comment: HexColorCode | RGBColorCode | CssColorLiterals;
prolog: HexColorCode | RGBColorCode | CssColorLiterals;
doctype: HexColorCode | RGBColorCode | CssColorLiterals;
cdata: HexColorCode | RGBColorCode | CssColorLiterals;
punctuation: HexColorCode | RGBColorCode | CssColorLiterals;
property: HexColorCode | RGBColorCode | CssColorLiterals;
tag: HexColorCode | RGBColorCode | CssColorLiterals;
constant: HexColorCode | RGBColorCode | CssColorLiterals;
symbol: HexColorCode | RGBColorCode | CssColorLiterals;
deleted: HexColorCode | RGBColorCode | CssColorLiterals;
boolean: HexColorCode | RGBColorCode | CssColorLiterals;
number: HexColorCode | RGBColorCode | CssColorLiterals;
selector: HexColorCode | RGBColorCode | CssColorLiterals;
['attr-name']: HexColorCode | RGBColorCode | CssColorLiterals;
string: HexColorCode | RGBColorCode | CssColorLiterals;
char: HexColorCode | RGBColorCode | CssColorLiterals;
builtin: HexColorCode | RGBColorCode | CssColorLiterals;
inserted: HexColorCode | RGBColorCode | CssColorLiterals;
operator: HexColorCode | RGBColorCode | CssColorLiterals;
entity: HexColorCode | RGBColorCode | CssColorLiterals;
url: HexColorCode | RGBColorCode | CssColorLiterals;
['language-css']: HexColorCode | RGBColorCode | CssColorLiterals;
style: HexColorCode | RGBColorCode | CssColorLiterals;
variable: HexColorCode | RGBColorCode | CssColorLiterals;
atrule: HexColorCode | RGBColorCode | CssColorLiterals;
['attr-value']: HexColorCode | RGBColorCode | CssColorLiterals;
function: HexColorCode | RGBColorCode | CssColorLiterals;
['class-name']: HexColorCode | RGBColorCode | CssColorLiterals;
keyword: HexColorCode | RGBColorCode | CssColorLiterals;
regex: HexColorCode | RGBColorCode | CssColorLiterals;
important: HexColorCode | RGBColorCode | CssColorLiterals;
};
}
export declare function addTheme(themeName: string, themeProperties: ThemeProperties): void;
export default themes;