gyeol 0.1.4 → 0.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -18,8 +18,8 @@ npm install gyeol
18
18
 
19
19
  ```html
20
20
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Hahmlet:wght@300;500;700;800&family=IBM+Plex+Sans+KR:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap">
21
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gyeol@0.1.3/gyeol.css">
22
- <!-- 또는 unpkg: <link rel="stylesheet" href="https://unpkg.com/gyeol@0.1.3/gyeol.css"> -->
21
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gyeol@0.1.5/gyeol.css">
22
+ <!-- 또는 unpkg: <link rel="stylesheet" href="https://unpkg.com/gyeol@0.1.5/gyeol.css"> -->
23
23
 
24
24
  <html data-palette="meok" data-theme="dark">
25
25
  <body class="gy">
@@ -34,8 +34,8 @@ CDN은 jsDelivr와 unpkg 중 하나를 쓰면 돼요. 버전을 빼고 `gyeol/gy
34
34
 
35
35
  | CDN | 주소 |
36
36
  | --- | --- |
37
- | jsDelivr | `https://cdn.jsdelivr.net/npm/gyeol@0.1.3/gyeol.css` |
38
- | unpkg | `https://unpkg.com/gyeol@0.1.3/gyeol.css` |
37
+ | jsDelivr | `https://cdn.jsdelivr.net/npm/gyeol@0.1.5/gyeol.css` |
38
+ | unpkg | `https://unpkg.com/gyeol@0.1.5/gyeol.css` |
39
39
 
40
40
  번들러(Vite, Next.js 등)를 쓰면 CSS를 이렇게 불러와요.
41
41
 
package/gyeol.css CHANGED
@@ -11,7 +11,7 @@
11
11
 
12
12
  /* ---------- tokens ---------- */
13
13
  :root{
14
- --h:255; --c:.012; --ah:265; --ac:.14; /* 기본 팔레트: 먹 + 쪽빛 강조 */
14
+ --h:255; --c:.012; --ah:265; --ac:.14; --ad:0%; /* 기본 팔레트: 먹 + 쪽빛 강조 */
15
15
  --f-display: "Hahmlet", "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
16
16
  --f-body: "IBM Plex Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;
17
17
  --f-mono: "IBM Plex Mono", ui-monospace, "Consolas", monospace;
@@ -31,7 +31,7 @@
31
31
  --ink-3: oklch(50% calc(var(--c)*.18) var(--h));
32
32
  --line: oklch(84% calc(var(--c)*.22) var(--h));
33
33
  --paper: oklch(99.2% calc(var(--c)*.05) var(--h));
34
- --accent: oklch(49% var(--ac) var(--ah));
34
+ --accent: oklch(calc(49% + var(--ad)) var(--ac) var(--ah));
35
35
  --accent-soft: oklch(90% calc(var(--ac)*.45) var(--ah));
36
36
  --on-accent: oklch(99% 0 0);
37
37
  --stain: oklch(80% calc(var(--c)*.9 + .03) calc(var(--h) + 70));
@@ -46,7 +46,7 @@
46
46
  --bg: oklch(17% calc(var(--c)*.22) var(--h)); --bg-2: oklch(21% calc(var(--c)*.3) var(--h));
47
47
  --ink: oklch(95% calc(var(--c)*.08) var(--h)); --ink-2: oklch(79% calc(var(--c)*.15) var(--h)); --ink-3: oklch(70% calc(var(--c)*.15) var(--h));
48
48
  --line: oklch(33% calc(var(--c)*.25) var(--h)); --paper: oklch(29% calc(var(--c)*.25) var(--h));
49
- --accent: oklch(76% var(--ac) var(--ah)); --accent-soft: oklch(33% calc(var(--ac)*.55) var(--ah)); --on-accent: oklch(18% .03 var(--ah));
49
+ --accent: oklch(calc(76% + var(--ad)) var(--ac) var(--ah)); --accent-soft: oklch(33% calc(var(--ac)*.55) var(--ah)); --on-accent: oklch(18% .03 var(--ah));
50
50
  --stain: oklch(48% calc(var(--c)*.9 + .03) calc(var(--h) + 70));
51
51
  --ok: oklch(74% .14 150); --warn: oklch(80% .13 75); --err: oklch(72% .16 25);
52
52
  --shadow: 0 1px 0 oklch(100% 0 0 / .07) inset, 0 20px 44px -20px oklch(5% .02 var(--h) / .7), 0 2px 6px -2px oklch(5% 0 0 / .4);
@@ -58,24 +58,24 @@
58
58
  --bg: oklch(17% calc(var(--c)*.22) var(--h)); --bg-2: oklch(21% calc(var(--c)*.3) var(--h));
59
59
  --ink: oklch(95% calc(var(--c)*.08) var(--h)); --ink-2: oklch(79% calc(var(--c)*.15) var(--h)); --ink-3: oklch(70% calc(var(--c)*.15) var(--h));
60
60
  --line: oklch(33% calc(var(--c)*.25) var(--h)); --paper: oklch(29% calc(var(--c)*.25) var(--h));
61
- --accent: oklch(76% var(--ac) var(--ah)); --accent-soft: oklch(33% calc(var(--ac)*.55) var(--ah)); --on-accent: oklch(18% .03 var(--ah));
61
+ --accent: oklch(calc(76% + var(--ad)) var(--ac) var(--ah)); --accent-soft: oklch(33% calc(var(--ac)*.55) var(--ah)); --on-accent: oklch(18% .03 var(--ah));
62
62
  --stain: oklch(48% calc(var(--c)*.9 + .03) calc(var(--h) + 70));
63
63
  --ok: oklch(74% .14 150); --warn: oklch(80% .13 75); --err: oklch(72% .16 25);
64
64
  --shadow: 0 1px 0 oklch(100% 0 0 / .07) inset, 0 20px 44px -20px oklch(5% .02 var(--h) / .7), 0 2px 6px -2px oklch(5% 0 0 / .4);
65
65
  --grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='a'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .22 0'/></filter><filter id='b'><feTurbulence type='fractalNoise' baseFrequency='.012 .32' numOctaves='2' seed='4' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 -.4'/></filter><rect width='100%' height='100%' filter='url(%23a)'/><rect width='100%' height='100%' filter='url(%23b)'/></svg>");
66
66
  --grain-o: .35; color-scheme: dark;
67
67
  }
