OpenVibe.Cam
98.7 3 files read at f0828d9, Nov 1, 2026.
Spinners0
No reduced motion0
Hand-set timings0
Hand-set curves0
Colours outside the theme27
Where
25 of 27: the ones that cost most, from as many files as possible. Each opens its line on GitHub.
- Colourpublic/css/cam.css:65
.cm-stage { position: relative; overflow: hidden; aspect-ratio: 4 / 3; border-radius: 22px; background: #05070c; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, - Colourpublic/css/cam.css:65
.cm-stage { position: relative; overflow: hidden; aspect-ratio: 4 / 3; border-radius: 22px; background: #05070c; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, - Colourpublic/css/cam.css:65
.cm-stage { position: relative; overflow: hidden; aspect-ratio: 4 / 3; border-radius: 22px; background: #05070c; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, - Colourpublic/css/cam.css:72
color: rgba(255, 255, 255, .55); } - Colourpublic/css/cam.css:74
background: linear-gradient(90deg, transparent calc(33.333% - .5px), rgba(255, 255, 255, .35) calc(33.333% - .5px) calc(33.333% + .5px), transparent calc(33.333 - Colourpublic/css/cam.css:74
background: linear-gradient(90deg, transparent calc(33.333% - .5px), rgba(255, 255, 255, .35) calc(33.333% - .5px) calc(33.333% + .5px), transparent calc(33.333 - Colourpublic/css/cam.css:74
background: linear-gradient(90deg, transparent calc(33.333% - .5px), rgba(255, 255, 255, .35) calc(33.333% - .5px) calc(33.333% + .5px), transparent calc(33.333 - Colourpublic/css/cam.css:74
background: linear-gradient(90deg, transparent calc(33.333% - .5px), rgba(255, 255, 255, .35) calc(33.333% - .5px) calc(33.333% + .5px), transparent calc(33.333 - Colourpublic/css/cam.css:129
.cm-live-frame { position: relative; overflow: hidden; border-radius: 14px; aspect-ratio: 4 / 3; box-shadow: 0 24px 50px -30px rgba(0, 0, 0, .7); } - Colourpublic/css/cam.css:131
.cm-live-badge { position: absolute; top: 10px; left: 10px; padding: 3px 8px; border-radius: 6px; background: var(--ovk-live, #ef4444); color: #fff; - Colourpublic/css/cam.css:134
background: rgba(10, 12, 18, .66); color: #fff; box-shadow: 0 0 0 2px rgba(255, 255, 255, .7); - Colourpublic/css/cam.css:134
background: rgba(10, 12, 18, .66); color: #fff; box-shadow: 0 0 0 2px rgba(255, 255, 255, .7); - Colourpublic/css/cam.css:134
background: rgba(10, 12, 18, .66); color: #fff; box-shadow: 0 0 0 2px rgba(255, 255, 255, .7); - Colourpublic/css/cam.css:137
.cm-live-flash { position: absolute; inset: 0; background: #fff; opacity: 0; - Colourpublic/css/cam.css:147
background: var(--ovk-panel); border: 1px solid var(--ovk-line); box-shadow: 0 24px 50px -30px rgba(0, 0, 0, .6); } - Colourpublic/css/cam.css:164
.cm-f-main { position: relative; overflow: hidden; border-radius: 14px; aspect-ratio: 4 / 3; box-shadow: 0 24px 50px -30px rgba(0, 0, 0, .7); } - Colourpublic/css/cam.css:165
.cm-f-saved { position: absolute; left: 10px; bottom: 10px; padding: 5px 10px; border-radius: 999px; background: rgba(10, 12, 18, .7); color: #fff; - Colourpublic/css/cam.css:165
.cm-f-saved { position: absolute; left: 10px; bottom: 10px; padding: 5px 10px; border-radius: 999px; background: rgba(10, 12, 18, .7); color: #fff; - Colourpublic/css/cam.css:180
box-shadow: 0 40px 80px -40px rgba(0, 0, 0, .75), 0 0 0 1px color-mix(in srgb, var(--room-accent) 30%, transparent); } - Colourpublic/css/cam.css:182
.cm-vf-c { position: absolute; width: 28px; height: 28px; border: 0 solid rgba(255, 255, 255, .9); } - Colourpublic/css/cam.css:187
.cm-vf-focus { position: absolute; left: 60%; top: 42%; width: 64px; height: 64px; margin: -32px 0 0 -32px; border: 2px solid #ffd27a; border-radius: 10px; - Colourpublic/css/cam.css:191
background: rgba(10, 12, 18, .6); color: #fff; font-size: 12px; } - Colourpublic/css/cam.css:191
background: rgba(10, 12, 18, .6); color: #fff; font-size: 12px; } - Colourpublic/css/cam.css:192
.cm-vf-top b { color: #ffd27a; } - Colourpublic/css/cam.css:193
.cm-vf-shutter { position: absolute; left: 50%; bottom: 18px; width: 54px; height: 54px; margin-left: -27px; border-radius: 50%; background: #fff;