Skip to content

Commit 2ef2768

Browse files
authored
feat(colors): mds 3.0.0 추가 (#14)
* feat: alpha color 수정 및 값 추가 * chore: changeset 추가
1 parent 682e859 commit 2ef2768

File tree

2 files changed

+45
-9
lines changed

2 files changed

+45
-9
lines changed

.changeset/smart-singers-wink.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@sopt-makers/colors": major
3+
---
4+
5+
feat: alpha color 기존 값 변경 및 orange 컬러 추가

packages/colors/src/colors.ts

Lines changed: 40 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -73,18 +73,49 @@ export const colors = {
7373
attention: "#FFC234",
7474
error: "#F04251",
7575
background: "#0F1012", // gray950
76+
backgroundDimmed: "rgba(15, 15, 18, 0.1)", // grayAlpha100
7677
secondary: "#F77234",
7778
success: "#346FFA",
7879
information: "#16BF81",
7980

8081
// opacity가 포함된 alpha 색상
81-
grayAlpha100: "rgba(15, 15, 18, 0.8)",
82-
grayAlpha200: "rgba(15, 15, 18, 0.5)",
83-
grayAlpha300: "rgba(15, 15, 18, 0.2)",
84-
blueAlpha100: "rgba(52, 111, 250, 0.6)",
85-
blueAlpha200: "rgba(52, 111, 250, 0.3)",
86-
blueAlpha300: "rgba(52, 111, 250, 0.1)",
87-
redAlpha100: "rgba(240, 66, 81, 0.6)",
88-
redAlpha200: "rgba(240, 66, 81, 0.3)",
89-
redAlpha300: "rgba(240, 66, 81, 0.1)",
82+
redAlpha100: "rgba(240, 66, 81, 0.1)",
83+
redAlpha200: "rgba(240, 66, 81, 0.2)",
84+
redAlpha300: "rgba(240, 66, 81, 0.3)",
85+
redAlpha400: "rgba(240, 66, 81, 0.4)",
86+
redAlpha500: "rgba(240, 66, 81, 0.5)",
87+
redAlpha600: "rgba(240, 66, 81, 0.6)",
88+
redAlpha700: "rgba(240, 66, 81, 0.7)",
89+
redAlpha800: "rgba(240, 66, 81, 0.8)",
90+
redAlpha900: "rgba(240, 66, 81, 0.9)",
91+
92+
orangeAlpha100: "rgba(247, 114, 52, 0.1)",
93+
orangeAlpha200: "rgba(247, 114, 52, 0.2)",
94+
orangeAlpha300: "rgba(247, 114, 52, 0.3)",
95+
orangeAlpha400: "rgba(247, 114, 52, 0.4)",
96+
orangeAlpha500: "rgba(247, 114, 52, 0.5)",
97+
orangeAlpha600: "rgba(247, 114, 52, 0.6)",
98+
orangeAlpha700: "rgba(247, 114, 52, 0.7)",
99+
orangeAlpha800: "rgba(247, 114, 52, 0.8)",
100+
orangeAlpha900: "rgba(247, 114, 52, 0.9)",
101+
102+
blueAlpha100: "rgba(52, 111, 250, 0.1)",
103+
blueAlpha200: "rgba(52, 111, 250, 0.2)",
104+
blueAlpha300: "rgba(52, 111, 250, 0.3)",
105+
blueAlpha400: "rgba(52, 111, 250, 0.4)",
106+
blueAlpha500: "rgba(52, 111, 250, 0.5)",
107+
blueAlpha600: "rgba(52, 111, 250, 0.6)",
108+
blueAlpha700: "rgba(52, 111, 250, 0.7)",
109+
blueAlpha800: "rgba(52, 111, 250, 0.8)",
110+
blueAlpha900: "rgba(52, 111, 250, 0.9)",
111+
112+
grayAlpha100: "rgba(15, 15, 18, 0.1)",
113+
grayAlpha200: "rgba(15, 15, 18, 0.2)",
114+
grayAlpha300: "rgba(15, 15, 18, 0.3)",
115+
grayAlpha400: "rgba(15, 15, 18, 0.4)",
116+
grayAlpha500: "rgba(15, 15, 18, 0.5)",
117+
grayAlpha600: "rgba(15, 15, 18, 0.6)",
118+
grayAlpha700: "rgba(15, 15, 18, 0.7)",
119+
grayAlpha800: "rgba(15, 15, 18, 0.8)",
120+
grayAlpha900: "rgba(15, 15, 18, 0.9)",
90121
};

0 commit comments

Comments
 (0)