OMICRONEnergyOSS · stee-re · Jan 16, 2026 · Jan 16, 2026 · Jan 19, 2026
diff --git a/demo/colors.css b/demo/colors.css
@@ -0,0 +1,56 @@
+* {
+  --french-blue-15: #0b335b;
+  --french-blue-55: #2485e5;
+
+  --omicron-yellow: #f5e214;
+
+  --slate-0: #121417; /* L* ≈ 7% */
+  --slate-5: #1a1e23; /* L* ≈ 10% */
+  --slate-10: #23282f; /* L* ≈ 14% */
+  --slate-15: #2c323a; /* L* ≈ 18% */
+  --slate-20: #363d47; /* L* ≈ 22% */
+  --slate-25: #3d4651; /* L* ≈ 26% */
+  --slate-30: #46505d; /* L* ≈ 30% */
+  --slate-35: #4f5a69; /* L* ≈ 34% */
+  --slate-40: #586474; /* L* ≈ 38% */
+  --slate-45: #606e80; /* L* ≈ 42% */
+  --slate-50: #69788c; /* L* ≈ 46% */
+  --slate-55: #738296; /* L* ≈ 50% */
+  --slate-60: #7f8c9f; /* L* ≈ 54% */
+  --slate-65: #8b97a7; /* L* ≈ 58% */
+  --slate-70: #96a1b0; /* L* ≈ 62% */
+  --slate-75: #a2abb9; /* L* ≈ 66% */
+  --slate-80: #aeb6c2; /* L* ≈ 70% */
+  --slate-85: #b9c0ca; /* L* ≈ 74% */
+  --slate-90: #c5cbd3; /* L* ≈ 78% */
+  --slate-95: #d0d5dc; /* L* ≈ 82% */
+  --slate-100: #dce0e5; /* L* ≈ 86% */
+  --slate-105: #e8eaed; /* L* ≈ 90% */
+  --slate-110: #f3f5f6; /* L* ≈ 94% */
+  /* --slate-white: #FFF; L* ≈ 100% */
+
+  --coal-0: #0a0a0a; /* L* ≈ 4% */
+  --coal-5: #141414; /* L* ≈ 8% */
+  --coal-10: #1f1f1f; /* L* ≈ 12% */
+  --coal-15: #292929; /* L* ≈ 16% */
+  --coal-20: #333333; /* L* ≈ 20% */
+  --coal-25: #3d3d3d; /* L* ≈ 24% */
+  --coal-30: #474747; /* L* ≈ 28% */
+  --coal-35: #525252; /* L* ≈ 32% */
+  --coal-40: #5c5c5c; /* L* ≈ 36% */
+  --coal-45: #666666; /* L* ≈ 40% */
+  --coal-50: #707070; /* L* ≈ 44% */
+  --coal-55: #7a7a7a; /* L* ≈ 48% */
+  --coal-60: #858585; /* L* ≈ 52% */
+  --coal-65: #8f8f8f; /* L* ≈ 56% */
+  --coal-70: #999999; /* L* ≈ 60% */
+  --coal-75: #a3a3a3; /* L* ≈ 64% */
+  --coal-80: #adadad; /* L* ≈ 68% */
+  --coal-85: #b8b8b8; /* L* ≈ 72% */
+  --coal-90: #c2c2c2; /* L* ≈ 76% */
+  --coal-95: #cccccc; /* L* ≈ 80% */
+  --coal-100: #d6d6d6; /* L* ≈ 84% */
+  --coal-105: #e0e0e0; /* L* ≈ 88% */
+  --coal-110: #ebebeb; /* L* ≈ 92% */
+  /* --coal-white: #FFF; L* ≈ 100% */
+}
diff --git a/demo/index.html b/demo/index.html
@@ -10,6 +10,8 @@
       rel="stylesheet"
       href="https://fonts.googleapis.com/css?family=Material+Symbols+Outlined&display=block"
     />
+    <link rel="stylesheet" href="./colors.css" />
+    <link rel="stylesheet" href="./theming.css" />
   </head>
   <body>
     <oscd-shell locale="de"> </oscd-shell>
@@ -20,32 +22,5 @@
       await import('../dist/oscd-shell.js');
       await import('./index.js');
     </script>
-
-    <style>
-      * {
-        --oscd-theme-text-font: 'Roboto';
-        --oscd-theme-icon-font: 'Material Symbols Outlined';
-
-        margin: 0px;
-        padding: 0px;
-      }
-
-      abbr {
-        text-decoration: none;
-        border-bottom: none;
-      }
-
-      html,
-      body {
-        height: 100%;
-        width: 100%;
-        margin: 0;
-      }
-
-      body {
-        background: url('./background.svg') no-repeat center center fixed;
-        background-size: cover;
-      }
-    </style>
   </body>
 </html>
diff --git a/demo/index.js b/demo/index.js
@@ -8,6 +8,7 @@ import {
   OscdMenuNew,
 } from '@omicronenergy/oscd-menu-commons';
 import OscdBackgroundEditV1 from '@omicronenergy/oscd-background-editv1';
