:root {
  --foreground-color: #3d3c40;
  --background-color: rebeccapurple;
  --highlight-color: #c9cccf;
  --high-contrast-bg-color: #d9dbde;
  --border-color: var(--highlight-color);
  --note-cell-border-color: var(--border-color);
  --editor-text-color: var(--foreground-color);
  --editor-bg-color: var(--high-contrast-bg-color);
  --ui-component-text-color: var(--foreground-color);
  --ui-component-bg-color: var(--high-contrast-bg-color);
  --link-color: var(--background-color);
  --selection-color: var(--border-color);
  --sn-stylekit-shadow-color: var(--highlight-color);
  --sn-stylekit-info-color: var(--background-color);
  --sn-stylekit-info-contrast-color: #e6e6e6;
  --sn-stylekit-background-color: #d9dbde;
  --sn-stylekit-foreground-color: #3d3c40;
  --sn-stylekit-border-color: #c9cccf;
  --sn-stylekit-contrast-background-color: #e7e7e7;
  --sn-stylekit-contrast-foreground-color: #3d3c40;
  --sn-stylekit-contrast-border-color: #c9cccf;
  --sn-stylekit-secondary-background-color: #d8d9de;
  --sn-stylekit-secondary-foreground-color: #3d3c40;
  --sn-stylekit-secondary-border-color: #c9cccf;
  --sn-stylekit-secondary-contrast-background-color: #e7e7e7;
  --sn-stylekit-secondary-contrast-foreground-color: #3d3c40;
  --sn-stylekit-secondary-contrast-border-color: #c9cccf;
  --sn-stylekit-paragraph-text-color: #3d3c40;
  --sn-stylekit-scrollbar-track-border-color: var(--border-color);
  --sn-desktop-titlebar-bg-color: var(--high-contrast-bg-color);
  --sn-desktop-titlebar-border-color: var(--highlight-color);
  --sn-desktop-titlebar-ui-color: var(--foreground-color);
  --sn-desktop-titlebar-ui-hover-color: var(--background-color);
}

/* Editors */
.CodeMirror {
  background-color: var(--editor-bg-color) !important;
  color: var(--editor-text-color) !important;
  border: 0 !important;
}

.CodeMirror-cursor {
  border-color: white;
}

.CodeMirror-selected {
  background: var(--selection-color) !important;
}

.CodeMirror-gutters {
  background-color: var(--high-contrast-bg-color) !important;
  color: var(--editor-text-color) !important;
  border-color: var(--border-color) !important;
}

.CodeMirror .cm-header {
  font-family: arial;
  color: var(--editor-text-color) !important;
}

.CodeMirror .cm-variable-2 {
  font-family: arial;
  color: var(--link-color) !important;
}

.CodeMirror .cm-link, .cm-string, .cm-keyword {
  font-family: arial;
  color: var(--editor-text-color) !important;
}

.CodeMirror .CodeMirror-linenumber {
  color: gray !important;
}

/* Code Editor bottom toolbar */
#select-wrapper {
  background-color: var(--high-contrast-bg-color) !important;
  color: var(--editor-text-color) !important;
  border-color: var(--border-color) !important;
}

/* Advanced Markdown top toolbar */
.editor-toolbar {
  background-color: var(--high-contrast-bg-color) !important;
  border-color: var(--border-color) !important;
}

.editor-toolbar::before, ::after {
  background: 0 !important;
}

.editor-toolbar a {
  color: var(--editor-text-color) !important;
}

.editor-toolbar a.active, .editor-toolbar a:hover {
  border-color: transparent;
  background: var(--border-color);
}

.editor-toolbar.disabled-for-preview a:not(.no-disable) {
  background: inherit;
}

.editor-preview-active, .editor-preview-active-side {
  background-color: var(--editor-bg-color) !important;
  border: 0 !important;
  border-left: 1px solid var(--border-color) !important;
  color: var(--editor-text-color) !important;
}

#sn-advanced-markdown-editor .editor-toolbar i.separator {
  border-right-color: var(--border-color);
}

#sn-advanced-markdown-editor .editor-preview.editor-preview-active pre, #sn-advanced-markdown-editor .editor-preview-side.editor-preview-active-side pre {
  background-color: var(--border-color);
  padding: 20px;
}

/* Plus Editor */
#plus-editor .note-editor.note-frame.fullscreen .note-editable {
  background-color: var(--editor-bg-color) !important;
  color: var(--editor-text-color) !important;
}

#plus-editor .panel-default > .panel-heading {
  background-color: var(--editor-bg-color) !important;
}

#plus-editor .btn-default {
  color: var(--ui-component-text-color) !important;
  background-color: var(--ui-component-bg-color) !important;
  border-color: var(--highlight-color) !important;
}

#plus-editor .panel-heading {
  border-color: var(--border-color) !important;
}

#plus-editor .dropdown-menu > li > a {
  color: var(--editor-text-color);
}

#plus-editor .table-bordered td {
  border-color: var(--note-cell-border-color);
}

.component-stack-border {
  border-color: var(--border-color) !important;
}

/*SN Components */
:root {
  --body-text-color: var(--editor-text-color);
  --body-background-color: var(--high-contrast-bg-color);
  --element-text-color: var(--ui-component-text-color);
  --element-background-color: var(--ui-component-bg-color);
  --tint-color: var(--highlight-color);
}

.sn-component .element-background-color {
  background-color: var(--element-background-color);
}

.sn-component .body-background-color {
  background-color: var(--body-background-color);
}

.sn-component .element-text-color {
  color: var(--element-text-color);
}

.sn-component .body-text-color {
  color: var(--body-text-color);
}

.sn-component .border-color {
  border-color: var(--border-color) !important;
}

/*# sourceMappingURL=dist.css.map */