feat(workspace): code block with language picker and live highlighting

frontend/src/themes/theme-dark.css

@@ -53,4 +53,15 @@
   --radius-input: 2px;
   --radius-checkbox: 0px;
   --radius-pill: 9999px;
+
+  /* --- 7. CODE-SYNTAX-HIGHLIGHTING (VS Code Dark+) --- */
+  --code-keyword: #569cd6;
+  --code-string: #ce9178;
+  --code-number: #b5cea8;
+  --code-comment: #6a9955;
+  --code-property: #9cdcfe;
+  --code-function: #dcdcaa;
+  --code-type: #4ec9b0;
+  --code-punctuation: #d4d4d4;
+  --code-variable: #9cdcfe;
 }

frontend/src/themes/theme-high-contrast.css

@@ -52,4 +52,15 @@
   --radius-input: 0px;
   --radius-checkbox: 0px;
   --radius-pill: 0px;
+
+  /* --- 7. CODE-SYNTAX-HIGHLIGHTING (VS Code Dark+) --- */
+  --code-keyword: #569cd6;
+  --code-string: #ce9178;
+  --code-number: #b5cea8;
+  --code-comment: #6a9955;
+  --code-property: #9cdcfe;
+  --code-function: #dcdcaa;
+  --code-type: #4ec9b0;
+  --code-punctuation: #ffffff;
+  --code-variable: #9cdcfe;
 }

frontend/src/themes/theme-light.css

@@ -52,4 +52,15 @@
   --radius-input: 2px;
   --radius-checkbox: 0px;
   --radius-pill: 9999px;
+
+  /* --- 7. CODE-SYNTAX-HIGHLIGHTING (VS Code Light+) --- */
+  --code-keyword: #0000ff;
+  --code-string: #a31515;
+  --code-number: #098658;
+  --code-comment: #008000;
+  --code-property: #0451a5;
+  --code-function: #795e26;
+  --code-type: #267f99;
+  --code-punctuation: #3b3b3b;
+  --code-variable: #001080;
 }

frontend/src/themes/theme-polarized.css

@@ -52,4 +52,15 @@
   --radius-input: 2px;
   --radius-checkbox: 0px;
   --radius-pill: 9999px;
+
+  /* --- 7. CODE-SYNTAX-HIGHLIGHTING (VS Code Dark+) --- */
+  --code-keyword: #569cd6;
+  --code-string: #ce9178;
+  --code-number: #b5cea8;
+  --code-comment: #6a9955;
+  --code-property: #9cdcfe;
+  --code-function: #dcdcaa;
+  --code-type: #4ec9b0;
+  --code-punctuation: #d4d4d4;
+  --code-variable: #9cdcfe;
 }

frontend/src/themes/theme-soft.css

@@ -53,4 +53,15 @@
   --radius-input: 6px;
   --radius-checkbox: 4px;
   --radius-pill: 9999px;
+
+  /* --- 7. CODE-SYNTAX-HIGHLIGHTING (VS Code Dark+) --- */
+  --code-keyword: #569cd6;
+  --code-string: #ce9178;
+  --code-number: #b5cea8;
+  --code-comment: #6a9955;
+  --code-property: #9cdcfe;
+  --code-function: #dcdcaa;
+  --code-type: #4ec9b0;
+  --code-punctuation: #d4d4d4;
+  --code-variable: #9cdcfe;
 }

frontend/src/themes/theme-suri.css

@@ -52,4 +52,15 @@
   --radius-input: 6px;
   --radius-checkbox: 4px;
   --radius-pill: 9999px;
+
+  /* --- 7. CODE-SYNTAX-HIGHLIGHTING (VS Code Dark+) --- */
+  --code-keyword: #569cd6;
+  --code-string: #ce9178;
+  --code-number: #b5cea8;
+  --code-comment: #6a9955;
+  --code-property: #9cdcfe;
+  --code-function: #dcdcaa;
+  --code-type: #4ec9b0;
+  --code-punctuation: #d4d4d4;
+  --code-variable: #9cdcfe;
 }

frontend/src/themes/theme-template.css

@@ -54,4 +54,15 @@
   --radius-input: 2px;            /* Eingabefelder & Dropdowns */
   --radius-checkbox: 0px;         /* Aufgaben-Checkboxen */
   --radius-pill: 9999px;          /* Quick-Capture-Blase & Profil-Pill */
+
+  /* --- 7. CODE-SYNTAX-HIGHLIGHTING (VS Code Dark+ Standardwerte) --- */
+  --code-keyword: #569cd6;        /* Schlüsselwörter & Booleans */
+  --code-string: #ce9178;         /* Zeichenketten (Strings) */
+  --code-number: #b5cea8;         /* Zahlen & Konstanten */
+  --code-comment: #6a9955;        /* Kommentare */
+  --code-property: #9cdcfe;       /* Schlüssel (YAML/JSON Keys) & Attribute */
+  --code-function: #dcdcaa;       /* Funktionen & Methoden */
+  --code-type: #4ec9b0;           /* Typen & Klassen */
+  --code-punctuation: #d4d4d4;    /* Klammern, Operatoren & Satzzeichen */
+  --code-variable: #9cdcfe;       /* Variablen & Regex */
 }