cocalc-dark.css

/*
 *  This file is part of CoCalc: Copyright © 2025 Sagemath, Inc.
 *  License: MS-RSL – see LICENSE.md for details
 *
 *  CoCalc Dark theme for CodeMirror
 *  Based on CoCalc's dark color scheme
 */

.cm-s-cocalc-dark.CodeMirror {
  background: #434343;
  color: #c0d4f0;
}

.cm-s-cocalc-dark div.CodeMirror-selected {
  background: #5a5a5a;
}

.cm-s-cocalc-dark .CodeMirror-line::selection,
.cm-s-cocalc-dark .CodeMirror-line > span::selection,
.cm-s-cocalc-dark .CodeMirror-line > span > span::selection {
  background: #5a5a5a;
}

.cm-s-cocalc-dark .CodeMirror-line::-moz-selection,
.cm-s-cocalc-dark .CodeMirror-line > span::-moz-selection,
.cm-s-cocalc-dark .CodeMirror-line > span > span::-moz-selection {
  background: #5a5a5a;
}

.cm-s-cocalc-dark .CodeMirror-gutters {
  background: #3a3a3a;
  border-right: 1px solid #505050;
}

.cm-s-cocalc-dark .CodeMirror-guttermarker {
  color: #ff9966;
}

.cm-s-cocalc-dark .CodeMirror-guttermarker-subtle {
  color: #707070;
}

.cm-s-cocalc-dark .CodeMirror-linenumber {
  color: #808080;
}

.cm-s-cocalc-dark .CodeMirror-cursor {
  border-left: 1px solid #c0d4f0;
}

.cm-s-cocalc-dark span.cm-comment {
  color: #909090;
  font-style: italic;
}

.cm-s-cocalc-dark span.cm-atom {
  color: #ffb380;
}

.cm-s-cocalc-dark span.cm-number {
  color: #ffb380;
}

.cm-s-cocalc-dark span.cm-property,
.cm-s-cocalc-dark span.cm-attribute {
  color: #c0d4f0;
}

.cm-s-cocalc-dark span.cm-keyword {
  color: #ff9966;
}

.cm-s-cocalc-dark span.cm-string {
  color: #88c070;
}

.cm-s-cocalc-dark span.cm-variable {
  color: #c0d4f0;
}

.cm-s-cocalc-dark span.cm-variable-2 {
  color: #80afff;
}

.cm-s-cocalc-dark span.cm-def {
  color: #b89dd8;
}

.cm-s-cocalc-dark span.cm-bracket {
  color: #c0d4f0;
}

.cm-s-cocalc-dark span.cm-tag {
  color: #66cccc;
}

.cm-s-cocalc-dark span.cm-link {
  color: #80afff;
}

.cm-s-cocalc-dark span.cm-error {
  background: #ff9966;
  color: #1a1a1a;
}

.cm-s-cocalc-dark .CodeMirror-activeline-background {
  background: #4a4a4a;
}

.cm-s-cocalc-dark .CodeMirror-matchingbracket {
  color: #434343 !important;
  background-color: #80afff !important;
}

.cm-s-cocalc-dark .CodeMirror-nonmatchingbracket {
  color: #434343 !important;
  background-color: #ff9966 !important;
}