shkim4/HMDesign
Private
Public Access
1
0 Fork 0
Code Activity

feat(theme): add brown and orange background gradients

Browse Source
This commit is contained in:
shkim4 committed 2026-10-11 13:30:30 +09:00
1 parent 220973cf89
commit 3220b753dd
12 files changed
+206 -20
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/ui/src/theme/default.css
+20
View File
@@ -62,6 +62,26 @@
var(--hm-sem-brand-bg-stop-42) 42%, var(--hm-sem-brand-bg-stop-78) 78%,
var(--hm-sem-brand-bg-stop-100) 100%);
/* Independent common backgrounds; Button and Dashboard mappings stay unchanged. */
--hm-sem-brown-bg-stop-0: var(--hm-sem-palette-brown-dark-1);
--hm-sem-brown-bg-stop-12: var(--hm-sem-palette-brown-dark-2);
--hm-sem-brown-bg-stop-42: var(--hm-sem-palette-brown-default);
--hm-sem-brown-bg-stop-78: var(--hm-sem-palette-brown-light-2);
--hm-sem-brown-bg-stop-100: var(--hm-sem-palette-brown-light-1);
--hm-sem-bg-brown: linear-gradient(to bottom,
var(--hm-sem-brown-bg-stop-0) 0%, var(--hm-sem-brown-bg-stop-12) 12%,
var(--hm-sem-brown-bg-stop-42) 42%, var(--hm-sem-brown-bg-stop-78) 78%,
var(--hm-sem-brown-bg-stop-100) 100%);
--hm-sem-orange-bg-stop-0: var(--hm-sem-palette-orange-dark-1);
--hm-sem-orange-bg-stop-12: var(--hm-sem-palette-orange-dark-2);
--hm-sem-orange-bg-stop-42: var(--hm-sem-palette-orange-default);
--hm-sem-orange-bg-stop-78: var(--hm-sem-palette-orange-light-2);
--hm-sem-orange-bg-stop-100: var(--hm-sem-palette-orange-light-1);
--hm-sem-bg-orange: linear-gradient(to bottom,
var(--hm-sem-orange-bg-stop-0) 0%, var(--hm-sem-orange-bg-stop-12) 12%,
var(--hm-sem-orange-bg-stop-42) 42%, var(--hm-sem-orange-bg-stop-78) 78%,
var(--hm-sem-orange-bg-stop-100) 100%);
--hm-sem-action-surface-stop-0: var(--hm-sem-palette-green-tone-1);
--hm-sem-action-surface-stop-30: var(--hm-sem-palette-green-tone-2);
--hm-sem-action-surface-stop-65: var(--hm-sem-palette-green-tone-3);