From 5eae36b52d6d2792ed4ae2d46b70040c4ea2d3af Mon Sep 17 00:00:00 2001
From: suwonthugger <127329855+suwonthugger@users.noreply.github.com>
Date: Sun, 6 Oct 2024 23:51:58 +0900
Subject: [PATCH] =?UTF-8?q?fix(colors):=20backgroundDimmed=20=EC=BB=AC?=
 =?UTF-8?q?=EB=9F=AC=20=ED=94=BC=EA=B7=B8=EB=A7=88=EC=99=80=20=EB=8B=A4?=
 =?UTF-8?q?=EB=A5=B4=EA=B2=8C=20=EC=A0=81=EC=9A=A9=EB=90=98=EC=96=B4?=
 =?UTF-8?q?=EC=9E=88=EB=8A=94=20=EB=B6=80=EB=B6=84=EC=9D=84=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95=ED=95=A9=EB=8B=88=EB=8B=A4.=20(#162)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix(colors): backgroundDimmed 컬러 opacity 80%(grayAlpha800)로 수정

* add changesets
---
 .changeset/three-spiders-whisper.md |   5 +
 packages/colors/src/colors.ts       | 216 ++++++++++++++--------------
 2 files changed, 113 insertions(+), 108 deletions(-)
 create mode 100644 .changeset/three-spiders-whisper.md

diff --git a/.changeset/three-spiders-whisper.md b/.changeset/three-spiders-whisper.md
new file mode 100644
index 0000000..2d5a563
--- /dev/null
+++ b/.changeset/three-spiders-whisper.md
@@ -0,0 +1,5 @@
+---
+'@sopt-makers/colors': patch
+---
+
+backgroundDimmed 컬러 80%로 수정
diff --git a/packages/colors/src/colors.ts b/packages/colors/src/colors.ts
index 92e6287..1211e97 100644
--- a/packages/colors/src/colors.ts
+++ b/packages/colors/src/colors.ts
@@ -1,121 +1,121 @@
 export const colors = {
-  white: "#FFFFFF",
-  gray10: "#FCFCFC",
-  gray30: "#F0F0F0",
-  gray50: "#E4E4E5",
-  gray100: "#C3C3C6",
-  gray200: "#9D9DA4",
-  gray300: "#808087",
-  gray400: "#66666D",
-  gray500: "#515159",
-  gray600: "#3F3F47",
-  gray700: "#2E2E35",
-  gray800: "#202025",
-  gray900: "#17181C",
-  gray950: "#0F1012",
-  black: "#000000",
+  white: '#FFFFFF',
+  gray10: '#FCFCFC',
+  gray30: '#F0F0F0',
+  gray50: '#E4E4E5',
+  gray100: '#C3C3C6',
+  gray200: '#9D9DA4',
+  gray300: '#808087',
+  gray400: '#66666D',
+  gray500: '#515159',
+  gray600: '#3F3F47',
+  gray700: '#2E2E35',
+  gray800: '#202025',
+  gray900: '#17181C',
+  gray950: '#0F1012',
+  black: '#000000',
 
-  blue50: "#C8E1FF",
-  blue100: "#8FC0FF",
-  blue200: "#619EFF",
-  blue300: "#4485FF",
-  blue400: "#346FFA",
-  blue500: "#2C53DF",
-  blue600: "#2649B3",
-  blue700: "#253B8C",
-  blue800: "#23306A",
-  blue900: "#20274D",
+  blue50: '#C8E1FF',
+  blue100: '#8FC0FF',
+  blue200: '#619EFF',
+  blue300: '#4485FF',
+  blue400: '#346FFA',
+  blue500: '#2C53DF',
+  blue600: '#2649B3',
+  blue700: '#253B8C',
+  blue800: '#23306A',
+  blue900: '#20274D',
 
-  red50: "#FFD1D3",
-  red100: "#FFA8AD",
-  red200: "#FE818B",
-  red300: "#FA616D",
-  red400: "#F04251",
-  red500: "#CA2F3D",
-  red600: "#9E2733",
-  red700: "#7A242D",
-  red800: "#562025",
-  red900: "#3C2020",
+  red50: '#FFD1D3',
+  red100: '#FFA8AD',
+  red200: '#FE818B',
+  red300: '#FA616D',
+  red400: '#F04251',
+  red500: '#CA2F3D',
+  red600: '#9E2733',
+  red700: '#7A242D',
+  red800: '#562025',
+  red900: '#3C2020',
 
-  green50: "#CCFFEC",
-  green100: "#82F6CB",
-  green200: "#4EE4AD",
-  green300: "#26CF91",
-  green400: "#16BF81",
-  green500: "#13A06C",
-  green600: "#138A5E",
-  green700: "#136D4C",
-  green800: "#13533C",
-  green900: "#15372B",
+  green50: '#CCFFEC',
+  green100: '#82F6CB',
+  green200: '#4EE4AD',
+  green300: '#26CF91',
+  green400: '#16BF81',
+  green500: '#13A06C',
+  green600: '#138A5E',
+  green700: '#136D4C',
+  green800: '#13533C',
+  green900: '#15372B',
 
-  yellow50: "#FFF4D4",
-  yellow100: "#FFE9B2",
-  yellow200: "#FFDE8A",
-  yellow300: "#FFCD59",
-  yellow400: "#FFC234",
-  yellow500: "#FFB326",
-  yellow600: "#EBA01E",
-  yellow700: "#B57B1D",
-  yellow800: "#72531E",
-  yellow900: "#3D301A",
+  yellow50: '#FFF4D4',
+  yellow100: '#FFE9B2',
+  yellow200: '#FFDE8A',
+  yellow300: '#FFCD59',
+  yellow400: '#FFC234',
+  yellow500: '#FFB326',
+  yellow600: '#EBA01E',
+  yellow700: '#B57B1D',
+  yellow800: '#72531E',
+  yellow900: '#3D301A',
 
-  orange50: "#FFECE5",
-  orange100: "#FFCEBD",
-  orange200: "#FFA480",
-  orange300: "#FF834A",
-  orange400: "#F77234",
-  orange500: "#D4591C",
-  orange600: "#AD4E17",
-  orange700: "#853D11",
-  orange800: "#5C2B0C",
-  orange900: "#422109",
+  orange50: '#FFECE5',
+  orange100: '#FFCEBD',
+  orange200: '#FFA480',
+  orange300: '#FF834A',
+  orange400: '#F77234',
+  orange500: '#D4591C',
+  orange600: '#AD4E17',
+  orange700: '#853D11',
+  orange800: '#5C2B0C',
+  orange900: '#422109',
 
-  attention: "#FFC234",
-  error: "#F04251",
-  background: "#0F1012", // gray950
-  backgroundDimmed: "rgba(15, 15, 18, 0.1)", // grayAlpha100
-  secondary: "#F77234",
-  success: "#346FFA",
-  information: "#16BF81",
+  attention: '#FFC234',
+  error: '#F04251',
+  background: '#0F1012', // gray950
+  backgroundDimmed: 'rgba(15, 15, 18, 0.8)', // grayAlpha800
+  secondary: '#F77234',
+  success: '#346FFA',
+  information: '#16BF81',
 
   // opacity가 포함된 alpha 색상
-  redAlpha100: "rgba(240, 66, 81, 0.1)",
-  redAlpha200: "rgba(240, 66, 81, 0.2)",
-  redAlpha300: "rgba(240, 66, 81, 0.3)",
-  redAlpha400: "rgba(240, 66, 81, 0.4)",
-  redAlpha500: "rgba(240, 66, 81, 0.5)",
-  redAlpha600: "rgba(240, 66, 81, 0.6)",
-  redAlpha700: "rgba(240, 66, 81, 0.7)",
-  redAlpha800: "rgba(240, 66, 81, 0.8)",
-  redAlpha900: "rgba(240, 66, 81, 0.9)",
+  redAlpha100: 'rgba(240, 66, 81, 0.1)',
+  redAlpha200: 'rgba(240, 66, 81, 0.2)',
+  redAlpha300: 'rgba(240, 66, 81, 0.3)',
+  redAlpha400: 'rgba(240, 66, 81, 0.4)',
+  redAlpha500: 'rgba(240, 66, 81, 0.5)',
+  redAlpha600: 'rgba(240, 66, 81, 0.6)',
+  redAlpha700: 'rgba(240, 66, 81, 0.7)',
+  redAlpha800: 'rgba(240, 66, 81, 0.8)',
+  redAlpha900: 'rgba(240, 66, 81, 0.9)',
 
-  orangeAlpha100: "rgba(247, 114, 52, 0.1)",
-  orangeAlpha200: "rgba(247, 114, 52, 0.2)",
-  orangeAlpha300: "rgba(247, 114, 52, 0.3)",
-  orangeAlpha400: "rgba(247, 114, 52, 0.4)",
-  orangeAlpha500: "rgba(247, 114, 52, 0.5)",
-  orangeAlpha600: "rgba(247, 114, 52, 0.6)",
-  orangeAlpha700: "rgba(247, 114, 52, 0.7)",
-  orangeAlpha800: "rgba(247, 114, 52, 0.8)",
-  orangeAlpha900: "rgba(247, 114, 52, 0.9)",
+  orangeAlpha100: 'rgba(247, 114, 52, 0.1)',
+  orangeAlpha200: 'rgba(247, 114, 52, 0.2)',
+  orangeAlpha300: 'rgba(247, 114, 52, 0.3)',
+  orangeAlpha400: 'rgba(247, 114, 52, 0.4)',
+  orangeAlpha500: 'rgba(247, 114, 52, 0.5)',
+  orangeAlpha600: 'rgba(247, 114, 52, 0.6)',
+  orangeAlpha700: 'rgba(247, 114, 52, 0.7)',
+  orangeAlpha800: 'rgba(247, 114, 52, 0.8)',
+  orangeAlpha900: 'rgba(247, 114, 52, 0.9)',
 
-  blueAlpha100: "rgba(52, 111, 250, 0.1)",
-  blueAlpha200: "rgba(52, 111, 250, 0.2)",
-  blueAlpha300: "rgba(52, 111, 250, 0.3)",
-  blueAlpha400: "rgba(52, 111, 250, 0.4)",
-  blueAlpha500: "rgba(52, 111, 250, 0.5)",
-  blueAlpha600: "rgba(52, 111, 250, 0.6)",
-  blueAlpha700: "rgba(52, 111, 250, 0.7)",
-  blueAlpha800: "rgba(52, 111, 250, 0.8)",
-  blueAlpha900: "rgba(52, 111, 250, 0.9)",
+  blueAlpha100: 'rgba(52, 111, 250, 0.1)',
+  blueAlpha200: 'rgba(52, 111, 250, 0.2)',
+  blueAlpha300: 'rgba(52, 111, 250, 0.3)',
+  blueAlpha400: 'rgba(52, 111, 250, 0.4)',
+  blueAlpha500: 'rgba(52, 111, 250, 0.5)',
+  blueAlpha600: 'rgba(52, 111, 250, 0.6)',
+  blueAlpha700: 'rgba(52, 111, 250, 0.7)',
+  blueAlpha800: 'rgba(52, 111, 250, 0.8)',
+  blueAlpha900: 'rgba(52, 111, 250, 0.9)',
 
-  grayAlpha100: "rgba(15, 15, 18, 0.1)",
-  grayAlpha200: "rgba(15, 15, 18, 0.2)",
-  grayAlpha300: "rgba(15, 15, 18, 0.3)",
-  grayAlpha400: "rgba(15, 15, 18, 0.4)",
-  grayAlpha500: "rgba(15, 15, 18, 0.5)",
-  grayAlpha600: "rgba(15, 15, 18, 0.6)",
-  grayAlpha700: "rgba(15, 15, 18, 0.7)",
-  grayAlpha800: "rgba(15, 15, 18, 0.8)",
-  grayAlpha900: "rgba(15, 15, 18, 0.9)",
+  grayAlpha100: 'rgba(15, 15, 18, 0.1)',
+  grayAlpha200: 'rgba(15, 15, 18, 0.2)',
+  grayAlpha300: 'rgba(15, 15, 18, 0.3)',
+  grayAlpha400: 'rgba(15, 15, 18, 0.4)',
+  grayAlpha500: 'rgba(15, 15, 18, 0.5)',
+  grayAlpha600: 'rgba(15, 15, 18, 0.6)',
+  grayAlpha700: 'rgba(15, 15, 18, 0.7)',
+  grayAlpha800: 'rgba(15, 15, 18, 0.8)',
+  grayAlpha900: 'rgba(15, 15, 18, 0.9)',
 };