feat(colors): mds 3.0.0 추가 (#14)

* feat: alpha color 수정 및 값 추가

* chore: changeset 추가

.changeset/smart-singers-wink.md

@@ -0,0 +1,5 @@
+---
+"@sopt-makers/colors": major
+---
+
+feat: alpha color 기존 값 변경 및 orange 컬러 추가

packages/colors/src/colors.ts

@@ -73,18 +73,49 @@ export const colors = {
   attention: "#FFC234",
   error: "#F04251",
   background: "#0F1012", // gray950
+  backgroundDimmed: "rgba(15, 15, 18, 0.1)", // grayAlpha100
   secondary: "#F77234",
   success: "#346FFA",
   information: "#16BF81",
 
   // opacity가 포함된 alpha 색상
-  grayAlpha100: "rgba(15, 15, 18, 0.8)",
-  grayAlpha200: "rgba(15, 15, 18, 0.5)",
-  grayAlpha300: "rgba(15, 15, 18, 0.2)",
-  blueAlpha100: "rgba(52, 111, 250, 0.6)",
-  blueAlpha200: "rgba(52, 111, 250, 0.3)",
-  blueAlpha300: "rgba(52, 111, 250, 0.1)",
-  redAlpha100: "rgba(240, 66, 81, 0.6)",
-  redAlpha200: "rgba(240, 66, 81, 0.3)",
-  redAlpha300: "rgba(240, 66, 81, 0.1)",
+  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)",
+
+  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)",
 };