Cozy-Nest/cozy-nest-client/cozy-prompt/CozyPrompt.css

98 lines
2.2 KiB
CSS

.CozyPrompt {
min-height: 100px;
max-height: 800px;
width: 100%;
border: 1px solid var(--ae-input-border-color) !important;
}
.CozyPrompt .container {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
}
.CozyPrompt .ace_cursor-layer {
z-index: 900;
}
.CozyPrompt .ace_cursor-layer .ace_cursor {
z-index: 901;
background-color: var(--ae-primary-color);
position: fixed;
}
@keyframes blink-ace-animate {
from, to { opacity: 0.5; }
60% { opacity: 0; }
}
@keyframes blink-ace-animate-smooth {
from, to { opacity: 0.5; }
45% { opacity: 0.5; }
60% { opacity: 0; }
85% { opacity: 0; }
}
.CozyPrompt .ace_active-line {
background: #ffffff0d !important;
}
.CozyPrompt {
/*padding: 10px;*/
background-color: var(--input-background-fill) !important;
}
.CozyPrompt .ace_editor {
background-color: var(--input-background-fill) !important;
}
.CozyPrompt .ace_scrollbar::-webkit-scrollbar {
width: 5px;
}
.CozyPrompt .ace_scrollbar::-webkit-scrollbar-track {
background-color: transparent;
}
.CozyPrompt .ace_scrollbar::-webkit-scrollbar-thumb {
background-color: var(--ae-primary-color);
border-radius: 20px;
}
.CozyPrompt__resize-handle {
width: 100%;
height: 5px;
background-color: var(--ae-input-border-color);
cursor: row-resize;
}
/*Editor color*/
.ace_text-layer {
color: var(--body-text-color);
font-family: monospace !important;
}
.ace_open-bracket, .ace_close-bracket {
color: var(--ae-primary-color);
font-weight: bold;;
font-size: 1.1em;
}
.ace_open-bracket-0, .ace_close-bracket-0 {
color: violet;
}
.ace_open-bracket-1, .ace_close-bracket-1 {
color: var(--ae-primary-color);
}
.ace_open-bracket-2, .ace_close-bracket-2 {
color: hotpink;
}
.ace_open-bracket-3, .ace_close-bracket-3 {
color: greenyellow;
}
.ace_open-bracket-4, .ace_close-bracket-4 {
color: #fa662a;
}
.ace_token {
color: #cccc96;
font-weight: bold;
/*margin: 0 3px;*/
}
.ace_lora-begin, .ace_lora-end, .ace_lora-inner {
color: #c444d5;
}
.ace_lora-begin, .ace_lora-end {
font-weight: bold;
font-size: 1.1em;
filter: brightness(1.2);
}