68
- [data-palette="meok"] {--h:255;--c:.012;--ah:265;--ac:.14}
69
- [data-palette="jjok"] {--h:265;--c:.14; --ah:265;--ac:.14}
70
- [data-palette="cheongja"]{--h:178;--c:.075;--ah:178;--ac:.075}
71
- [data-palette="songhwa"] {--h:98; --c:.12; --ah:98; --ac:.12}
72
- [data-palette="yeonji"] {--h:16; --c:.16; --ah:16; --ac:.16}
73
- [data-palette="jaju"] {--h:330;--c:.13; --ah:330;--ac:.13}
74
- [data-palette="chija"] {--h:70;--c:0.14;--ah:70;--ac:0.14}
75
- [data-palette="hwangto"] {--h:48;--c:.065;--ah:48;--ac:.065}
76
- [data-palette="oksaek"] {--h:195;--c:0.08;--ah:195;--ac:0.08}
77
- [data-palette="haneul"] {--h:235;--c:0.11;--ah:235;--ac:0.11}
78
- [data-palette="odi"] {--h:300;--c:0.12;--ah:300;--ac:0.12}
68
+ [data-palette="meok"] {--h:255;--c:.012;--ah:265;--ac:.14;--ad:0%}
69
+ [data-palette="jjok"] {--h:265;--c:.14; --ah:265;--ac:.14;--ad:0%}
70
+ [data-palette="cheongja"]{--h:178;--c:.08;--ah:178;--ac:.08;--ad:4%}
71
+ [data-palette="songhwa"] {--h:98; --c:.12; --ah:98; --ac:.12;--ad:0%}
72
+ [data-palette="yeonji"] {--h:16; --c:.16; --ah:16; --ac:.16;--ad:0%}
73
+ [data-palette="jaju"] {--h:330;--c:.13; --ah:330;--ac:.13;--ad:0%}
74
+ [data-palette="chija"] {--h:70;--c:0.14;--ah:70;--ac:0.14;--ad:0%}
75
+ [data-palette="hwangto"] {--h:48;--c:.065;--ah:48;--ac:.065;--ad:0%}
76
+ [data-palette="oksaek"] {--h:195;--c:.10;--ah:195;--ac:.10;--ad:-5%}
77
+ [data-palette="haneul"] {--h:235;--c:.14;--ah:235;--ac:.14;--ad:-5%}
78
+ [data-palette="odi"] {--h:300;--c:.15;--ah:300;--ac:.15;--ad:-5%}
79
79
  /* 화면 일부에 팔레트·테마를 따로 지정하면 글자색도 그 범위의 먹색을 따라가요 */
80
80
  :where([data-palette], [data-theme]):not(:root){color:var(--ink)}
81
81
 
package/index.mjs CHANGED
@@ -254,11 +254,11 @@ const tokens = {
254
254
  },
255
255
  "ink": {
256
256
  "$type": "color",
257
- "$value": "#0e211d"
257
+ "$value": "#0d211d"
258
258
  },
259
259
  "ink-2": {
260
260
  "$type": "color",
261
- "$value": "#455350"
261
+ "$value": "#445450"
262
262
  },
