body.dark, body.aod { --bg: #000000; --bg-grouped: #000000; --surface: #1C1C1E; --sheet: #1C1C1E; --sheet-row: #2C2C2E; --label: #F2F2F7; --label-2: rgba(235,235,245,0.64); --label-3: rgba(235,235,245,0.42); --separator: rgba(84,84,88,0.60); --fill: rgba(120,120,128,0.32); --glass: rgba(44,44,48,0.62); --on-accent: #000000; --round: #30D158; --round-ink: #30D158; --round-level: #0B3B1A; --rest: #64D2FF; --rest-ink: #64D2FF; --rest-level: #0A2E45; --warning: #FF453A; --warning-ink: #FF453A; --warning-level: #4A0D0A; --prep: #FFD60A; --prep-ink: #FFD60A; --prep-level: #3A3000; --work: #FF9F0A; --work-ink: #FF9F0A; --work-level: #3D2600; --go: #30D158; --stopwatch: #64D2FF; --stopwatch-ink: #64D2FF; --streak: #FF9F0A; --link: #64D2FF; --health: #FF375F; --badge-box: #4BE070; --badge-tab: #FFB340; --time-sensitive: #FFB340; --strip-done: rgba(235,235,245,0.72); --tab-on: rgba(255,255,255,0.12); --stripe: rgba(100,210,255,0.10); --thick: rgba(30,30,33,0.94); --scrim: rgba(0,0,0,0.62); }
body.light { --bg: #FFFFFF; --bg-grouped: #F2F2F7; --surface: #FFFFFF; --sheet: #F2F2F7; --sheet-row: #FFFFFF; --label: #000000; --label-2: rgba(60,60,67,0.78); --label-3: rgba(60,60,67,0.45); --separator: rgba(60,60,67,0.29); --fill: rgba(120,120,128,0.16); --glass: rgba(255,255,255,0.72); --on-accent: #000000; --round: #34C759; --round-ink: #248A3D; --round-level: #D2F4D9; --rest: #32ADE6; --rest-ink: #0071A4; --rest-level: #D3EEFA; --warning: #FF3B30; --warning-ink: #D70015; --warning-level: #FFDAD7; --prep: #FFCC00; --prep-ink: #A05A00; --prep-level: #FFF2BF; --work: #FF9500; --work-ink: #C93400; --work-level: #FFE6C7; --go: #34C759; --stopwatch: #32ADE6; --stopwatch-ink: #0071A4; --streak: #C93400; --link: #0071A4; --health: #FF2D55; --badge-box: #1E7A33; --badge-tab: #A84300; --time-sensitive: #A33F00; --strip-done: rgba(60,60,67,0.72); --tab-on: rgba(0,0,0,0.06); --stripe: rgba(0,113,164,0.08); --thick: rgba(255,255,255,0.95); --scrim: rgba(0,0,0,0.28); }
body { background: var(--bg); color: var(--label); }