moved default rules to component style.js files, added some basic text inheritance

src/components/button.style.js

@@ -15,5 +15,20 @@ export default {
   validInnerComponents: [
     'Text',
     'Icon'
+  ],
+  defaultRules: [
+    {
+      component: 'Button',
+      directives: {
+        background: '--fg'
+      }
+    },
+    {
+      component: 'Button',
+      state: ['hover'],
+      directives: {
+        background: '#FFFFFF'
+      }
+    }
   ]
 }

src/components/link.style.js

@@ -16,7 +16,6 @@ export default {
       component: 'Link',
       state: ['faint'],
       directives: {
-        textColor: '--link',
         textOpacity: 0.5,
         textOpacityMode: 'fake'
       }

src/components/panel.style.js

@@ -7,5 +7,13 @@ export default {
     'Icon',
     'Button',
     'PanelHeader'
+  ],
+  defaultRules: [
+    {
+      component: 'Panel',
+      directives: {
+        background: '--fg'
+      }
+    }
   ]
 }

src/components/panel_header.style.js

@@ -6,5 +6,14 @@ export default {
     'Link',
     'Icon',
     'Button'
+  ],
+  defaultRules: [
+    {
+      component: 'PanelHeader',
+      directives: {
+        background: '--fg'
+        // opacity: 0.9
+      }
+    }
   ]
 }

src/components/text.style.js

@@ -19,7 +19,6 @@ export default {
       component: 'Text',
       state: ['faint'],
       directives: {
-        textColor: '--text',
         textOpacity: 0.5
       }
     },
@@ -29,15 +28,6 @@ export default {
       directives: {
         textColor: '--cGreen'
       }
-    },
-    {
-      component: 'Text',
-      variant: 'greentext',
-      state: ['faint'],
-      directives: {
-        textColor: '--cGreen',
-        textOpacity: 0.5
-      }
     }
   ]
 }

src/components/underlay.style.js

@@ -4,5 +4,16 @@ export default {
   outOfTreeSelector: '.underlay',
   validInnerComponents: [
     'Panel'
+  ],
+  defaultRules: [
+    {
+      component: 'Underlay',
+      // variant: 'normal',
+      // state: 'normal'
+      directives: {
+        background: '#000000',
+        opacity: 0.2
+      }
+    }
   ]
 }