pleroma-fe

commit: 3cab1faaf4d127cb69f4bc1963a471fc6ab3aa08
parent d0228728f4214059ec9663351cb102e711eb63bd
Author: Henry Jameson <me@hjkos.com>
Date:   Tue,  7 Jan 2025 17:50:49 +0200

fix redmond theme inputs being black on selected statuses

Diffstat:
M
src/services/theme_data/theme3_slot_functions.js
20
+++++++++++++++++++-
M
static/styles/Redmond DX.iss
2
+-

2 files changed, 20 insertions(+), 2 deletions(-)
diff --git a/src/services/theme_data/theme3_slot_functions.js b/src/services/theme_data/theme3_slot_functions.js
@@ -81,9 +81,27 @@ export const colorFunctions = {
       return alphaBlend(background, amount, foreground)
     }
   },
+  boost: {
+    argsNeeded: 2,
+    documentation: 'If given color is dark makes it darker, if color is light - makes it lighter',
+    args: [
+      'color: source color',
+      'amount: how much darken/brighten the color'
+    ],
+    exec: (args, { findColor }, { dynamicVars, staticVars }) => {
+      const [colorArg, amountArg] = args
+
+      const color = convert(findColor(colorArg, { dynamicVars, staticVars })).rgb
+      const amount = Number(amountArg)
+
+      const isLight = relativeLuminance(color) < 0.5
+      const mod = isLight ? -1 : 1
+      return brightness(amount * mod, color).rgb
+    }
+  },
   mod: {
     argsNeeded: 2,
-    documentation: 'Old function that increases or decreases brightness depending if color is dark or light. Advised against using it as it might give unexpected results.',
+    documentation: 'Old function that increases or decreases brightness depending if background color is dark or light. Advised against using it as it might give unexpected results.',
     args: [
       'color: source color',
       'amount: how much darken/brighten the color'
diff --git a/static/styles/Redmond DX.iss b/static/styles/Redmond DX.iss
@@ -94,7 +94,7 @@ Button:toggled:pressed {
 }
 
 Input {
-  background: $mod(--bg -80);
+  background: $boost(--bg 20);
   shadow: --defaultInputBevel;
   roundness: 0
 }