more dynamic vars, PROPER ICON COLORS

2024-02-07 18:54:00 +02:00 · 2024-02-07 18:54:00 +02:00 · a7d771e8c8
commit a7d771e8c8
parent 1229bbd855
2 changed files with 55 additions and 40 deletions
--- a/src/components/icon.style.js
+++ b/src/components/icon.style.js
@ -6,10 +6,8 @@ export default {
    {
      component: 'Icon',
      directives: {
-        textColor: '--text',
-        // textAuto: 'no-auto', // doesn't work well with mixrgb?
-        textOpacity: 0.5,
-        textOpacityMode: 'mixrgb'
+        textColor: '$blend(--parent, 0.5, --parent--text)',
+        textAuto: 'no-auto'
      }
    }
  ]