@14ch/svelte-ui 0.0.62 → 0.0.63
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.
|
@@ -185,22 +185,22 @@
|
|
|
185
185
|
--svelte-ui-text-inverse-subtle-color: var(--base-500-transparent);
|
|
186
186
|
--svelte-ui-text-placeholder-color: var(--white-500-transparent);
|
|
187
187
|
/* ボーダーカラー */
|
|
188
|
-
--svelte-ui-border-color: var(--white-
|
|
189
|
-
--svelte-ui-border-weak-color: var(--white-
|
|
190
|
-
--svelte-ui-border-strong-color: var(--white-
|
|
188
|
+
--svelte-ui-border-color: var(--white-200-transparent);
|
|
189
|
+
--svelte-ui-border-weak-color: var(--white-100-transparent);
|
|
190
|
+
--svelte-ui-border-strong-color: var(--white-300-transparent);
|
|
191
191
|
/* 非アクティブ色 */
|
|
192
|
-
--svelte-ui-inactive-color: var(--white-
|
|
192
|
+
--svelte-ui-inactive-color: var(--white-200-transparent);
|
|
193
193
|
/* 入力欄背景色 */
|
|
194
194
|
--svelte-ui-form-bg: var(--white-100-transparent);
|
|
195
195
|
/* サーフェス背景色 */
|
|
196
|
-
--svelte-ui-surface-color: var(--base-
|
|
196
|
+
--svelte-ui-surface-color: var(--base-950);
|
|
197
197
|
--svelte-ui-surface-accent-color: var(--white-50-transparent);
|
|
198
198
|
--svelte-ui-surface-inverse-color: var(--white-800-transparent);
|
|
199
199
|
/* スケルトン色 */
|
|
200
200
|
--svelte-ui-skeleton-color: var(--white-100-transparent);
|
|
201
201
|
/* hover & select 効果 */
|
|
202
202
|
--svelte-ui-hover-overlay: var(--white-100-transparent);
|
|
203
|
-
--svelte-ui-select-overlay: var(--primary-
|
|
203
|
+
--svelte-ui-select-overlay: var(--primary-800-transparent);
|
|
204
204
|
/* ドロップダウンアイコン */
|
|
205
205
|
--svelte-ui-dropdown-icon-color: var(--svelte-ui-text-subtle-color);
|
|
206
206
|
/* フォーカス色 */
|
|
@@ -208,7 +208,7 @@
|
|
|
208
208
|
/* Disabled色 */
|
|
209
209
|
--svelte-ui-disabled-bg: var(--white-100-transparent);
|
|
210
210
|
/* Glass色 */
|
|
211
|
-
--svelte-ui-glass-bg: var(--white-
|
|
211
|
+
--svelte-ui-glass-bg: var(--white-100-transparent);
|
|
212
212
|
}
|
|
213
213
|
|
|
214
214
|
:where(:root),
|
|
@@ -200,18 +200,18 @@
|
|
|
200
200
|
--svelte-ui-text-placeholder-color: var(--white-500-transparent);
|
|
201
201
|
|
|
202
202
|
/* ボーダーカラー */
|
|
203
|
-
--svelte-ui-border-color: var(--white-
|
|
204
|
-
--svelte-ui-border-weak-color: var(--white-
|
|
205
|
-
--svelte-ui-border-strong-color: var(--white-
|
|
203
|
+
--svelte-ui-border-color: var(--white-200-transparent);
|
|
204
|
+
--svelte-ui-border-weak-color: var(--white-100-transparent);
|
|
205
|
+
--svelte-ui-border-strong-color: var(--white-300-transparent);
|
|
206
206
|
|
|
207
207
|
/* 非アクティブ色 */
|
|
208
|
-
--svelte-ui-inactive-color: var(--white-
|
|
208
|
+
--svelte-ui-inactive-color: var(--white-200-transparent);
|
|
209
209
|
|
|
210
210
|
/* 入力欄背景色 */
|
|
211
211
|
--svelte-ui-form-bg: var(--white-100-transparent);
|
|
212
212
|
|
|
213
213
|
/* サーフェス背景色 */
|
|
214
|
-
--svelte-ui-surface-color: var(--base-
|
|
214
|
+
--svelte-ui-surface-color: var(--base-950);
|
|
215
215
|
--svelte-ui-surface-accent-color: var(--white-50-transparent);
|
|
216
216
|
--svelte-ui-surface-inverse-color: var(--white-800-transparent);
|
|
217
217
|
|
|
@@ -220,7 +220,7 @@
|
|
|
220
220
|
|
|
221
221
|
/* hover & select 効果 */
|
|
222
222
|
--svelte-ui-hover-overlay: var(--white-100-transparent);
|
|
223
|
-
--svelte-ui-select-overlay: var(--primary-
|
|
223
|
+
--svelte-ui-select-overlay: var(--primary-800-transparent);
|
|
224
224
|
|
|
225
225
|
/* ドロップダウンアイコン */
|
|
226
226
|
--svelte-ui-dropdown-icon-color: var(--svelte-ui-text-subtle-color);
|
|
@@ -232,7 +232,7 @@
|
|
|
232
232
|
--svelte-ui-disabled-bg: var(--white-100-transparent);
|
|
233
233
|
|
|
234
234
|
/* Glass色 */
|
|
235
|
-
--svelte-ui-glass-bg: var(--white-
|
|
235
|
+
--svelte-ui-glass-bg: var(--white-100-transparent);
|
|
236
236
|
}
|
|
237
237
|
|
|
238
238
|
:where(:root),
|