diff options
Diffstat (limited to 'resources')
-rw-r--r-- | resources/src/styles/tubo.scss (renamed from resources/src/css/tubo.scss) | 16 |
1 files changed, 13 insertions, 3 deletions
diff --git a/resources/src/css/tubo.scss b/resources/src/styles/tubo.scss index 87189a2..2ab74f3 100644 --- a/resources/src/css/tubo.scss +++ b/resources/src/styles/tubo.scss @@ -15,15 +15,25 @@ object-fit: cover; } -.vjs-tubo .vjs-control-bar, .vjs-tubo .vjs-volume-control { - background: none; +.vjs-tubo .vjs-control-bar { + background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); +} + +.vjs-tubo .vjs-volume-control { + background: radial-gradient(rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 45%); + backdrop-filter: blur(1px); +} + +.vjs-tubo .vjs-menu-button-popup .vjs-menu .vjs-menu-content { + background: rgba(0, 0, 0, 0.5); + backdrop-filter: blur(6px); } .vjs-tubo .vjs-current-time, .vjs-tubo .vjs-time-divider, .vjs-tubo .vjs-duration { display: block; } -.vjs-tubo .vjs-big-play-button, .vjs-tubo.vjs-paused .vjs-big-play-button { +.vjs-tubo .vjs-big-play-button, .vjs-tubo.vjs-paused .vjs-big-play-button, .vjs-tubo:hover .vjs-big-play-button { background: none; border: none; } |