/* * Accent palettes — ported from mobile/src/theme/accentPalettes.ts. * Applied via [data-accent="..."] on . Default = green. */ :root, [data-accent="green"] { --accent: #2E8B3D; --accent-strong: #236B2F; --accent-soft: #C8E4CD; } .dark, .dark [data-accent="green"] { --accent: #5FCD6F; --accent-strong: #8EE09A; --accent-soft: #1C3B22; } [data-accent="red"] { --accent: #C62828; --accent-strong: #8E1C1C; --accent-soft: #F4CACA; } .dark[data-accent="red"], .dark [data-accent="red"] { --accent: #E53935; --accent-strong: #EF6E6B; --accent-soft: #3A1414; } [data-accent="orange"] { --accent: #E07B1F; --accent-strong: #B86318; --accent-soft: #F7D9B8; } .dark[data-accent="orange"], .dark [data-accent="orange"] { --accent: #F59944; --accent-strong: #FAC080; --accent-soft: #3E2610; } [data-accent="yellow"] { --accent: #DCB40A; --accent-strong: #8B7000; --accent-soft: #FEF9E6; } .dark[data-accent="yellow"], .dark [data-accent="yellow"] { --accent: #FFE14D; --accent-strong: #FFEB80; --accent-soft: #3A2F08; } [data-accent="blue"] { --accent: #1F6FBC; --accent-strong: #185794; --accent-soft: #C3D9EE; } .dark[data-accent="blue"], .dark [data-accent="blue"] { --accent: #5AA8E8; --accent-strong: #8CC4F0; --accent-soft: #0F2B44; } [data-accent="purple"] { --accent: #7B4DB8; --accent-strong: #5E3A8E; --accent-soft: #DDCEF0; } .dark[data-accent="purple"], .dark [data-accent="purple"] { --accent: #A787E5; --accent-strong: #C4AAEE; --accent-soft: #2D1F45; } [data-accent="pink"] { --accent: #E8408A; --accent-strong: #B8326E; --accent-soft: #F7CADC; } .dark[data-accent="pink"], .dark [data-accent="pink"] { --accent: #F27AB2; --accent-strong: #F6A4CA; --accent-soft: #3F1828; } [data-accent="brown"] { --accent: #7A4A20; --accent-strong: #5C3818; --accent-soft: #E8CFB5; } .dark[data-accent="brown"], .dark [data-accent="brown"] { --accent: #C58A4F; --accent-strong: #D9AB7A; --accent-soft: #33220E; } [data-accent="gray"] { --accent: #4A4A4A; --accent-strong: #333333; --accent-soft: #DADADA; } .dark[data-accent="gray"], .dark [data-accent="gray"] { --accent: #BABABA; --accent-strong: #D4D4D4; --accent-soft: #2E2E2E; }