easy-code-formatter-styles
Version:
A package which contains the styling details for easy code formatter.
58 lines (57 loc) • 1.59 kB
JavaScript
/** Added White text due to dark background */
export const ChatGPTDark = {
/** Display name */
DisplayName: 'ChatGPT Dark',
/** Code styles */
CodeStyles: {
Keyword: {
Color: '66ccff', // Light blue for keywords
FontWeight: 'bold',
},
Comment: {
Color: '888888', // Medium gray for comments
FontStyle: 'italic',
},
Plaintext: {
Color: 'ffffff', // White for plain text
},
Punctuation: {
Color: 'ffffff', // White for punctuation
},
String: {
Color: '99cc99', // Soft green for strings
},
Literal: {
Color: 'ff99cc', // Light pink for numbers, true, false
},
Type: {
Color: 'cc99ff', // Light purple for types
},
Tag: {
Color: 'ff6666', // Light red for tags like <div>
},
AttributeName: {
Color: '99ff99', // Bright green for attribute names
FontWeight: 'bold',
},
AttributeValue: {
Color: '66ccff', // Light blue for attribute values
},
Decimal: {
Color: 'ff99cc', // Same as Literal
},
NoCode: {
Color: 'ffffff',
BackgroundColor: 'none',
},
},
// Background color
BackgroundStyle: {
BackgroundColor: '2d2e41', // Dark background (near black)
},
// Line number background colors
LineNumberStyle: {
Color: '777777',
Background: 'none',
},
};