@vime/core/themes/light.css

Customizable, extensible, accessible and framework agnostic media player.

vm-player[theme=light]{--vm-player-bg:#fff;--vm-player-box-shadow:0 0 8px 2px var(--vm-color-gray-100);--vm-slider-track-color:var(--vm-color-gray-100);--vm-slider-value-color:var(--vm-player-theme, var(--vm-color-dark));--vm-slider-thumb-shadow:0 0 1px var(--vm-color-gray-100),0 0 0 1px var(--vm-color-gray-200);--vm-tooltip-bg:#fff;--vm-tooltip-color:var(--vm-color-dark);--vm-controls-bg:#fff;--vm-control-color:var(--vm-color-dark);--vm-control-tap-highlight:var(--vm-color-gray-100);--vm-control-focus-color:#fff;--vm-control-focus-bg:var(--vm-player-theme, var(--vm-color-dark));--vm-scrubber-buffered-bg:var(--vm-color-gray-100);--vm-scrubber-loading-stripe-color:var(--vm-color-gray-100);--vm-time-color:var(--vm-color-gray-600);--vm-menu-color:var(--vm-color-gray-600);--vm-menu-bg:#fff;--vm-menu-item-focus-bg:var(--vm-color-gray-100);--vm-menu-item-tap-highlight:var(--vm-color-gray-100);--vm-menu-item-divider-color:var(--vm-color-gray-100);--vm-settings-scroll-thumb-color:var(--vm-color-gray-100)}