OpenVibe.Today
97.5 3 files read at 9af31db, Nov 1, 2026.
Spinners0
No reduced motion0
Hand-set timings5
Hand-set curves3
Colours outside the theme9
Where
All 17. Each opens its line on GitHub.
- Timingpublic/css/today.css:37
.td-pill.is-live::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #fff; animation: td-pulse 1.4s ease-in-out infinite; } - Curvepublic/css/today.css:37
.td-pill.is-live::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #fff; animation: td-pulse 1.4s ease-in-out infinite; } - Timingpublic/css/today.css:48
.td-ev-link { display: flex; align-items: center; gap: 14px; padding: 10px 14px 10px 10px; border-radius: 16px; border: 1px solid var(--border, #1f2d47); backgr - Timingpublic/css/today.css:48
.td-ev-link { display: flex; align-items: center; gap: 14px; padding: 10px 14px 10px 10px; border-radius: 16px; border: 1px solid var(--border, #1f2d47); backgr - Timingpublic/css/today.css:73
html.ov-motion .td-ring-dot { animation: td-dot-in .6s cubic-bezier(.2, .8, .2, 1) both; animation-delay: calc(var(--i) * 90ms + 200ms); } - Curvepublic/css/today.css:73
html.ov-motion .td-ring-dot { animation: td-dot-in .6s cubic-bezier(.2, .8, .2, 1) both; animation-delay: calc(var(--i) * 90ms + 200ms); } - Timingpublic/css/today.css:95
html.ov-motion .td-demo-toast { animation: td-toast 4.5s ease-in-out infinite; } - Curvepublic/css/today.css:95
html.ov-motion .td-demo-toast { animation: td-toast 4.5s ease-in-out infinite; } - Colourpublic/css/today.css:36
.td-pill.is-live { background: var(--live-red, #e11d48); color: #fff; } - Colourpublic/css/today.css:37
.td-pill.is-live::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #fff; animation: td-pulse 1.4s ease-in-out infinite; } - Colourpublic/css/today.css:92
.td-demo-toast { display: flex; align-items: center; gap: 12px; margin-left: 10%; padding: 12px 14px; border-radius: 16px; background: var(--bg-elevated, var(-- - Colourpublic/css/today.css:206
.td-remind-out.is-bad { color: #f87171; } - Colourpublic/css/today.css:252
.td-wi.is-band { --k: color-mix(in srgb, var(--room-accent) 55%, #22c55e); } - Colourpublic/css/today.css:306
.td-remind-ok { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 10px; border-radius: 16px; background: color-mix(in srgb, #22c55e - Colourpublic/css/today.css:306
.td-remind-ok { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 10px; border-radius: 16px; background: color-mix(in srgb, #22c55e - Colourpublic/css/today.css:308
.td-notice--bad { padding: 12px 14px; border-radius: 12px; border: 1px solid color-mix(in srgb, #ef4444 50%, var(--border, #1f2d47)); background: color-mix(in s - Colourpublic/css/today.css:308
.td-notice--bad { padding: 12px 14px; border-radius: 12px; border: 1px solid color-mix(in srgb, #ef4444 50%, var(--border, #1f2d47)); background: color-mix(in s
Every site · How it is measured · /api/v1/design-health/today