shit more or less works for the very basic stuff

src/services/theme_data/pleromafe.t3.js

@@ -4,7 +4,7 @@ export const sampleRules = [
     // variant: 'normal',
     // state: 'normal'
     directives: {
-      background: '#000',
+      background: '#000000',
       opacity: 0.2
     }
   },
@@ -15,11 +15,17 @@ export const sampleRules = [
       opacity: 0.9
     }
   },
+  {
+    component: 'PanelHeader',
+    directives: {
+      background: '#000000',
+      opacity: 0.9
+    }
+  },
   {
     component: 'Button',
     directives: {
       background: '#808080',
-      text: '#FFFFFF',
       opacity: 0.5
     }
   }