Files
openchamber/packages/ui/src/lib/codeTheme.ts
T

352 lines
6.0 KiB
TypeScript

export const defaultCodeDark = {
'code[class*="language-"]': {
color: '#cdccc3',
background: 'transparent',
fontFamily: 'Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace',
fontSize: '1em',
textAlign: 'left' as const,
whiteSpace: 'pre',
wordSpacing: 'normal',
wordBreak: 'normal' as const,
wordWrap: 'normal' as const,
lineHeight: '1.5',
MozTabSize: '4',
OTabSize: '4',
tabSize: '4',
WebkitHyphens: 'none' as const,
MozHyphens: 'none' as const,
msHyphens: 'none' as const,
hyphens: 'none' as const,
},
'pre[class*="language-"]': {
color: '#cdccc3',
background: 'transparent',
fontFamily: 'Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace',
fontSize: '1em',
textAlign: 'left' as const,
whiteSpace: 'pre',
wordSpacing: 'normal',
wordBreak: 'normal' as const,
wordWrap: 'normal' as const,
lineHeight: '1.5',
MozTabSize: '4',
OTabSize: '4',
tabSize: '4',
WebkitHyphens: 'none' as const,
MozHyphens: 'none' as const,
msHyphens: 'none' as const,
hyphens: 'none' as const,
padding: '1em',
margin: '0',
overflow: 'auto',
},
comment: {
color: '#6b6964',
fontStyle: 'italic',
},
prolog: {
color: '#6b6964',
},
doctype: {
color: '#6b6964',
},
cdata: {
color: '#6b6964',
},
punctuation: {
color: '#6b6963',
},
property: {
color: '#d29470',
},
tag: {
color: '#d8886d',
},
boolean: {
color: '#d39373',
},
number: {
color: '#d39373',
},
constant: {
color: '#6cacd6',
},
symbol: {
color: '#6cacd6',
},
deleted: {
color: '#d98678',
},
selector: {
color: '#81af6c',
},
'attr-name': {
color: '#c2974d',
},
string: {
color: '#81af6c',
},
char: {
color: '#81af6c',
},
builtin: {
color: '#5aa9d9',
},
inserted: {
color: '#81af6c',
},
operator: {
color: '#d29470',
},
entity: {
color: '#edb449',
cursor: 'help',
},
url: {
color: '#5aa9d9',
},
'.language-css .token.string': {
color: '#81af6c',
},
'.style .token.string': {
color: '#81af6c',
},
variable: {
color: '#d29470',
},
atrule: {
color: '#c2974d',
},
'attr-value': {
color: '#81af6c',
},
function: {
color: '#5aa9d9',
},
'class-name': {
color: '#c2974d',
},
keyword: {
color: '#d8886d',
},
regex: {
color: '#81af6c',
},
important: {
color: '#d8886d',
fontWeight: 'bold',
},
bold: {
fontWeight: 'bold',
},
italic: {
fontStyle: 'italic',
},
namespace: {
opacity: 0.7,
},
title: {
color: '#edb449',
fontWeight: 'bold',
},
'code-block': {
color: '#81af6c',
},
'code-snippet': {
color: '#81af6c',
},
list: {
color: '#d29470',
},
hr: {
color: '#6b6963',
},
table: {
color: '#5aa9d9',
},
blockquote: {
color: '#6b6964',
fontStyle: 'italic',
},
strike: {
textDecoration: 'line-through',
},
};
export const defaultCodeLight = {
'code[class*="language-"]': {
color: '#403e3c',
background: 'transparent',
fontFamily: 'Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace',
fontSize: '1em',
textAlign: 'left' as const,
whiteSpace: 'pre',
wordSpacing: 'normal',
wordBreak: 'normal' as const,
wordWrap: 'normal' as const,
lineHeight: '1.5',
MozTabSize: '4',
OTabSize: '4',
tabSize: '4',
WebkitHyphens: 'none' as const,
MozHyphens: 'none' as const,
msHyphens: 'none' as const,
hyphens: 'none' as const,
},
'pre[class*="language-"]': {
color: '#403e3c',
background: 'transparent',
fontFamily: 'Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace',
fontSize: '1em',
textAlign: 'left' as const,
whiteSpace: 'pre',
wordSpacing: 'normal',
wordBreak: 'normal' as const,
wordWrap: 'normal' as const,
lineHeight: '1.5',
MozTabSize: '4',
OTabSize: '4',
tabSize: '4',
WebkitHyphens: 'none' as const,
MozHyphens: 'none' as const,
msHyphens: 'none' as const,
hyphens: 'none' as const,
padding: '1em',
margin: '0',
overflow: 'auto',
},
comment: {
color: '#7a756a',
fontStyle: 'italic',
},
prolog: {
color: '#7a756a',
},
doctype: {
color: '#7a756a',
},
cdata: {
color: '#7a756a',
},
punctuation: {
color: '#6b6963',
},
property: {
color: '#c07845',
},
tag: {
color: '#b96f55',
},
boolean: {
color: '#b97659',
},
number: {
color: '#b97659',
},
constant: {
color: '#4791ba',
},
symbol: {
color: '#4791ba',
},
deleted: {
color: '#c15748',
},
selector: {
color: '#6a9354',
},
'attr-name': {
color: '#9f7d3e',
},
string: {
color: '#6a9354',
},
char: {
color: '#6a9354',
},
builtin: {
color: '#4791ba',
},
inserted: {
color: '#6a9354',
},
operator: {
color: '#c07845',
},
entity: {
color: '#d09930',
cursor: 'help',
},
url: {
color: '#4791ba',
},
'.language-css .token.string': {
color: '#6a9354',
},
'.style .token.string': {
color: '#6a9354',
},
variable: {
color: '#c07845',
},
atrule: {
color: '#9f7d3e',
},
'attr-value': {
color: '#6a9354',
},
function: {
color: '#4791ba',
},
'class-name': {
color: '#9f7d3e',
},
keyword: {
color: '#b96f55',
},
regex: {
color: '#6a9354',
},
important: {
color: '#b96f55',
fontWeight: 'bold',
},
bold: {
fontWeight: 'bold',
},
italic: {
fontStyle: 'italic',
},
namespace: {
opacity: 0.7,
},
title: {
color: '#d09930',
fontWeight: 'bold',
},
'code-block': {
color: '#6a9354',
},
'code-snippet': {
color: '#6a9354',
},
list: {
color: '#c07845',
},
hr: {
color: '#6b6963',
},
table: {
color: '#4791ba',
},
blockquote: {
color: '#7a756a',
fontStyle: 'italic',
},
strike: {
textDecoration: 'line-through',
},
};