Carlos Florêncio
59 lines
1.3 KiB
TypeScript
59 lines
1.3 KiB
TypeScript
import { EditorView } from '@codemirror/view';
|
|
|
|
export const chatEditorTheme = EditorView.theme({
|
|
'&': {
|
|
color: 'var(--foreground)',
|
|
fontSize: '0.875rem',
|
|
backgroundColor: 'transparent',
|
|
},
|
|
'.cm-editor': {
|
|
borderRadius: 'inherit',
|
|
background: 'transparent',
|
|
outline: 'none',
|
|
boxShadow: 'none',
|
|
overflow: 'hidden',
|
|
},
|
|
'.cm-editor.cm-focused': {
|
|
outline: 'none',
|
|
boxShadow: 'none',
|
|
},
|
|
'.cm-scroller': {
|
|
fontFamily: 'var(--font-sans)',
|
|
borderRadius: 'inherit',
|
|
background: 'transparent',
|
|
backgroundColor: 'transparent',
|
|
overflow: 'auto',
|
|
},
|
|
'.cm-content': {
|
|
padding: '0.5rem',
|
|
fontFamily: 'var(--font-sans)',
|
|
color: 'var(--foreground)',
|
|
background: 'transparent',
|
|
},
|
|
'.cm-line': {
|
|
color: 'var(--foreground)',
|
|
},
|
|
'.cm-placeholder': {
|
|
color: 'var(--muted-foreground)',
|
|
opacity: '0.8',
|
|
},
|
|
'.cm-tooltip-autocomplete, .cm-tooltip-autocomplete li, .cm-completionDetail': {
|
|
fontSize: '0.875rem',
|
|
},
|
|
'.cm-cursor': {
|
|
borderLeftColor: 'var(--foreground)',
|
|
},
|
|
'.cm-selectionBackground': {
|
|
backgroundColor: 'var(--primary)',
|
|
opacity: '0.7',
|
|
},
|
|
'.cm-selectionMatch': {
|
|
backgroundColor: 'var(--primary)',
|
|
opacity: '0.6',
|
|
},
|
|
'.cm-selectionLayer .cm-selectionBackground': {
|
|
backgroundColor: 'var(--primary)',
|
|
opacity: '0.7',
|
|
},
|
|
});
|