:root {
  --background-1: #4c566a;
  --background-2: #434c5e;
  --foreground-color: #eceff4;
  --highlight-color: #81a1c1;
  --border-color: #2e3440;
  --pre-color: #e5e9f0;

  --content-1: #4c566a;
  /*
  --content-2: #667a83;
  --content-3: #839496;
  --content-4: #93a1a1;
  */
  /* Footer */
  --footer-bar-border-top-color: 0;
  /* Column Menus */
  --menu-item-sep-color: rgba(0, 0, 0, 0.1);
  --sn-component-foreground-color: var(--content-1);
  --sn-component-background-color: var(--border-color);
  --sn-component-foreground-highlight-color: var(--highlight-color);
  --sn-component-outer-border-color: transparent;
  --sn-component-inner-border-color: var(--highlight-color);
  --sn-stylekit-info-color: var(--highlight-color);
  --sn-stylekit-info-contrast-color: var(--foreground-color);
  --sn-stylekit-neutral-color: #d8dee9;
  --sn-stylekit-neutral-contrast-color: #eceff4;
  --sn-stylekit-success-color: #88c0d0;
  --sn-stylekit-success-contrast-color: #eceff4;
  --sn-stylekit-warning-color: #ebcb8b;
  --sn-stylekit-warning-contrast-color: #eceff4;
  --sn-stylekit-danger-color: #bf616a;
  --sn-stylekit-danger-contrast-color: #eceff4;
  --sn-stylekit-shadow-color: var(--background-2);
  --sn-stylekit-background-color: var(--background-1);
  --sn-stylekit-foreground-color: var(--foreground-color);
  --sn-stylekit-border-color: var(--border-color);
  --sn-stylekit-paragraph-text-color: var(--foreground-color);
  --sn-stylekit-contrast-background-color: var(--background-2);
  --sn-stylekit-contrast-foreground-color: var(--foreground-color);
  --sn-stylekit-contrast-border-color: var(--border-color);
  --sn-stylekit-secondary-background-color: var(--background-1);
  --sn-stylekit-secondary-foreground-color: var(--foreground-color);
  --sn-stylekit-secondary-border-color: var(--border-color);
  --sn-stylekit-secondary-contrast-background-color: var(--background-2);
  --sn-stylekit-secondary-contrast-foreground-color: var(--foreground-color);
  --sn-stylekit-secondary-contrast-border-color: var(--border-color);
  --sn-stylekit-editor-background-color: var(--sn-stylekit-background-color);
  --sn-stylekit-editor-foreground-color: var(--sn-stylekit-foreground-color);
  --sn-stylekit-scrollbar-track-border-color: var(--border-color);
  --sn-stylekit-scrollbar-thumb-color: var(--sn-stylekit-info-color);
  --sn-desktop-titlebar-bg-color: var(--background-1);
  --sn-desktop-titlebar-border-color: var(--border-color);
  --sn-desktop-titlebar-ui-color: var(--foreground-color);
  --sn-desktop-titlebar-ui-hover-color: var(--highlight-color);
}

:root .sk-app-bar {
  color: var(--foreground-2) !important;
}
:root .title {
  color: var(--foreground-3) !important;
}
:root .sk-menu-panel {
  color: var(--foreground-1) !important;
}
:root #notes-scrollable {
  background-color: var(--background-2) !important;
}
:root #notes-column .note,
:root #notes-column .tag {
  opacity: 1 !important;
  background-color: var(--background-2) !important;
  color: var(--foreground-3) !important;
}
:root #notes-column .note .name {
  color: var(--foreground-3) !important;
}
:root #notes-column .note .plain-preview {
  color: var(--foreground-3) !important;
}
:root #notes-column .note progress {
  border: 1px solid var(--border-color) !important;
}
:root #notes-column .note .note-flags .flag.info,
:root .notes .note .note-flags .flag.info {
  background-color: #81a1c1 !important;
  color: var(--foreground-color) !important;
}
:root #notes-column .note .note-flags .flag.success,
:root .notes .note .note-flags .flag.success {
  background-color: var(--background-1) !important;
  color: var(--sn-stylekit-success-color);
}
:root #notes-column .note .note-flags .flag.warning,
:root .notes .note .note-flags .flag.warning {
  background-color: var(--background-1) !important;
  color: var(--sn-stylekit-warning-color);
}
:root #notes-column .note .note-flags .flag.neutral,
:root .notes .note .note-flags .flag.neutral {
  background-color: var(--background-1) !important;
  color: var(--sn-stylekit-neutral-color);
}
:root #notes-column .note .note-flags .flag.danger,
:root .notes .note .note-flags .flag.danger {
  background-color: var(--background-1) !important;
  color: var(--sn-stylekit-danger-color);
}
:root #notes-column .note.selected .note-flags .flag.info,
:root .notes .note.selected .note-flags .flag.info {
  background-color: var(--background-2) !important;
}
:root #notes-column .note.selected .note-flags .flag.success,
:root .notes .note.selected .note-flags .flag.success {
  background-color: var(--background-2) !important;
}
:root #notes-column .note.selected .note-flags .flag.warning,
:root .notes .note.selected .note-flags .flag.warning {
  background-color: var(--background-2) !important;
}
:root #notes-column .note.selected .note-flags .flag.neutral,
:root .notes .note.selected .note-flags .flag.neutral {
  background-color: var(--background-2) !important;
}
:root #notes-column .note.selected .note-flags .flag.danger,
:root .notes .note.selected .note-flags .flag.danger {
  background-color: var(--background-2) !important;
}
:root #notes-column .note.selected,
:root #tags-column .tag.selected,
:root .tag-tree .self.selected:before {
  background: none !important;
  background-color: var(--background-1) !important;
}
:root #notes-column .note .date.faded,
:root #notes-column .note .tags-string > .faded,
:root #notes-column .note .note-flag,
:root .editor-tags input {
  opacity: 1 !important;
  color: var(--neutral-color) !important;
}
:root .cm-s-default .cm-variable-3,
:root .cm-s-default .cm-type {
  color: var(--success-color) !important;
}
:root #notes-column .note progress,
:root .notes .note progress {
  background-color: var(--background-2) !important;
  color: var(--foreground-2) !important;
}
:root #notes-column .note progress::-webkit-progress-bar,
:root .notes .note progress::-webkit-progress-bar {
  background-color: var(--background-2) !important;
}
:root #notes-column .note progress::-webkit-progress-value,
:root .notes .note progress::-webkit-progress-value {
  background-color: var(--foreground-2) !important;
}
:root #notes-column .note.selected progress,
:root .notes .note.selected progress {
  background-color: var(--background-2) !important;
  color: var(--foreground-2) !important;
}
:root #notes-column .note.selected progress::-webkit-progress-bar,
:root .notes .note.selected progress::-webkit-progress-bar {
  background-color: var(--background-2) !important;
}
:root #notes-column .note.selected progress::-webkit-progress-value,
:root .notes .note.selected progress::-webkit-progress-value {
  background-color: var(--foreground-2) !important;
}
:root ::selection {
  background: #88c0d0 !important;
  color: #2e3440 !important;
}
:root .cm-s-default .cm-variable-3 {
  color: #7e9a8f !important;
}