From 8e7e4c0a0f62f73a708bdc363cda74e48dbf2745 Mon Sep 17 00:00:00 2001
From: masuP9 <masuP9@gmail.com>
Date: Thu, 5 Sep 2024 11:17:32 +0900
Subject: [PATCH] feat: forced-colors pallet

---
 packages/smarthr-ui/src/styles/index.css | 72 ++++++++++++++++++++++++
 1 file changed, 72 insertions(+)

diff --git a/packages/smarthr-ui/src/styles/index.css b/packages/smarthr-ui/src/styles/index.css
index b5c61c9567..2592bedd5c 100644
--- a/packages/smarthr-ui/src/styles/index.css
+++ b/packages/smarthr-ui/src/styles/index.css
@@ -1,3 +1,75 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+@layer base {
+    @media (forced-colors: active) {
+        html {
+            --forced-colors-main: Highlight;
+            --forced-colors-black: CanvasText;
+            --forced-colors-white: Canvas;
+            --forced-colors-white-darken: Canvas;
+            --forced-colors-disabled: GrayText;
+            --forced-colors-link: LinkText;
+            --forced-colors-grey: Canvas;
+            --forced-colors-danger: Highlight;
+            --forced-colors-transparent: transparent;
+        }
+
+        .shr-bg-main {
+            background-color: var(--forced-colors-main) !important;
+        }
+
+        .shr-text-main {
+            color: var(--forced-colors-main) !important;
+        }
+
+        .shr-fill-main {
+            fill: var(--forced-colors-main) !important;
+        }
+
+        .shr-border-main {
+            border-color: ButtonBorder !important;
+        }
+
+        .shr-bg-black {
+            background-color: var(--forced-colors-black) !important;
+        }
+
+        .shr-text-black {
+            color: var(--forced-colors-black) !important;
+        }
+
+        .shr-fill-black {
+            fill: var(--forced-colors-black) !important;
+        }
+
+        .shr-border-black {
+            border-color: var(--forced-colors-black) !important;
+        }
+
+        .shr-bg-disabled {
+            background-color: var(--forced-colors-disabled) !important;
+        }
+
+        .shr-text-disabled {
+            color: var(--forced-colors-disabled) !important;
+        }
+
+        .shr-fill-disabled {
+            fill: var(--forced-colors-disabled) !important;
+        }
+
+        .shr-border-disabled {
+            border-color: var(--forced-colors-disabled) !important;
+        }
+
+        .shr-border-danger {
+            border-color: AccentColorText !important;
+        }
+
+        [class*="shr-shadow-layer"] {
+            border: 1px solid ButtonBorder;
+        }
+    }
+}
\ No newline at end of file