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

scripts/theme-templates/default.css
+20
View File
@@ -61,6 +61,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: {{color.bg.brown.stop.0|var(--hm-sem-palette-brown-dark-1)}};
--hm-sem-brown-bg-stop-12: {{color.bg.brown.stop.12|var(--hm-sem-palette-brown-dark-2)}};
--hm-sem-brown-bg-stop-42: {{color.bg.brown.stop.42|var(--hm-sem-palette-brown-default)}};
--hm-sem-brown-bg-stop-78: {{color.bg.brown.stop.78|var(--hm-sem-palette-brown-light-2)}};
--hm-sem-brown-bg-stop-100: {{color.bg.brown.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: {{color.bg.orange.stop.0|var(--hm-sem-palette-orange-dark-1)}};
--hm-sem-orange-bg-stop-12: {{color.bg.orange.stop.12|var(--hm-sem-palette-orange-dark-2)}};
--hm-sem-orange-bg-stop-42: {{color.bg.orange.stop.42|var(--hm-sem-palette-orange-default)}};
--hm-sem-orange-bg-stop-78: {{color.bg.orange.stop.78|var(--hm-sem-palette-orange-light-2)}};
--hm-sem-orange-bg-stop-100: {{color.bg.orange.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: {{surface.action.primary.stop.0|var(--hm-sem-palette-green-tone-1)}};
--hm-sem-action-surface-stop-30: {{surface.action.primary.stop.30|var(--hm-sem-palette-green-tone-2)}};
--hm-sem-action-surface-stop-65: {{surface.action.primary.stop.65|var(--hm-sem-palette-green-tone-3)}};