dracula character by demonkingswarn

/* ==UserStyle==
@name         Dracula theme for character.ai
@namespace    character.ai
@description  Adds dracula theme to character.ai (c.ai).
@author       demonkingswarn <demonkingswarn@protonmail.com> (https://github.com/DemonKingSwarn)
@preprocessor stylus
@version 0.0.1
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

@-moz-document domain("character.ai") {
  :root {
    --font: 'Montserrat';
    
    --background: #282a36;
    --current-line: #44475a;
    --selection: #44475a;
    --foreground: #f8f8f2;
    --comment: #6272a4;
    --cyan: #8be9fd;
    --green: #50fa7b;
    --orange: #ffb86c;
    --pink: #ff79c6;
    --purple: #bd93f9;
    --red: #ff5555;
    --yellow: #f1fa8c;
  }

  body {
    background-color: var(--background);
    color: var(--foreground);
  }

  a {
    color: var(--cyan);
  }

  h1, h2, h3, h4, h5, h6 {
    color: var(--purple);
  }

  p, li {
    color: var(--foreground);
  }

  code, pre {
    background-color: var(--current-line);
    color: var(--foreground);
  }

  #nprogress .bar {
    background: var(--cyan);
  }

  #nprogress .peg {
    box-shadow: 0 0 10px var(--cyan), 0 0 5px var(--cyan);
  }

  #nprogress .spinner-icon {
    border-top-color: var(--cyan);
    border-left-color: var(--cyan);
  }

  /* Add more styles as needed to match the Dracula theme */
}