uhr: sleep sounds, sunrise alarm, reorder world clock, rename timers; 0.2.0
- own generated sleep sounds (rain, waves, brown noise) with sleep timer and fade-out - sunrise: 15 min before the bedtime wake alarm, a full-screen screen brightens from ember to daylight - world clock: long-press drag to reorder, with haptic ticks; order persists - timers: tap the title to rename Co-Authored-By: Claude Opus 5.5 <[email protected]>
This commit is contained in:
Claude Opus 5.5
+311
-52
@@ -1,45 +1,230 @@
|
||||
{
|
||||
"_about": "Uhr tokens. Roles read by eye from replica/uhr/screens/ref-01..07 (Pixel Clock, dark first). Own values, no brand colour copied; on Android 12+ dynamic colour (wallpaper) replaces the accent roles. Check: python3 ~/.claude/skills/replica-design/contrast.py replica/uhr/design/tokens.json",
|
||||
"color": {
|
||||
"bg": "#f8f9ff", "surface": "#ffffff", "card": "#eef0f6", "card-high": "#e2e5ec",
|
||||
"border": "#c3c6cf", "border-input": "#73777f",
|
||||
"text": "#191c20", "text-muted": "#43474e", "text-off": "#5c6068",
|
||||
"accent": "#2f5ea8", "on-accent": "#ffffff",
|
||||
"accent-container": "#d6e3ff", "on-accent-container": "#001b3e",
|
||||
"fab": "#a8c7fa", "on-fab": "#0b2a55",
|
||||
"chip-on": "#2f5ea8", "on-chip-on": "#ffffff",
|
||||
"secondary-pill": "#dfe2eb", "on-secondary-pill": "#191c20",
|
||||
"stop": "#ffd8e4", "on-stop": "#4a1426",
|
||||
"bg": "#f8f9ff",
|
||||
"surface": "#ffffff",
|
||||
"card": "#eef0f6",
|
||||
"card-high": "#e2e5ec",
|
||||
"border": "#c3c6cf",
|
||||
"border-input": "#73777f",
|
||||
"text": "#191c20",
|
||||
"text-muted": "#43474e",
|
||||
"text-off": "#5c6068",
|
||||
"accent": "#2f5ea8",
|
||||
"on-accent": "#ffffff",
|
||||
"accent-container": "#d6e3ff",
|
||||
"on-accent-container": "#001b3e",
|
||||
"fab": "#a8c7fa",
|
||||
"on-fab": "#0b2a55",
|
||||
"chip-on": "#2f5ea8",
|
||||
"on-chip-on": "#ffffff",
|
||||
"secondary-pill": "#dfe2eb",
|
||||
"on-secondary-pill": "#191c20",
|
||||
"stop": "#ffd8e4",
|
||||
"on-stop": "#4a1426",
|
||||
"danger": "#ba1a1a",
|
||||
"nav": "#eceef4", "nav-indicator": "#d6e3ff",
|
||||
|
||||
"dark-bg": "#111318", "dark-surface": "#111318", "dark-card": "#1d2024", "dark-card-high": "#272a2f",
|
||||
"dark-border": "#43474e", "dark-border-input": "#8d9199",
|
||||
"dark-text": "#e2e2e9", "dark-text-muted": "#c3c6cf", "dark-text-off": "#9a9ea6",
|
||||
"dark-accent": "#a8c7fa", "dark-on-accent": "#062e6f",
|
||||
"dark-accent-container": "#244a80", "dark-on-accent-container": "#d6e3ff",
|
||||
"dark-fab": "#a8c7fa", "dark-on-fab": "#062e6f",
|
||||
"dark-chip-on": "#a8c7fa", "dark-on-chip-on": "#062e6f",
|
||||
"dark-secondary-pill": "#3a3d43", "dark-on-secondary-pill": "#e2e2e9",
|
||||
"dark-stop": "#f2b8c9", "dark-on-stop": "#4a1426",
|
||||
"nav": "#eceef4",
|
||||
"nav-indicator": "#d6e3ff",
|
||||
"dark-bg": "#111318",
|
||||
"dark-surface": "#111318",
|
||||
"dark-card": "#1d2024",
|
||||
"dark-card-high": "#272a2f",
|
||||
"dark-border": "#43474e",
|
||||
"dark-border-input": "#8d9199",
|
||||
"dark-text": "#e2e2e9",
|
||||
"dark-text-muted": "#c3c6cf",
|
||||
"dark-text-off": "#9a9ea6",
|
||||
"dark-accent": "#a8c7fa",
|
||||
"dark-on-accent": "#062e6f",
|
||||
"dark-accent-container": "#244a80",
|
||||
"dark-on-accent-container": "#d6e3ff",
|
||||
"dark-fab": "#a8c7fa",
|
||||
"dark-on-fab": "#062e6f",
|
||||
"dark-chip-on": "#a8c7fa",
|
||||
"dark-on-chip-on": "#062e6f",
|
||||
"dark-secondary-pill": "#3a3d43",
|
||||
"dark-on-secondary-pill": "#e2e2e9",
|
||||
"dark-stop": "#f2b8c9",
|
||||
"dark-on-stop": "#4a1426",
|
||||
"dark-danger": "#ffb4ab",
|
||||
"dark-nav": "#1d2024", "dark-nav-indicator": "#3a3f47",
|
||||
|
||||
"ring-bg": "#1e5a52", "ring-on": "#b4f1e6", "ring-track": "#2b6e65", "ring-thumb": "#3f9a7f", "on-ring-thumb": "#ffffff",
|
||||
"timer-track": "#3a3d43", "timer-progress": "#7ec4a8",
|
||||
"night-text": "#c4433a", "night-bg": "#000000"
|
||||
"dark-nav": "#1d2024",
|
||||
"dark-nav-indicator": "#3a3f47",
|
||||
"ring-bg": "#1e5a52",
|
||||
"ring-on": "#b4f1e6",
|
||||
"ring-track": "#2b6e65",
|
||||
"ring-thumb": "#3f9a7f",
|
||||
"on-ring-thumb": "#ffffff",
|
||||
"timer-track": "#3a3d43",
|
||||
"timer-progress": "#7ec4a8",
|
||||
"night-text": "#c4433a",
|
||||
"night-bg": "#000000",
|
||||
"sunrise-night": "#0d0710",
|
||||
"sunrise-ember": "#5a1a10",
|
||||
"sunrise-day": "#ffd9a0",
|
||||
"sunrise-sun": "#fff3d6"
|
||||
},
|
||||
"pairs": [
|
||||
["text","bg"],["text","card"],["text","card-high"],["text-muted","bg"],["text-muted","card"],["text-off","card"],
|
||||
["on-accent","accent"],["on-accent-container","accent-container"],["on-fab","fab"],["on-chip-on","chip-on"],
|
||||
["on-secondary-pill","secondary-pill"],["on-stop","stop"],["accent","card"],["danger","card"],["text","nav"],["text","nav-indicator"],
|
||||
["border-input","surface","ui"],
|
||||
["dark-text","dark-bg"],["dark-text","dark-card"],["dark-text","dark-card-high"],["dark-text-muted","dark-bg"],["dark-text-muted","dark-card"],["dark-text-off","dark-card"],
|
||||
["dark-on-accent","dark-accent"],["dark-on-accent-container","dark-accent-container"],["dark-on-fab","dark-fab"],["dark-on-chip-on","dark-chip-on"],
|
||||
["dark-on-secondary-pill","dark-secondary-pill"],["dark-on-stop","dark-stop"],["dark-accent","dark-card"],["dark-danger","dark-card"],
|
||||
["dark-text","dark-nav"],["dark-text","dark-nav-indicator"],["dark-border-input","dark-card","ui"],
|
||||
["ring-on","ring-bg"],["ring-on","ring-track"],["on-ring-thumb","ring-thumb","large"],
|
||||
["timer-progress","dark-card","ui"],["night-text","night-bg","large"]
|
||||
[
|
||||
"text",
|
||||
"bg"
|
||||
],
|
||||
[
|
||||
"text",
|
||||
"card"
|
||||
],
|
||||
[
|
||||
"text",
|
||||
"card-high"
|
||||
],
|
||||
[
|
||||
"text-muted",
|
||||
"bg"
|
||||
],
|
||||
[
|
||||
"text-muted",
|
||||
"card"
|
||||
],
|
||||
[
|
||||
"text-off",
|
||||
"card"
|
||||
],
|
||||
[
|
||||
"on-accent",
|
||||
"accent"
|
||||
],
|
||||
[
|
||||
"on-accent-container",
|
||||
"accent-container"
|
||||
],
|
||||
[
|
||||
"on-fab",
|
||||
"fab"
|
||||
],
|
||||
[
|
||||
"on-chip-on",
|
||||
"chip-on"
|
||||
],
|
||||
[
|
||||
"on-secondary-pill",
|
||||
"secondary-pill"
|
||||
],
|
||||
[
|
||||
"on-stop",
|
||||
"stop"
|
||||
],
|
||||
[
|
||||
"accent",
|
||||
"card"
|
||||
],
|
||||
[
|
||||
"danger",
|
||||
"card"
|
||||
],
|
||||
[
|
||||
"text",
|
||||
"nav"
|
||||
],
|
||||
[
|
||||
"text",
|
||||
"nav-indicator"
|
||||
],
|
||||
[
|
||||
"border-input",
|
||||
"surface",
|
||||
"ui"
|
||||
],
|
||||
[
|
||||
"dark-text",
|
||||
"dark-bg"
|
||||
],
|
||||
[
|
||||
"dark-text",
|
||||
"dark-card"
|
||||
],
|
||||
[
|
||||
"dark-text",
|
||||
"dark-card-high"
|
||||
],
|
||||
[
|
||||
"dark-text-muted",
|
||||
"dark-bg"
|
||||
],
|
||||
[
|
||||
"dark-text-muted",
|
||||
"dark-card"
|
||||
],
|
||||
[
|
||||
"dark-text-off",
|
||||
"dark-card"
|
||||
],
|
||||
[
|
||||
"dark-on-accent",
|
||||
"dark-accent"
|
||||
],
|
||||
[
|
||||
"dark-on-accent-container",
|
||||
"dark-accent-container"
|
||||
],
|
||||
[
|
||||
"dark-on-fab",
|
||||
"dark-fab"
|
||||
],
|
||||
[
|
||||
"dark-on-chip-on",
|
||||
"dark-chip-on"
|
||||
],
|
||||
[
|
||||
"dark-on-secondary-pill",
|
||||
"dark-secondary-pill"
|
||||
],
|
||||
[
|
||||
"dark-on-stop",
|
||||
"dark-stop"
|
||||
],
|
||||
[
|
||||
"dark-accent",
|
||||
"dark-card"
|
||||
],
|
||||
[
|
||||
"dark-danger",
|
||||
"dark-card"
|
||||
],
|
||||
[
|
||||
"dark-text",
|
||||
"dark-nav"
|
||||
],
|
||||
[
|
||||
"dark-text",
|
||||
"dark-nav-indicator"
|
||||
],
|
||||
[
|
||||
"dark-border-input",
|
||||
"dark-card",
|
||||
"ui"
|
||||
],
|
||||
[
|
||||
"ring-on",
|
||||
"ring-bg"
|
||||
],
|
||||
[
|
||||
"ring-on",
|
||||
"ring-track"
|
||||
],
|
||||
[
|
||||
"on-ring-thumb",
|
||||
"ring-thumb",
|
||||
"large"
|
||||
],
|
||||
[
|
||||
"timer-progress",
|
||||
"dark-card",
|
||||
"ui"
|
||||
],
|
||||
[
|
||||
"night-text",
|
||||
"night-bg",
|
||||
"large"
|
||||
]
|
||||
],
|
||||
"font": {
|
||||
"sans": "Roboto Flex (OFL), system fallback",
|
||||
@@ -48,21 +233,88 @@
|
||||
"mono": "tabular figures (fontFeatureSettings tnum) instead of a mono font for the stopwatch"
|
||||
},
|
||||
"type": {
|
||||
"label-sm": {"size": 12, "line": 16, "weight": 500},
|
||||
"label": {"size": 14, "line": 20, "weight": 500},
|
||||
"body-sm": {"size": 14, "line": 20, "weight": 400},
|
||||
"body": {"size": 16, "line": 24, "weight": 400},
|
||||
"title": {"size": 22, "line": 28, "weight": 400},
|
||||
"headline": {"size": 28, "line": 36, "weight": 400},
|
||||
"alarm-time": {"size": 56, "line": 60, "weight": 600},
|
||||
"alarm-ampm": {"size": 20, "line": 24, "weight": 600},
|
||||
"timer-time": {"size": 44, "line": 48, "weight": 400},
|
||||
"clock-big": {"size": 88, "line": 92, "weight": 400},
|
||||
"stopwatch": {"size": 72, "line": 76, "weight": 500},
|
||||
"ringing": {"size": 104, "line": 108, "weight": 400}
|
||||
"label-sm": {
|
||||
"size": 12,
|
||||
"line": 16,
|
||||
"weight": 500
|
||||
},
|
||||
"label": {
|
||||
"size": 14,
|
||||
"line": 20,
|
||||
"weight": 500
|
||||
},
|
||||
"body-sm": {
|
||||
"size": 14,
|
||||
"line": 20,
|
||||
"weight": 400
|
||||
},
|
||||
"body": {
|
||||
"size": 16,
|
||||
"line": 24,
|
||||
"weight": 400
|
||||
},
|
||||
"title": {
|
||||
"size": 22,
|
||||
"line": 28,
|
||||
"weight": 400
|
||||
},
|
||||
"headline": {
|
||||
"size": 28,
|
||||
"line": 36,
|
||||
"weight": 400
|
||||
},
|
||||
"alarm-time": {
|
||||
"size": 56,
|
||||
"line": 60,
|
||||
"weight": 600
|
||||
},
|
||||
"alarm-ampm": {
|
||||
"size": 20,
|
||||
"line": 24,
|
||||
"weight": 600
|
||||
},
|
||||
"timer-time": {
|
||||
"size": 44,
|
||||
"line": 48,
|
||||
"weight": 400
|
||||
},
|
||||
"clock-big": {
|
||||
"size": 88,
|
||||
"line": 92,
|
||||
"weight": 400
|
||||
},
|
||||
"stopwatch": {
|
||||
"size": 72,
|
||||
"line": 76,
|
||||
"weight": 500
|
||||
},
|
||||
"ringing": {
|
||||
"size": 104,
|
||||
"line": 108,
|
||||
"weight": 400
|
||||
}
|
||||
},
|
||||
"space": [
|
||||
0,
|
||||
2,
|
||||
4,
|
||||
8,
|
||||
12,
|
||||
16,
|
||||
20,
|
||||
24,
|
||||
32,
|
||||
48
|
||||
],
|
||||
"radius": {
|
||||
"xs": 8,
|
||||
"sm": 12,
|
||||
"md": 16,
|
||||
"lg": 24,
|
||||
"card": 28,
|
||||
"pill": 999,
|
||||
"nav-indicator": 16
|
||||
},
|
||||
"space": [0, 2, 4, 8, 12, 16, 20, 24, 32, 48],
|
||||
"radius": {"xs": 8, "sm": 12, "md": 16, "lg": 24, "card": 28, "pill": 999, "nav-indicator": 16},
|
||||
"shape": {
|
||||
"fab": "circle 96dp (large, centred above the nav bar)",
|
||||
"stopwatch-primary": "pill 72dp tall, full width",
|
||||
@@ -72,7 +324,14 @@
|
||||
"motion": {
|
||||
"card-expand": "spring dampingRatio 0.85 stiffness 380",
|
||||
"slide-act": "spring back dampingRatio 0.7",
|
||||
"fast": "120ms", "base": "250ms"
|
||||
"fast": "120ms",
|
||||
"base": "250ms"
|
||||
},
|
||||
"layout": {"gutter": 16, "card-gap": 8, "nav-height": 80, "fab-bottom": 16, "card-padding": 20}
|
||||
}
|
||||
"layout": {
|
||||
"gutter": 16,
|
||||
"card-gap": 8,
|
||||
"nav-height": 80,
|
||||
"fab-bottom": 16,
|
||||
"card-padding": 20
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user