vault backup: 2025-01-30 09:27:31

.obsidian/themes/Dracula Official/theme.css

@@ -60,7 +60,7 @@
   --text-on-accent: #282a36;
   --text-title-h1: #bd93f9;
   --text-title-h2: #ffb86c;
-  --text-title-h3: #52fa7c;
+  --text-title-h3: #50fa7b;
   --text-title-h4: #ff5555;
   --text-title-h5: #f1fa8c;
   --text-title-h6: #bd93f4;
@@ -83,7 +83,17 @@
   --accent-s: 94%;
   --accent-l: 65%;
 
-
+  /* Dracula Code view*/
+  --code-normal: #F8F8F2;
+  --code-background: #282a36;
+  --dracula-foreground: #F8F8F2;
+  --dracula-Comment: #6272A4;
+  --dracula-keyword: #FF79C6;
+  --dracula-definition: #50FA7B;
+  --dracula-variable: #F8F8F2; /*"variable" tags are used everywhere in code, but Dracula usually only uses orange color only for declaration inputs, thus white is less annoying to look at*/
+  --dracula-number: #BD93F9;
+  --dracula-function: #8BE9FD;
+  --dracula-string: #F1FA8C;
 }
 
 /* LINKS & BRACKETS */
@@ -195,10 +205,10 @@ hr {
 
 pre code {
   padding: 5px !important;
-  color: var(--code-normal) !important;
+  color: var(--dracula-foreground);
   line-height: normal;
   display: block;
-  background-color: var(--background-primary-alt) !important;
+  background-color: var(--background-primary);
 }
 
 .markdown-preview-view pre {
@@ -207,35 +217,89 @@ pre code {
 
 /* in-line code for editor and preview and code block for editor*/
 
-code,
 .cm-inline-code {
   background-color: var(--background-primary-alt) !important;
-  color: var(--markup-code) !important;
+  color: var(--dracula-foreground) !important;
   bottom: 0px !important;
 }
 
 /* Code Appearance */
 
-/* editor */
+/* Editing view */
 
 .CodeMirror-code span.cm-inline-code {
   color: var(--markup-code) !important;
 }
 
+.cm-hmd-codeblock {
+  color: var(--dracula-foreground);
+}
+
+.cm-hmd-codeblock.cm-keyword {
+  color: var(--dracula-keyword);
+}
+
+.cm-def.cm-hmd-codeblock {
+  color: var(--dracula-definition);
+}
+
+.cm-hmd-codeblock.cm-variable {
+  color: var(--dracula-variable);
+}
+
+.cm-hmd-codeblock.cm-operator{
+  color: var(--dracula-keyword);
+}
+
+.cm-hmd-codeblock.cm-number {
+  color: var(--dracula-number);
+}
+
+.cm-builtin.cm-hmd-codeblock {
+  color: var(--dracula-function);
+}
+
+.cm-hmd-codeblock.cm-string {
+  color: var(--dracula-string);
+}
+
+/* Preview */
+
+code {
+  background-color: var(--background-primary);
+  color: var(--dracula-foreground);
+}
+
+.token.function {
+  color: var(--dracula-definition);
+}
+
+.token.operator {
+  color: var(--dracula-keyword);
+}
+
+.token.number {
+  color: var(--dracula-number);
+}
+
+.token.builtin {
+  color: var(--dracula-function);
+}
+
+.token.boolean {
+  color: var(--dracula-number);
+}
+
+.token.string {
+  color: var(--dracula-string);
+}
+
 /* Editor CodeBlock TEXT Appearance - */
 
 .cm-s-obsidian pre.HyperMD-codeblock {
   color: var(--markup-code) !important;
 }
 
-/* preview */
-
-.markdown-preview-view code {
-  color: var(--code-normal);
-  background-color: var(--background-primary-alt) !important;
-  bottom: -0.1px !important;
-}
-
 /* borders */
 
 .cm-s-obsidian span.cm-inline-code {