78 lines
2.3 KiB
CSS
78 lines
2.3 KiB
CSS
|
code-panel {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
height: 100%;
|
||
|
|
background: #0f1117;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cp-toolbar {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
gap: 4px;
|
||
|
|
padding: 6px 8px;
|
||
|
|
background: #13151f;
|
||
|
|
border-bottom: 1px solid #2a2d3a;
|
||
|
|
flex-shrink: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cp-toolbar button {
|
||
|
|
padding: 2px 8px;
|
||
|
|
background: transparent;
|
||
|
|
border: 1px solid #2a2d3a;
|
||
|
|
border-radius: 3px;
|
||
|
|
color: #666;
|
||
|
|
cursor: pointer;
|
||
|
|
font-size: 0.75rem;
|
||
|
|
font-family: inherit;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cp-toolbar button:hover:not(:disabled) { color: #aaa; background: #1a1d27; border-color: #444; }
|
||
|
|
.cp-toolbar button:disabled { opacity: 0.35; cursor: default; }
|
||
|
|
.cp-toolbar button.pinned { color: #7c8cff; border-color: #7c8cff; }
|
||
|
|
|
||
|
|
.cp-empty {
|
||
|
|
padding: 20px;
|
||
|
|
color: #555;
|
||
|
|
font-style: italic;
|
||
|
|
font-size: 0.85rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cp-editor {
|
||
|
|
flex: 1;
|
||
|
|
overflow: hidden;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cp-editor .CodeMirror {
|
||
|
|
height: 100%;
|
||
|
|
font-family: "Cascadia Code", "Fira Code", "Consolas", monospace;
|
||
|
|
font-size: 0.875rem;
|
||
|
|
line-height: 1.55;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* cp-dark theme */
|
||
|
|
.cm-s-cp-dark.CodeMirror { background: #0f1117; color: #c8cbde; }
|
||
|
|
.cm-s-cp-dark .CodeMirror-gutters { background: #13151f; border-right: 1px solid #2a2d3a; }
|
||
|
|
.cm-s-cp-dark .CodeMirror-linenumber { color: #3d4166; }
|
||
|
|
.cm-s-cp-dark .CodeMirror-cursor { border-left: 2px solid #7c8cff; }
|
||
|
|
.cm-s-cp-dark .CodeMirror-selected { background: #1e2235; }
|
||
|
|
.cm-s-cp-dark .CodeMirror-focused .CodeMirror-selected { background: #252a47; }
|
||
|
|
.cm-s-cp-dark .CodeMirror-activeline-background { background: #14161f; }
|
||
|
|
|
||
|
|
.cm-s-cp-dark .cm-keyword { color: #c792ea; }
|
||
|
|
.cm-s-cp-dark .cm-def { color: #82aaff; }
|
||
|
|
.cm-s-cp-dark .cm-variable { color: #c8cbde; }
|
||
|
|
.cm-s-cp-dark .cm-variable-2{ color: #c8cbde; }
|
||
|
|
.cm-s-cp-dark .cm-property { color: #80cbc4; }
|
||
|
|
.cm-s-cp-dark .cm-operator { color: #89ddff; }
|
||
|
|
.cm-s-cp-dark .cm-string { color: #c3e88d; }
|
||
|
|
.cm-s-cp-dark .cm-string-2 { color: #c3e88d; }
|
||
|
|
.cm-s-cp-dark .cm-number { color: #f78c6c; }
|
||
|
|
.cm-s-cp-dark .cm-atom { color: #f78c6c; }
|
||
|
|
.cm-s-cp-dark .cm-comment { color: #546e7a; font-style: italic; }
|
||
|
|
.cm-s-cp-dark .cm-tag { color: #f07178; }
|
||
|
|
.cm-s-cp-dark .cm-attribute { color: #ffcb6b; }
|
||
|
|
.cm-s-cp-dark .cm-builtin { color: #82aaff; }
|
||
|
|
.cm-s-cp-dark .cm-bracket { color: #89ddff; }
|
||
|
|
.cm-s-cp-dark .cm-error { color: #f07178; }
|