From f0698f3fe8de7520db32e8bd3bfad6d315f1d98b Mon Sep 17 00:00:00 2001
From: Paul Tiedtke <PaulTiedtke@web.de>
Date: Sun, 5 May 2024 03:17:59 +0200
Subject: [PATCH] fix: flat widget background too strong

---
 src/fragments/widget/Widget.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/fragments/widget/Widget.tsx b/src/fragments/widget/Widget.tsx
index 53204a0..c637ae9 100644
--- a/src/fragments/widget/Widget.tsx
+++ b/src/fragments/widget/Widget.tsx
@@ -151,32 +151,32 @@ const widget = tv({
     {
       variant: "flat",
       color: "default",
-      class: colorVariants.flat.default,
+      class: colorVariants.flat.default.replace('/20', '/10'),
     },
     {
       variant: "flat",
       color: "primary",
-      class: colorVariants.flat.primary,
+      class: colorVariants.flat.primary.replace('/20', '/10'),
     },
     {
       variant: "flat",
       color: "secondary",
-      class: colorVariants.flat.secondary,
+      class: colorVariants.flat.secondary.replace('/20', '/10'),
     },
     {
       variant: "flat",
       color: "success",
-      class: colorVariants.flat.success,
+      class: colorVariants.flat.success.replace('/20', '/10'),
     },
     {
       variant: "flat",
       color: "warning",
-      class: colorVariants.flat.warning,
+      class: colorVariants.flat.warning.replace('/20', '/10'),
     },
     {
       variant: "flat",
       color: "danger",
-      class: colorVariants.flat.danger,
+      class: colorVariants.flat.danger.replace('/20', '/10'),
     },
     // faded / color
     {