gristlabs_grist-core/app/client/components/CodeEditorPanel.css
George Gevoian 8a0bb4d4fe (core) Improve dark mode
Summary:
Enhances dark mode support for the formula editor, and adds support to
the color select popup. Also fixes some bugs with dark mode.

Test Plan: Tested manually.

Reviewers: jarek

Reviewed By: jarek

Differential Revision: https://phab.getgrist.com/D3847
2023-04-12 01:58:48 -04:00

61 lines
1.2 KiB
CSS

.g-code-panel {
position:absolute;
width: 100%;
height: 100%;
margin: 10px;
overflow: auto;
}
.g-code-viewer {
padding: 2rem 1rem;
font-family: monospace;
white-space: pre-wrap;
word-break: break-all;
word-wrap: break-word;
}
.g-code-viewer.hljs {
color: var(--grist-theme-code-view-text, #444);
background-color: inherit;
}
.g-code-panel-denied {
text-align: center;
}
.g-code-viewer .hljs-keyword {
color: var(--grist-theme-code-view-keyword, #444);
}
.g-code-viewer .hljs-comment {
color: var(--grist-theme-code-view-comment, #888888);
}
.g-code-viewer .hljs-meta {
color: var(--grist-theme-code-view-meta, #1F7199);
}
.g-code-viewer .hljs-title {
color: var(--grist-theme-code-view-title, #880000);
}
.g-code-viewer .hljs-params {
color: var(--grist-theme-code-view-params, #444);
}
.g-code-viewer .hljs-string {
color: var(--grist-theme-code-view-string, #880000);
}
.g-code-viewer .hljs-number {
color: var(--grist-theme-code-view-number, #880000);
}
.g-code-viewer .hljs-built_in {
color: var(--grist-theme-code-view-builtin, #397300);
}
.g-code-viewer .hljs-literal {
color: var(--grist-theme-code-view-literal, #78A960);
}