263
263
  "ink-3": {
264
264
  "$type": "color",
@@ -266,7 +266,7 @@ const tokens = {
266
266
  },
267
267
  "line": {
268
268
  "$type": "color",
269
- "$value": "#c0ceca"
269
+ "$value": "#bfceca"
270
270
  },
271
271
  "paper": {
272
272
  "$type": "color",
@@ -274,11 +274,11 @@ const tokens = {
274
274
  },
275
275
  "accent": {
276
276
  "$type": "color",
277
- "$value": "#256e60"
277
+ "$value": "#2c7b6c"
278
278
  },
279
279
  "accent-soft": {
280
280
  "$type": "color",
281
- "$value": "#c7e6de"
281
+ "$value": "#c6e6de"
282
282
  },
283
283
  "on-accent": {
284
284
  "$type": "color",
@@ -286,7 +286,7 @@ const tokens = {
286
286
  },
287
287
  "stain": {
288
288
  "$type": "color",
289
- "$value": "#8bc4fa"
289
+ "$value": "#88c4fd"
290
290
  },
291
291
  "ok": {
292
292
  "$type": "color",
@@ -308,7 +308,7 @@ const tokens = {
308
308
  },
309
309
  "bg-2": {
310
310
  "$type": "color",
311
- "$value": "#0c1c18"
311
+ "$value": "#0b1c18"
312
312
  },
313
313
  "ink": {
314
314
  "$type": "color",
@@ -324,7 +324,7 @@ const tokens = {
324
324
  },
325
325
  "line": {
326
326
  "$type": "color",
327
- "$value": "#2b3935"
327
+ "$value": "#2a3935"
328
328
  },
329
329
  "paper": {
330
330
  "$type": "color",
@@ -332,11 +332,11 @@ const tokens = {
332
332
  },
333
333
  "accent": {
334
334
  "$type": "color",
335
- "$value": "#7bc1b1"
335
+ "$value": "#83cfbe"
336
336
  },
337
337
  "accent-soft": {
338
338
  "$type": "color",
339
- "$value": "#1b3c35"
339
+ "$value": "#193d35"
340
340
  },
341
341
  "on-accent": {
342
342
  "$type": "color",
@@ -344,7 +344,7 @@ const tokens = {
344
344
  },
345
345
  "stain": {
346
346
  "$type": "color",
347
- "$value": "#2a6192"
347
+ "$value": "#276194"
348
348
  },
349
349
  "ok": {
350
350
  "$type": "color",
@@ -960,39 +960,39 @@ const tokens = {
960
960
  "light": {
961
961
  "bg": {
962
962
  "$type": "color",
963
- "$value": "#edf6f5"
963
+ "$value": "#ebf6f6"
964
964
  },
965
965
  "bg-2": {
966
966
  "$type": "color",
967
- "$value": "#daeaea"
967
+ "$value": "#d6ebeb"
968
968
  },
969
969
  "ink": {
970
970
  "$type": "color",
971
- "$value": "#0b2121"
971
+ "$value": "#042222"
972
972
  },
973
973
  "ink-2": {
974
974
  "$type": "color",
975
- "$value": "#435353"
975
+ "$value": "#405454"
976
976
  },
977
977
  "ink-3": {
978
978
  "$type": "color",
979
- "$value": "#5a6666"
979
+ "$value": "#586766"
980
980
  },
981
981
  "line": {
982
982
  "$type": "color",
983
- "$value": "#becece"
983
+ "$value": "#bbcfcf"
984
984
  },
985
985
  "paper": {
986
986
  "$type": "color",
987
- "$value": "#f9fdfd"
987
+ "$value": "#f9fefd"
988
988
  },
989
989
  "accent": {
990
990
  "$type": "color",
991
- "$value": "#0f6e6e"
991
+ "$value": "#006364"
992
992
  },
993
993
  "accent-soft": {
994
994
  "$type": "color",
995
- "$value": "#c4e6e5"
995
+ "$value": "#bce8e7"
996
996
  },
997
997
  "on-accent": {
998
998
  "$type": "color",
@@ -1000,7 +1000,7 @@ const tokens = {
1000
1000
  },
1001
1001
  "stain": {
1002
1002
  "$type": "color",
1003
- "$value": "#9ebdff"
1003
+ "$value": "#98bcff"
1004
1004
  },
1005
1005
  "ok": {
1006
1006
  "$type": "color",
@@ -1018,39 +1018,39 @@ const tokens = {
1018
1018
  "dark": {
1019
1019
  "bg": {
1020
1020
  "$type": "color",
1021
- "$value": "#061212"
1021
+ "$value": "#041212"
1022
1022
  },
1023
1023
  "bg-2": {
1024
1024
  "$type": "color",
1025
- "$value": "#0a1c1c"
1025
+ "$value": "#051d1d"
1026
1026
  },
1027
1027
  "ink": {
1028
1028
  "$type": "color",
1029
- "$value": "#eaf0f0"
1029
+ "$value": "#e9f0f0"
1030
1030
  },
1031
1031
  "ink-2": {
1032
1032
  "$type": "color",
1033
- "$value": "#b2bdbd"
1033
+ "$value": "#b0bebd"
1034
1034
  },
1035
1035
  "ink-3": {
1036
1036
  "$type": "color",
1037
- "$value": "#96a1a1"
1037
+ "$value": "#94a1a1"
1038
1038
  },
1039
1039
  "line": {
1040
1040
  "$type": "color",
1041
- "$value": "#293938"
1041
+ "$value": "#263a39"
1042
1042
  },
1043
1043
  "paper": {
1044
1044
  "$type": "color",
1045
- "$value": "#202f2e"
1045
+ "$value": "#1c2f2f"
1046
1046
  },
1047
1047
  "accent": {
1048
1048
  "$type": "color",
1049
- "$value": "#70c1c1"
1049
+ "$value": "#45b5b5"
1050
1050
  },
1051
1051
  "accent-soft": {
1052
1052
  "$type": "color",
1053
- "$value": "#153c3c"
1053
+ "$value": "#033e3e"
1054
1054
  },
1055
1055
  "on-accent": {
1056
1056
  "$type": "color",
@@ -1058,7 +1058,7 @@ const tokens = {
1058
1058
  },
1059
1059
  "stain": {
1060
1060
  "$type": "color",
1061
- "$value": "#415b97"
1061
+ "$value": "#3c5aa1"
1062
1062
  },
1063
1063
  "ok": {
1064
1064
  "$type": "color",
@@ -1079,39 +1079,39 @@ const tokens = {
1079
1079
  "light": {
1080
1080
  "bg": {
1081
1081
  "$type": "color",
1082
- "$value": "#ebf5fb"
1082
+ "$value": "#e9f6fd"
1083
1083
  },
1084
1084
  "bg-2": {
1085
1085
  "$type": "color",
1086
- "$value": "#d8e9f4"
1086
+ "$value": "#d3eaf8"
1087
1087
  },
1088
1088
  "ink": {
1089
1089
  "$type": "color",
1090
- "$value": "#08202c"
1090
+ "$value": "#002030"
1091
1091
  },
1092
1092
  "ink-2": {
1093
1093
  "$type": "color",
1094
- "$value": "#41535d"
1094
+ "$value": "#3d5360"
1095
1095
  },
1096
1096
  "ink-3": {
1097
1097
  "$type": "color",
1098
- "$value": "#59656d"
1098
+ "$value": "#566670"
1099
1099
  },
1100
1100
  "line": {
1101
1101
  "$type": "color",
1102
- "$value": "#bccdd8"
1102
+ "$value": "#b8cedc"
1103
1103
  },
1104
1104
  "paper": {
1105
1105
  "$type": "color",
1106
- "$value": "#f9fdff"
1106
+ "$value": "#f8fdff"
1107
1107
  },
1108
1108
  "accent": {
1109
1109
  "$type": "color",
1110
- "$value": "#006995"
1110
+ "$value": "#005b93"
1111
1111
  },
1112
1112
  "accent-soft": {
1113
1113
  "$type": "color",
1114
- "$value": "#bfe4fb"
1114
+ "$value": "#b6e6ff"
1115
1115
  },
1116
1116
  "on-accent": {
1117
1117
  "$type": "color",
@@ -1119,7 +1119,7 @@ const tokens = {
1119
1119
  },
1120
1120
  "stain": {
1121
1121
  "$type": "color",
1122
- "$value": "#d1a8ff"
1122
+ "$value": "#d5a2ff"
1123
1123
  },
1124
1124
  "ok": {
1125
1125
  "$type": "color",
@@ -1137,39 +1137,39 @@ const tokens = {
1137
1137
  "dark": {
1138
1138
  "bg": {
1139
1139
  "$type": "color",
1140
- "$value": "#051118"
1140
+ "$value": "#02111b"
1141
1141
  },
1142
1142
  "bg-2": {
1143
1143
  "$type": "color",
1144
- "$value": "#071b25"
1144
+ "$value": "#021b29"
1145
1145
  },
1146
1146
  "ink": {
1147
1147
  "$type": "color",
1148
- "$value": "#e9f0f4"
1148
+ "$value": "#e8f0f5"
1149
1149
  },
1150
1150
  "ink-2": {
1151
1151
  "$type": "color",
1152
- "$value": "#b1bdc4"
1152
+ "$value": "#aebdc6"
1153
1153
  },
1154
1154
  "ink-3": {
1155
1155
  "$type": "color",
1156
- "$value": "#95a0a7"
1156
+ "$value": "#92a1aa"
1157
1157
  },
1158
1158
  "line": {
1159
1159
  "$type": "color",
1160
- "$value": "#283842"
1160
+ "$value": "#233845"
1161
1161
  },
1162
1162
  "paper": {
1163
1163
  "$type": "color",
1164
- "$value": "#1e2e37"
1164
+ "$value": "#192e3a"
1165
1165
  },
1166
1166
  "accent": {
1167
1167
  "$type": "color",
1168
- "$value": "#64bced"
1168
+ "$value": "#29aeec"
1169
1169
  },
1170
1170
  "accent-soft": {
1171
1171
  "$type": "color",
1172
- "$value": "#0e3a50"
1172
+ "$value": "#003b57"
1173
1173
  },
1174
1174
  "on-accent": {
1175
1175
  "$type": "color",
@@ -1177,7 +1177,7 @@ const tokens = {
1177
1177
  },
1178
1178
  "stain": {
1179
1179
  "$type": "color",
1180
- "$value": "#6f4797"
1180
+ "$value": "#7340a3"
1181
1181
  },
1182
1182
  "ok": {
1183
1183
  "$type": "color",
@@ -1198,39 +1198,39 @@ const tokens = {
1198
1198
  "light": {
1199
1199
  "bg": {
1200
1200
  "$type": "color",
1201
- "$value": "#f5f1fc"
1201
+ "$value": "#f5f1fe"
1202
1202
  },
1203
1203
  "bg-2": {
1204
1204
  "$type": "color",
1205
- "$value": "#e9e3f6"
1205
+ "$value": "#e9e2fa"
1206
1206
  },
1207
1207
  "ink": {
1208
1208
  "$type": "color",
1209
- "$value": "#20182e"
1209
+ "$value": "#211632"
1210
1210
  },
1211
1211
  "ink-2": {
1212
1212
  "$type": "color",
1213
- "$value": "#524c5e"
1213
+ "$value": "#534b62"
1214
1214
  },
1215
1215
  "ink-3": {
1216
1216
  "$type": "color",
1217
- "$value": "#65616e"
1217
+ "$value": "#656071"
1218
1218
  },
1219
1219
  "line": {
1220
1220
  "$type": "color",
1221
- "$value": "#cdc7da"
1221
+ "$value": "#cdc6dd"
1222
1222
  },
1223
1223
  "paper": {
1224
1224
  "$type": "color",
1225
- "$value": "#fdfcff"
1225
+ "$value": "#fdfbff"
1226
1226
  },
1227
1227
  "accent": {
1228
1228
  "$type": "color",
1229
- "$value": "#6b4e9a"
1229
+ "$value": "#613897"
1230
1230
  },
1231
1231
  "accent-soft": {
1232
1232
  "$type": "color",
1233
- "$value": "#e3d7fd"
1233
+ "$value": "#e4d5ff"
1234
1234
  },
1235
1235
  "on-accent": {
1236
1236
  "$type": "color",
@@ -1238,7 +1238,7 @@ const tokens = {
1238
1238
  },
1239
1239
  "stain": {
1240
1240
  "$type": "color",
1241
- "$value": "#ff96a9"
1241
+ "$value": "#ff8ca5"
1242
1242
  },
1243
1243
  "ok": {
1244
1244
  "$type": "color",
@@ -1256,39 +1256,39 @@ const tokens = {
1256
1256
  "dark": {
1257
1257
  "bg": {
1258
1258
  "$type": "color",
1259
- "$value": "#110d19"
1259
+ "$value": "#120c1c"
1260
1260
  },
1261
1261
  "bg-2": {
1262
1262
  "$type": "color",
1263
- "$value": "#1b1426"
1263
+ "$value": "#1c132a"
1264
1264
  },
1265
1265
  "ink": {
1266
1266
  "$type": "color",
1267
- "$value": "#efedf4"
1267
+ "$value": "#efedf6"
1268
1268
  },
1269
1269
  "ink-2": {
1270
1270
  "$type": "color",
1271
- "$value": "#bcb8c5"
1271
+ "$value": "#bcb8c7"
1272
1272
  },
1273
1273
  "ink-3": {
1274
1274
  "$type": "color",
1275
- "$value": "#a09ca8"
1275
+ "$value": "#a09cab"
1276
1276
  },
1277
1277
  "line": {
1278
1278
  "$type": "color",
1279
- "$value": "#383243"
1279
+ "$value": "#383146"
1280
1280
  },
1281
1281
  "paper": {
1282
1282
  "$type": "color",
1283
- "$value": "#2d2838"
1283
+ "$value": "#2e273b"
1284
1284
  },
1285
1285
  "accent": {
1286
1286
  "$type": "color",
1287
- "$value": "#bd9ff2"
1287
+ "$value": "#b08af0"
1288
1288
  },
1289
1289
  "accent-soft": {
1290
1290
  "$type": "color",
1291
- "$value": "#3b2d52"
1291
+ "$value": "#3c2a59"
1292
1292
  },
1293
1293
  "on-accent": {
1294
1294
  "$type": "color",
@@ -1296,7 +1296,7 @@ const tokens = {
1296
1296
  },
1297
1297
  "stain": {
1298
1298
  "$type": "color",
1299
- "$value": "#9b344c"
1299
+ "$value": "#a52348"
1300
1300
  },
1301
1301
  "ok": {
1302
1302
  "$type": "color",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gyeol",
3
- "version": "0.1.4",
3
+ "version": "0.1.6",
4
4
  "description": "결 gyeol — 한지를 겹겹이 올리는 디자인 시스템. CSS, Tailwind preset, DTCG design tokens.",
5
5
  "license": "MIT",
6
6
  "repository": {
package/tokens.json CHANGED
@@ -253,11 +253,11 @@
253
253
  },
254
254
  "ink": {
255
255
  "$type": "color",
256
- "$value": "#0e211d"
256
+ "$value": "#0d211d"
257
257
  },
258
258
  "ink-2": {
259
259
  "$type": "color",
260
- "$value": "#455350"
260
+ "$value": "#445450"
261
261
  },
262
262
  "ink-3": {
263
263
  "$type": "color",
@@ -265,7 +265,7 @@
265
265
  },
266
266
  "line": {
267
267
  "$type": "color",
268
- "$value": "#c0ceca"
268
+ "$value": "#bfceca"
269
269
  },
270
270
  "paper": {
271
271
  "$type": "color",
@@ -273,11 +273,11 @@
273
273
  },
274
274
  "accent": {
275
275
  "$type": "color",
276
- "$value": "#256e60"
276
+ "$value": "#2c7b6c"
277
277
  },
278
278
  "accent-soft": {
279
279
  "$type": "color",
280
- "$value": "#c7e6de"
280
+ "$value": "#c6e6de"
281
281
  },
282
282
  "on-accent": {
283
283
  "$type": "color",
@@ -285,7 +285,7 @@
285
285
  },
286
286
  "stain": {
287
287
  "$type": "color",
288
- "$value": "#8bc4fa"
288
+ "$value": "#88c4fd"
289
289
  },
290
290
  "ok": {
291
291
  "$type": "color",
@@ -307,7 +307,7 @@
307
307
  },
308
308
  "bg-2": {
309
309
  "$type": "color",
310
- "$value": "#0c1c18"
310
+ "$value": "#0b1c18"
311
311
  },
312
312
  "ink": {
313
313
  "$type": "color",
@@ -323,7 +323,7 @@
323
323
  },
324
324
  "line": {
325
325
  "$type": "color",
326
- "$value": "#2b3935"
326
+ "$value": "#2a3935"
327
327
  },
328
328
  "paper": {
329
329
  "$type": "color",
@@ -331,11 +331,11 @@
331
331
  },
332
332
  "accent": {
333
333
  "$type": "color",
334
- "$value": "#7bc1b1"
334
+ "$value": "#83cfbe"
335
335
  },
336
336
  "accent-soft": {
337
337
  "$type": "color",
338
- "$value": "#1b3c35"
338
+ "$value": "#193d35"
339
339
  },
340
340
  "on-accent": {
341
341
  "$type": "color",
@@ -343,7 +343,7 @@
343
343
  },
344
344
  "stain": {
345
345
  "$type": "color",
346
- "$value": "#2a6192"
346
+ "$value": "#276194"
347
347
  },
348
348
  "ok": {
349
349
  "$type": "color",
@@ -959,39 +959,39 @@
959
959
  "light": {
960
960
  "bg": {
961
961
  "$type": "color",
962
- "$value": "#edf6f5"
962
+ "$value": "#ebf6f6"
963
963
  },
964
964
  "bg-2": {
965
965
  "$type": "color",
966
- "$value": "#daeaea"
966
+ "$value": "#d6ebeb"
967
967
  },
968
968
  "ink": {
969
969
  "$type": "color",
970
- "$value": "#0b2121"
970
+ "$value": "#042222"
971
971
  },
972
972
  "ink-2": {
973
973
  "$type": "color",
974
- "$value": "#435353"
974
+ "$value": "#405454"
975
975
  },
976
976
  "ink-3": {
977
977
  "$type": "color",
978
- "$value": "#5a6666"
978
+ "$value": "#586766"
979
979
  },
980
980
  "line": {
981
981
  "$type": "color",
982
- "$value": "#becece"
982
+ "$value": "#bbcfcf"
983
983
  },
984
984
  "paper": {
985
985
  "$type": "color",
986
- "$value": "#f9fdfd"
986
+ "$value": "#f9fefd"
987
987
  },
988
988
  "accent": {
989
989
  "$type": "color",
990
- "$value": "#0f6e6e"
990
+ "$value": "#006364"
991
991
  },
992
992
  "accent-soft": {
993
993
  "$type": "color",
994
- "$value": "#c4e6e5"
994
+ "$value": "#bce8e7"
995
995
  },
996
996
  "on-accent": {
997
997
  "$type": "color",
@@ -999,7 +999,7 @@
999
999
  },
1000
1000
  "stain": {
1001
1001
  "$type": "color",
1002
- "$value": "#9ebdff"
1002
+ "$value": "#98bcff"
1003
1003
  },
1004
1004
  "ok": {
1005
1005
  "$type": "color",
@@ -1017,39 +1017,39 @@
1017
1017
  "dark": {
1018
1018
  "bg": {
1019
1019
  "$type": "color",
1020
- "$value": "#061212"
1020
+ "$value": "#041212"
1021
1021
  },
1022
1022
  "bg-2": {
1023
1023
  "$type": "color",
1024
- "$value": "#0a1c1c"
1024
+ "$value": "#051d1d"
1025
1025
  },
1026
1026
  "ink": {
1027
1027
  "$type": "color",
1028
- "$value": "#eaf0f0"
1028
+ "$value": "#e9f0f0"
1029
1029
  },
1030
1030
  "ink-2": {
1031
1031
  "$type": "color",
1032
- "$value": "#b2bdbd"
1032
+ "$value": "#b0bebd"
1033
1033
  },
1034
1034
  "ink-3": {
1035
1035
  "$type": "color",
1036
- "$value": "#96a1a1"
1036
+ "$value": "#94a1a1"
1037
1037
  },
1038
1038
  "line": {
1039
1039
  "$type": "color",
1040
- "$value": "#293938"
1040
+ "$value": "#263a39"
1041
1041
  },
1042
1042
  "paper": {
1043
1043
  "$type": "color",
1044
- "$value": "#202f2e"
1044
+ "$value": "#1c2f2f"
1045
1045
  },
1046
1046
  "accent": {
1047
1047
  "$type": "color",
1048
- "$value": "#70c1c1"
1048
+ "$value": "#45b5b5"
1049
1049
  },
1050
1050
  "accent-soft": {
1051
1051
  "$type": "color",
1052
- "$value": "#153c3c"
1052
+ "$value": "#033e3e"
1053
1053
  },
1054
1054
  "on-accent": {
1055
1055
  "$type": "color",
@@ -1057,7 +1057,7 @@
1057
1057
  },
1058
1058
  "stain": {
1059
1059
  "$type": "color",
1060
- "$value": "#415b97"
1060
+ "$value": "#3c5aa1"
1061
1061
  },
1062
1062
  "ok": {
1063
1063
  "$type": "color",
@@ -1078,39 +1078,39 @@
1078
1078
  "light": {
1079
1079
  "bg": {
1080
1080
  "$type": "color",
1081
- "$value": "#ebf5fb"
1081
+ "$value": "#e9f6fd"
1082
1082
  },
1083
1083
  "bg-2": {
1084
1084
  "$type": "color",
1085
- "$value": "#d8e9f4"
1085
+ "$value": "#d3eaf8"
1086
1086
  },
1087
1087
  "ink": {
1088
1088
  "$type": "color",
1089
- "$value": "#08202c"
1089
+ "$value": "#002030"
1090
1090
  },
1091
1091
  "ink-2": {
1092
1092
  "$type": "color",
1093
- "$value": "#41535d"
1093
+ "$value": "#3d5360"
1094
1094
  },
1095
1095
  "ink-3": {
1096
1096
  "$type": "color",
1097
- "$value": "#59656d"
1097
+ "$value": "#566670"
1098
1098
  },
1099
1099
  "line": {
1100
1100
  "$type": "color",
1101
- "$value": "#bccdd8"
1101
+ "$value": "#b8cedc"
1102
1102
  },
1103
1103
  "paper": {
1104
1104
  "$type": "color",
1105
- "$value": "#f9fdff"
1105
+ "$value": "#f8fdff"
1106
1106
  },
1107
1107
  "accent": {
1108
1108
  "$type": "color",
1109
- "$value": "#006995"
1109
+ "$value": "#005b93"
1110
1110
  },
1111
1111
  "accent-soft": {
1112
1112
  "$type": "color",
1113
- "$value": "#bfe4fb"
1113
+ "$value": "#b6e6ff"
1114
1114
  },
1115
1115
  "on-accent": {
1116
1116
  "$type": "color",
@@ -1118,7 +1118,7 @@
1118
1118
  },
1119
1119
  "stain": {
1120
1120
  "$type": "color",
1121
- "$value": "#d1a8ff"
1121
+ "$value": "#d5a2ff"
1122
1122
  },
1123
1123
  "ok": {
1124
1124
  "$type": "color",
@@ -1136,39 +1136,39 @@
1136
1136
  "dark": {
1137
1137
  "bg": {
1138
1138
  "$type": "color",
1139
- "$value": "#051118"
1139
+ "$value": "#02111b"
1140
1140
  },
1141
1141
  "bg-2": {
1142
1142
  "$type": "color",
1143
- "$value": "#071b25"
1143
+ "$value": "#021b29"
1144
1144
  },
1145
1145
  "ink": {
1146
1146
  "$type": "color",
1147
- "$value": "#e9f0f4"
1147
+ "$value": "#e8f0f5"
1148
1148
  },
1149
1149
  "ink-2": {
1150
1150
  "$type": "color",
1151
- "$value": "#b1bdc4"
1151
+ "$value": "#aebdc6"
1152
1152
  },
1153
1153
  "ink-3": {
1154
1154
  "$type": "color",
1155
- "$value": "#95a0a7"
1155
+ "$value": "#92a1aa"
1156
1156
  },
1157
1157
  "line": {
1158
1158
  "$type": "color",
1159
- "$value": "#283842"
1159
+ "$value": "#233845"
1160
1160
  },
1161
1161
  "paper": {
1162
1162
  "$type": "color",
1163
- "$value": "#1e2e37"
1163
+ "$value": "#192e3a"
1164
1164
  },
1165
1165
  "accent": {
1166
1166
  "$type": "color",
1167
- "$value": "#64bced"
1167
+ "$value": "#29aeec"
1168
1168
  },
1169
1169
  "accent-soft": {
1170
1170
  "$type": "color",
1171
- "$value": "#0e3a50"
1171
+ "$value": "#003b57"
1172
1172
  },
1173
1173
  "on-accent": {
1174
1174
  "$type": "color",
@@ -1176,7 +1176,7 @@
1176
1176
  },
1177
1177
  "stain": {
1178
1178
  "$type": "color",
1179
- "$value": "#6f4797"
1179
+ "$value": "#7340a3"
1180
1180
  },
1181
1181
  "ok": {
1182
1182
  "$type": "color",
@@ -1197,39 +1197,39 @@
1197
1197
  "light": {
1198
1198
  "bg": {
1199
1199
  "$type": "color",
1200
- "$value": "#f5f1fc"
1200
+ "$value": "#f5f1fe"
1201
1201
  },
1202
1202
  "bg-2": {
1203
1203
  "$type": "color",
1204
- "$value": "#e9e3f6"
1204
+ "$value": "#e9e2fa"
1205
1205
  },
1206
1206
  "ink": {
1207
1207
  "$type": "color",
1208
- "$value": "#20182e"
1208
+ "$value": "#211632"
1209
1209
  },
1210
1210
  "ink-2": {
1211
1211
  "$type": "color",
1212
- "$value": "#524c5e"
1212
+ "$value": "#534b62"
1213
1213
  },
1214
1214
  "ink-3": {
1215
1215
  "$type": "color",
1216
- "$value": "#65616e"
1216
+ "$value": "#656071"
1217
1217
  },
1218
1218
  "line": {
1219
1219
  "$type": "color",
1220
- "$value": "#cdc7da"
1220
+ "$value": "#cdc6dd"
1221
1221
  },
1222
1222
  "paper": {
1223
1223
  "$type": "color",
1224
- "$value": "#fdfcff"
1224
+ "$value": "#fdfbff"
1225
1225
  },
1226
1226
  "accent": {
1227
1227
  "$type": "color",
1228
- "$value": "#6b4e9a"
1228
+ "$value": "#613897"
1229
1229
  },
1230
1230
  "accent-soft": {
1231
1231
  "$type": "color",
1232
- "$value": "#e3d7fd"
1232
+ "$value": "#e4d5ff"
1233
1233
  },
1234
1234
  "on-accent": {
1235
1235
  "$type": "color",
@@ -1237,7 +1237,7 @@
1237
1237
  },
1238
1238
  "stain": {
1239
1239
  "$type": "color",
1240
- "$value": "#ff96a9"
1240
+ "$value": "#ff8ca5"
1241
1241
  },
1242
1242
  "ok": {
1243
1243
  "$type": "color",
@@ -1255,39 +1255,39 @@
1255
1255
  "dark": {
1256
1256
  "bg": {
1257
1257
  "$type": "color",
1258
- "$value": "#110d19"
1258
+ "$value": "#120c1c"
1259
1259
  },
1260
1260
  "bg-2": {
1261
1261
  "$type": "color",
1262
- "$value": "#1b1426"
1262
+ "$value": "#1c132a"
1263
1263
  },
1264
1264
  "ink": {
1265
1265
  "$type": "color",
1266
- "$value": "#efedf4"
1266
+ "$value": "#efedf6"
1267
1267
  },
1268
1268
  "ink-2": {
1269
1269
  "$type": "color",
1270
- "$value": "#bcb8c5"
1270
+ "$value": "#bcb8c7"
1271
1271
  },
1272
1272
  "ink-3": {
1273
1273
  "$type": "color",
1274
- "$value": "#a09ca8"
1274
+ "$value": "#a09cab"
1275
1275
  },
1276
1276
  "line": {
1277
1277
  "$type": "color",
1278
- "$value": "#383243"
1278
+ "$value": "#383146"
1279
1279
  },
1280
1280
  "paper": {
1281
1281
  "$type": "color",
1282
- "$value": "#2d2838"
1282
+ "$value": "#2e273b"
1283
1283
  },
1284
1284
  "accent": {
1285
1285
  "$type": "color",
1286
- "$value": "#bd9ff2"
1286
+ "$value": "#b08af0"
1287
1287
  },
1288
1288
  "accent-soft": {
1289
1289
  "$type": "color",
1290
- "$value": "#3b2d52"
1290
+ "$value": "#3c2a59"
1291
1291
  },
1292
1292
  "on-accent": {
1293
1293
  "$type": "color",
@@ -1295,7 +1295,7 @@
1295
1295
  },
1296
1296
  "stain": {
1297
1297
  "$type": "color",
1298
- "$value": "#9b344c"
1298
+ "$value": "#a52348"
1299
1299
  },
1300
1300
  "ok": {
1301
1301
  "$type": "color",