+import OscdEditorSource from '@omicronenergy/oscd-editor-source';
 
 const plugins = {
   menu: [
@@ -63,14 +64,11 @@ const plugins = {
     },
 
     {
-      name: 'Engineering Workflows',
-      translations: {
-        de: 'Engineering-Workflows',
-      },
-      icon: 'automation',
-      active: true,
+      name: 'Source Editor',
+      translations: { de: 'Source Editor' },
+      icon: 'code',
       requireDoc: true,
-      src: 'https://ase-compas.github.io/compas-transnetbw-plugins/bearingpoint/compas/plugins/engineering-wizard/index.js',
+      tagName: 'oscd-editor-source',
     },
   ],
   background: [
@@ -97,6 +95,7 @@ registry.define('oscd-menu-new', OscdMenuNew);
 registry.define('oscd-menu-file-rename', OscdMenuFileRename);
 registry.define('oscd-menu-file-close', OscdMenuFileClose);
 registry.define('oscd-background-editv1', OscdBackgroundEditV1);
+registry.define('oscd-editor-source', OscdEditorSource);
 
 oscdShell.plugins = plugins;
 

diff --git a/demo/theming.css b/demo/theming.css
@@ -0,0 +1,37 @@
+* {
+  --oscd-theme-primary: var(--french-blue-15);
+  --oscd-theme-secondary: var(--french-blue-55);
+  --oscd-theme-base03: var(--slate-0);
+  --oscd-theme-base02: var(--slate-5);
+  --oscd-theme-base01: var(--slate-25);
+  --oscd-theme-base00: var(--slate-30);
+  --oscd-theme-base0: var(--slate-65);
+  --oscd-theme-base1: var(--slate-70);
+  --oscd-theme-base2: var(--slate-110);
+  --oscd-theme-base3: white;
+  --oscd-theme-error: #dc322f;
+  --oscd-theme-text-font: 'Roboto';
+  --oscd-theme-icon-font: 'Material Symbols Outlined';
+  --oscd-theme-text-font-mono: 'Roboto Mono';
+  --oscd-theme-warning: #b58900;
+
+  margin: 0px;
+  padding: 0px;
+}
+
+abbr {
+  text-decoration: none;
+  border-bottom: none;
+}
+
+html,
+body {
+  height: 100%;
+  width: 100%;
+  margin: 0;
+}
+
+body {
+  background: url('./background.svg') no-repeat center center fixed;
+  background-size: cover;
+}
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -53,6 +53,7 @@
     "@lit/localize": "^0.12.2",
     "@omicronenergy/oscd-background-editv1": "^0.0.6",
     "@omicronenergy/oscd-editor": "^1.7.1",
+    "@omicronenergy/oscd-editor-source": "^0.0.1",
     "@omicronenergy/oscd-menu-commons": "^0.0.1",
     "@omicronenergy/oscd-menu-open": "^0.0.6",
     "@omicronenergy/oscd-menu-save": "^0.0.2",

diff --git a/screenshots/Chromium/baseline/app-bar-de.png b/screenshots/Chromium/baseline/app-bar-de.png
diff --git a/screenshots/Chromium/baseline/app-bar-en.png b/screenshots/Chromium/baseline/app-bar-en.png
diff --git a/screenshots/Chromium/baseline/document-name-de.png b/screenshots/Chromium/baseline/document-name-de.png
diff --git a/screenshots/Chromium/baseline/document-name-en.png b/screenshots/Chromium/baseline/document-name-en.png
diff --git a/screenshots/Chromium/baseline/editor-plugins-de.png b/screenshots/Chromium/baseline/editor-plugins-de.png
diff --git a/screenshots/Chromium/baseline/editor-plugins-en.png b/screenshots/Chromium/baseline/editor-plugins-en.png
diff --git a/screenshots/Chromium/baseline/editor-plugins-selected-de.png b/screenshots/Chromium/baseline/editor-plugins-selected-de.png
diff --git a/screenshots/Chromium/baseline/editor-plugins-selected-en.png b/screenshots/Chromium/baseline/editor-plugins-selected-en.png
diff --git a/screenshots/Chromium/baseline/landing-page-de.png b/screenshots/Chromium/baseline/landing-page-de.png
diff --git a/screenshots/Chromium/baseline/landing-page-en.png b/screenshots/Chromium/baseline/landing-page-en.png
diff --git a/screenshots/Chromium/baseline/menu-drawer-de.png b/screenshots/Chromium/baseline/menu-drawer-de.png
diff --git a/screenshots/Chromium/baseline/menu-drawer-en.png b/screenshots/Chromium/baseline/menu-drawer-en.png
diff --git a/screenshots/Chromium/baseline/menu-plugins-de.png b/screenshots/Chromium/baseline/menu-plugins-de.png
diff --git a/screenshots/Chromium/baseline/menu-plugins-en.png b/screenshots/Chromium/baseline/menu-plugins-en.png
diff --git a/screenshots/Chromium/baseline/menu-plugins-triggered-de.png b/screenshots/Chromium/baseline/menu-plugins-triggered-de.png
diff --git a/screenshots/Chromium/baseline/menu-plugins-triggered-en.png b/screenshots/Chromium/baseline/menu-plugins-triggered-en.png
diff --git a/src/colors.ts b/src/colors.ts