Skip to content

Instantly share code, notes, and snippets.

@jared-hughes
Last active January 20, 2023 22:22
Show Gist options
  • Save jared-hughes/f41928a726fa543c062c336617ee0147 to your computer and use it in GitHub Desktop.
Save jared-hughes/f41928a726fa543c062c336617ee0147 to your computer and use it in GitHub Desktop.
Dracula theme for Discord code blocks
:root {
/* Dracula Base Colors */
--dracula-background: #282a36 !important;
--dracula-current-line: #44475a !important;
--dracula-selection: #44475a !important;
--dracula-foreground: #f8f8f2 !important;
--dracula-comment: #6272a4 !important;
--dracula-cyan: #8be9fd !important;
--dracula-green: #50fa7b !important;
--dracula-orange: #ffb86c !important;
--dracula-pink: #ff79c6 !important;
--dracula-purple: #bd93f9 !important;
--dracula-red: #ff5555 !important;
--dracula-yellow: #f1fa8c !important;
/* Dracula ANSI Colors */
--dracula-color0: #21222c !important;
--dracula-color1: #ff5555 !important;
--dracula-color2: #50fa7b !important;
--dracula-color3: #f1fa8c !important;
--dracula-color4: #f1fa8c !important;
--dracula-color5: #ff79c6 !important;
--dracula-color6: #8be9fd !important;
--dracula-color7: #f8f8f2 !important;
--dracula-color8: #6272a4 !important;
--dracula-color9: #ff6e6e !important;
--dracula-color10: #69ff94 !important;
--dracula-color11: #ffffa5 !important;
--dracula-color12: #d6acff !important;
--dracula-color13: #ff92df !important;
--dracula-color14: #a4ffff !important;
--dracula-color15: #ffffff !important;
/* Dracula Other Colors */
--dracula-line-highlight: #44475a75 !important;
--dracula-non-text: #ffffff1a !important;
--dracula-white: #ffffff !important;
--dracula-tab-drop-background: #44475a70 !important;
--dracula-background-lighter: #424450;
--dracula-background-alt: #343746 !important;
/* Discord root stuff */
/* Enable if you want a slightly more dracula-like experience */
/*--background-secondary: var(--dracula-background);
--background-tertiary: var(--dracula-color0);*/
}
/* Darker code background */
[class*=markup-] code {
background-color: var(--background-tertiary);
}
.theme-dark .hljs-doctag,
.theme-dark .hljs-keyword,
.theme-dark .hljs-meta .hljs-keyword,
.theme-dark .hljs-template-tag,
.theme-dark .hljs-template-variable,
.theme-dark .hljs-type,
.theme-dark .hljs-variable.language_ {
color: var(--dracula-red) !important;
}
.theme-dark .hljs-title,
.theme-dark .hljs-title.class_,
.theme-dark .hljs-title.class_.inherited__,
.theme-dark .hljs-title.function_ {
color: var(--dracula-purple) !important;
}
.theme-dark .hljs-attr,
.theme-dark .hljs-attribute,
.theme-dark .hljs-literal,
.theme-dark .hljs-meta,
.theme-dark .hljs-number,
.theme-dark .hljs-operator,
.theme-dark .hljs-selector-attr,
.theme-dark .hljs-selector-class,
.theme-dark .hljs-selector-id,
.theme-dark .hljs-variable {
color: var(--dracula-cyan) !important;
}
.theme-dark .hljs-meta .hljs-string,
.theme-dark .hljs-regexp,
.theme-dark .hljs-string {
color: var(--dracula-cyan) !important;
}
.theme-dark .hljs-built_in,
.theme-dark .hljs-symbol {
color: var(--dracula-orange) !important;
}
.theme-dark .hljs-code,
.theme-dark .hljs-comment,
.theme-dark .hljs-formula {
color: var(--dracula-comment) !important;
}
.theme-dark .hljs-name,
.theme-dark .hljs-quote,
.theme-dark .hljs-selector-pseudo,
.theme-dark .hljs-selector-tag {
color: var(--dracula-green) !important;
}
.theme-dark .hljs-subst {
color: var(--dracula-foreground) !important;
}
.theme-dark .hljs-section {
color: var(--dracula-cyan) !important;
}
.theme-dark .hljs-bullet {
color: var(--dracula-yellow) !important;
}
.theme-dark .hljs-emphasis {
color: var(--dracula-cyan) !important;
}
.theme-dark .hljs-strong {
color: var(--dracula-cyan) !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment