mirror of
https://github.com/MindWorkAI/AI-Studio.git
synced 2026-08-11 22:32:14 +00:00
styled code editor and lua tokens with dedicated dark and light theme
This commit is contained in:
parent
26c4b5a186
commit
88d436bbe2
@ -34,6 +34,16 @@
|
||||
src: url('fonts/roboto-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
||||
}
|
||||
|
||||
/* JetBrainsMono-Regular - latin */
|
||||
@font-face {
|
||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||
font-family: 'JetBrains Mono';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url('fonts/JetBrainsMono-Regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
||||
}
|
||||
|
||||
|
||||
.mud-text-list .mud-list-item-icon {
|
||||
margin-top: 4px;
|
||||
}
|
||||
@ -192,3 +202,65 @@
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
.code-editor {
|
||||
min-height: 32rem;
|
||||
height: 62vh;
|
||||
width: 100%;
|
||||
overflow: auto;
|
||||
padding: 0.8rem;
|
||||
border: 1px solid var(--mw-code-editor-border, rgba(0,0,0,0.11764705882352941));
|
||||
border-radius: 4px;
|
||||
background: var(--mw-code-editor-background, rgba(255,255,255,1));
|
||||
color: var(--mw-code-editor-foreground, rgba(66,66,66,1));
|
||||
caret-color: var(--mw-code-editor-foreground, rgba(66,66,66,1));
|
||||
font-family: "JetBrains Mono", monospace;
|
||||
font-size: 0.65rem;
|
||||
line-height: 1.45;
|
||||
white-space: pre;
|
||||
tab-size: 4;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.code-editor .lua-comment {
|
||||
color: var(--mw-code-editor-comment, #6a9955);
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.code-editor .lua-string {
|
||||
color: var(--mw-code-editor-string, #a31515);
|
||||
}
|
||||
|
||||
.code-editor .lua-number {
|
||||
color: var(--mw-code-editor-number, #098658);
|
||||
}
|
||||
|
||||
.code-editor .lua-keyword {
|
||||
color: var(--mw-code-editor-keyword, #0000ff);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.code-editor .lua-literal {
|
||||
color: var(--mw-code-editor-literal, #0000ff);
|
||||
}
|
||||
|
||||
.code-editor .lua-built-in {
|
||||
color: var(--mw-code-editor-built-in, #795e26);
|
||||
}
|
||||
|
||||
.code-editor .lua-constant {
|
||||
color: var(--mw-code-editor-constant, #0070c1);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.code-editor .lua-function {
|
||||
color: var(--mw-code-editor-function, #795e26);
|
||||
}
|
||||
|
||||
.code-editor .lua-property {
|
||||
color: var(--mw-code-editor-property, #001080);
|
||||
}
|
||||
|
||||
.code-editor .lua-variable {
|
||||
color: var(--mw-code-editor-variable, #267f99);
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user