css classes and variables with dracula theme

dracula.css

/*
@name Dracula Theme
@source https://draculatheme.com/contribute
@collector https://github.com/alishahidi
*/

:root {
  --background : #282a36;
  --current-line : #44475a;
  --foreground : #f8f8f2;
  --comment : #6272a4;
  --cyan : #8be9fd;
  --green : #50fa7b;
  --orange : #ffb86c;
  --pink : #ff79c6;
  --purple : #bd93f9;
  --red : #ff5555;
  --yellow : #f1fa8c;
}

.bg-background{
    background-color: var(--background) !important;
}

.bg-current-line{
    background-color: var(--current-line) !important;
}

.bg-foreground{
    background-color: var(--foreground) !important;
}

.bg-comment{
    background-color: var(--comment) !important;
}

.bg-cyan{
    background-color: var(--cyan) !important;
}

.bg-green{
    background-color: var(--green) !important;
}

.bg-orange{
    background-color: var(--orange) !important;
}

.bg-pink{
    background-color: var(--pink) !important;
}

.bg-purple{
    background-color: var(--purple) !important;
}

.bg-red{
    background-color: var(--red) !important;
}

.bg-yellow{
    background-color: var(--yellow) !important;
}

.txt-background{
    color: var(--background) !important;
}

.txt-current-line{
    color: var(--current-line) !important;
}

.txt-foreground{
    color: var(--foreground) !important;
}

.txt-comment{
    color: var(--comment) !important;
}

.txt-cyan{
    color: var(--cyan) !important;
}

.txt-green{
    color: var(--green) !important;
}

.txt-orange{
    color: var(--orange) !important;
}

.txt-pink{
    color: var(--pink) !important;
}

.txt-purple{
    color: var(--purple) !important;
}

.txt-red{
    color: var(--red) !important;
}

.txt-yellow{
    color: var(--yellow) !important;
}

.brc-background{
    border-color: var(--background) !important;
}

.brc-current-line{
    border-color: var(--current-line) !important;
}

.brc-foreground{
    border-color: var(--foreground) !important;
}

.brc-comment{
    border-color: var(--comment) !important;
}

.brc-cyan{
    border-color: var(--cyan) !important;
}

.brc-green{
    border-color: var(--green) !important;
}

.brc-orange{
    border-color: var(--orange) !important;
}

.brc-pink{
    border-color: var(--pink) !important;
}

.brc-purple{
    border-color: var(--purple) !important;
}

.brc-red{
    border-color: var(--red) !important;
}

.brc-yellow{
    border-color: var(--yellow) !important;
}

/*
 @end
*/

::placeholder {
  color: var(--purple) !important;
  opacity: 1;
}

:-ms-input-placeholder {
  color: var(--purple) !important;
}

::-ms-input-placeholder {
  color: var(--purple) !important;
}

body{
    min-height: 100vh;
    background: var(--background);
}