Dracula Stylus by monoxane

/* ==UserStyle==
@name         Dracula Stylus
@version      20220511.11.22
@namespace    userstyles.world/user/monoxane
@description  Make the Stylus editor Dracula
@author       monoxane
@license      MIT
==/UserStyle== */

@-moz-document url-prefix("moz-extension://fa291166-afb2-4398-8c82-d3b925a10fe6/edit.html") {
html {
    --background-primary: #282a36;
    --background-secondary: #21222C;
    --background-tertiary: #191A21;
    --current-line: #44475a;
    --selection: #44475a;
    --foreground: #f8f8f2;
    --comment: #6272a4;
    --cyan: #8be9fd;
    --green: #50fa7b;
    --orange: #ffb86c;
    --pink: #ff79c6;
    --purple: #bd93f9;
    --red: #ff5555;
    --yellow: #f1fa8c;
}
/* BASICS */

.CodeMirror {
  color: var(--foreground);
  background-color: var(--background-primary);
}

/* PADDING */
.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: var(--background-secondary); /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid var(--background-tertiary);
  background-color: var(--background-secondary);
}

.CodeMirror-linenumber {
  color: var(--comment);
}

.CodeMirror-guttermarker { color: var(--purple); }
.CodeMirror-guttermarker-subtle { color: var(--purple); }

/* CURSOR */

.CodeMirror-cursor {
  border-left: 1px solid var(--foreground);
}

/* DEFAULT THEME */

.cm-s-default .cm-header {color: var(--cyan);}
.cm-s-default .cm-quote {color: var(--green);}
.cm-negative {color: var(--red);}
.cm-positive {color: var(--green);}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-keyword {color: var(--purple);}
.cm-s-default .cm-atom {color: var(--cyan);}
.cm-s-default .cm-number {color: var(--green);}
.cm-s-default .cm-def {color: var(--cyan);}
.cm-s-default .cm-variable-2 {color: var(--cyan);}
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: var(--green);}
.cm-s-default .cm-comment {color: var(--comment);}
.cm-s-default .cm-string {color: var(--red);}
.cm-s-default .cm-string-2 {color: var(--orange);}
.cm-s-default .cm-meta {color: var(--foreground);}
.cm-s-default .cm-qualifier {color: var(--foreground);}
.cm-s-default .cm-builtin {color: var(--purple);}
.cm-s-default .cm-bracket {color: var(--foreground);}
.cm-s-default .cm-tag {color: var(--green);}
.cm-s-default .cm-attribute {color: var(--cyan);}
.cm-s-default .cm-hr {color: var(--selection);}
.cm-s-default .cm-link {color: var(--cyan);}

.cm-s-default .cm-error {color: var(--red);}
.cm-invalidchar {color: var(--red);}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {
    outline: 1px solid var(--current-line);
    background: var(--background-primary)
}
}