You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
93 lines
3.1 KiB
JavaScript
93 lines
3.1 KiB
JavaScript
|
|
import './PlaygroundEditorTheme.css';
|
|
|
|
const exampleTheme = {
|
|
ltr: "ltr",
|
|
rtl: "rtl",
|
|
placeholder: "editor-placeholder",
|
|
paragraph: "editor-paragraph",
|
|
// paragraph: "editor-p",
|
|
quote: "editor-quote",
|
|
heading: {
|
|
h1: "editor-heading-h1",
|
|
h2: "editor-heading-h2",
|
|
h3: "editor-heading-h3",
|
|
h4: "editor-heading-h4",
|
|
h5: "editor-heading-h5"
|
|
},
|
|
list: {
|
|
nested: {
|
|
listitem: "editor-nested-listitem"
|
|
},
|
|
ol: "editor-list-ol",
|
|
ul: "editor-list-ul",
|
|
listitem: "editor-listitem"
|
|
},
|
|
image: "editor-image",
|
|
inlineImage: 'inline-editor-image',
|
|
link: "editor-link",
|
|
text: {
|
|
bold: "editor-text-bold",
|
|
italic: "editor-text-italic",
|
|
overflowed: "editor-text-overflowed",
|
|
hashtag: "editor-text-hashtag",
|
|
underline: "editor-text-underline",
|
|
strikethrough: "editor-text-strikethrough",
|
|
underlineStrikethrough: "editor-text-underlineStrikethrough",
|
|
code: "editor-text-code"
|
|
},
|
|
code: "editor-code",
|
|
codeHighlight: {
|
|
atrule: "editor-tokenAttr",
|
|
attr: "editor-tokenAttr",
|
|
boolean: "editor-tokenProperty",
|
|
builtin: "editor-tokenSelector",
|
|
cdata: "editor-tokenComment",
|
|
char: "editor-tokenSelector",
|
|
class: "editor-tokenFunction",
|
|
"class-name": "editor-tokenFunction",
|
|
comment: "editor-tokenComment",
|
|
constant: "editor-tokenProperty",
|
|
deleted: "editor-tokenProperty",
|
|
doctype: "editor-tokenComment",
|
|
entity: "editor-tokenOperator",
|
|
function: "editor-tokenFunction",
|
|
important: "editor-tokenVariable",
|
|
inserted: "editor-tokenSelector",
|
|
keyword: "editor-tokenAttr",
|
|
namespace: "editor-tokenVariable",
|
|
number: "editor-tokenProperty",
|
|
operator: "editor-tokenOperator",
|
|
prolog: "editor-tokenComment",
|
|
property: "editor-tokenProperty",
|
|
punctuation: "editor-tokenPunctuation",
|
|
regex: "editor-tokenVariable",
|
|
selector: "editor-tokenSelector",
|
|
string: "editor-tokenSelector",
|
|
symbol: "editor-tokenProperty",
|
|
tag: "editor-tokenProperty",
|
|
url: "editor-tokenOperator",
|
|
variable: "editor-tokenVariable"
|
|
},
|
|
// table: 'editor-table',
|
|
// tableCell: 'editor-tableCell',
|
|
table: 'PlaygroundEditorTheme__table',
|
|
tableCell: 'PlaygroundEditorTheme__tableCell',
|
|
tableCellActionButton: 'PlaygroundEditorTheme__tableCellActionButton',
|
|
tableCellActionButtonContainer:
|
|
'PlaygroundEditorTheme__tableCellActionButtonContainer',
|
|
tableCellEditing: 'PlaygroundEditorTheme__tableCellEditing',
|
|
tableCellHeader: 'PlaygroundEditorTheme__tableCellHeader',
|
|
tableCellPrimarySelected: 'PlaygroundEditorTheme__tableCellPrimarySelected',
|
|
tableCellResizer: 'PlaygroundEditorTheme__tableCellResizer',
|
|
tableCellSelected: 'PlaygroundEditorTheme__tableCellSelected',
|
|
tableCellSortedIndicator: 'PlaygroundEditorTheme__tableCellSortedIndicator',
|
|
tableResizeRuler: 'PlaygroundEditorTheme__tableCellResizeRuler',
|
|
tableRowStriping: 'PlaygroundEditorTheme__tableRowStriping',
|
|
tableScrollableWrapper: 'PlaygroundEditorTheme__tableScrollableWrapper',
|
|
tableSelected: 'PlaygroundEditorTheme__tableSelected',
|
|
tableSelection: 'PlaygroundEditorTheme__tableSelection',
|
|
};
|
|
|
|
export default exampleTheme;
|