From c7185edd9c852eeca5dfe035d9bbe3e39b6c3044 Mon Sep 17 00:00:00 2001
From: AngryLittleBird <221623014+HarleyQeen@users.noreply.github.com>
Date: Mon, 18 Aug 2025 18:40:27 +0300
Subject: [PATCH] chore(tailwind): fix rgba typos in Update tailwind.config.js
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Invalid CSS: rgb() was used with 4 arguments (rgb(50, 50, 50, 1) and rgb(205, 205, 205, 1)). In comma-separated syntax, rgb() accepts only 3 arguments—alpha must be specified via rgba() or the modern space/slash syntax (rgb(50 50 50 / 1)).

Why:
Browsers ignore invalid rgb(… , … , … , a) declarations, so any utility relying on base.black/base.blackInvert would silently fall back to previous/ inherited color.
---
 apps/web/tailwind.config.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/tailwind.config.js b/apps/web/tailwind.config.js
index b02eb160670..be50e17bfb5 100644
--- a/apps/web/tailwind.config.js
+++ b/apps/web/tailwind.config.js
@@ -27,8 +27,8 @@ module.exports = {
       currentColor: 'currentColor',
       base: {
         white: 'rgba(255, 255, 255, 1)',
-        black: 'rgb(50, 50, 50, 1)',
-        blackInvert: 'rgb(205, 205, 205, 1)',
+        black: 'rgba(50, 50, 50, 1)',
+        blackInvert: 'rgba(205, 205, 205, 1)',
         gray: {
           10: 'rgb(238, 240, 243)',
           25: 'rgba(250, 250, 250, 1)',