pleroma-fe

commit: 85d55c55e76edfd7661b259d12618e71669ee2d2
parent a9efbd2553119598e615f718037ea57696d023f6
Author: Henry Jameson <me@hjkos.com>
Date:   Wed,  7 Feb 2024 16:15:25 +0200

add directive to completely disable automatic text color creation

Diffstat:
M
src/components/icon.style.js
3
++-
M
src/services/theme_data/theme_data_3.service.js
15
+++++++++------

2 files changed, 11 insertions(+), 7 deletions(-)
diff --git a/src/components/icon.style.js b/src/components/icon.style.js
@@ -8,7 +8,8 @@ export default {
       directives: {
         textColor: '--text',
         textOpacity: 0.5,
-        textOpacityMode: 'mixrgb'
+        textOpacityMode: 'mixrgb',
+        textAuto: 'no-auto'
       }
     }
   ]
diff --git a/src/services/theme_data/theme_data_3.service.js b/src/services/theme_data/theme_data_3.service.js
@@ -392,12 +392,15 @@ export const init = (extraRuleset, palette) => {
         const lowerLevelSelector = selector.split(/ /g).slice(0, -1).join(' ')
         const lowerLevelBackground = cache[lowerLevelSelector].background
 
-        const textColor = getTextColor(
-          convert(lowerLevelBackground).rgb,
-          // TODO properly provide "parent" text color?
-          convert(findColor(inheritedTextColor, null, lowerLevelBackground)).rgb,
-          newTextRule.directives.textAuto === 'preserve'
-        )
+        // TODO properly provide "parent" text color?
+        const intendedTextColor = convert(findColor(inheritedTextColor, null, lowerLevelBackground)).rgb
+        const textColor = newTextRule.directives.textAuto === 'no-auto'
+          ? intendedTextColor
+          : getTextColor(
+            convert(lowerLevelBackground).rgb,
+            intendedTextColor,
+            newTextRule.directives.textAuto === 'preserve'
+          )
 
         // Storing color data in lower layer to use as custom css properties
         cache[lowerLevelSelector].textDefined = cache[lowerLevelSelector].textDefined || {}