Skip to content

youtube better ambient by dantelin2009

Screenshot of youtube better ambient

Details

Authordantelin2009

LicenseCreative Commons Attribution Share Alike 4.0 International

Categoryyoutube.com

Created

Updated

Size1.2 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Makes YouTube's ambient mode cover the whole screen.

Notes

Makes YouTube's ambient mode cover the whole screen, making an animated color background that changes depending on the video (kind of like Apple Music's background)
Contact me at discord: @heladeradragon if there are any issues

Source code

/* ==UserStyle==
@name         better ambient
@version      20230620.15.54
@namespace    userstyles.world/user/dantelin2009
@description  Makes YouTube's ambient mode cover the whole screen.
@author       dantelin2009
@license      Creative Commons Attribution Share Alike 4.0 International
==/UserStyle== */

@-moz-document domain("youtube.com") {
#cinematics.ytd-watch-flexy {
  filter: saturate(250%) blur(10px) contrast(1.1) brightness(1.3);
  transform: scale(3);
  opacity: 1;
  mix-blend-mode: lighten;
}
body{
    overflow-x: hidden;
}

.style-scope.ytd-watch-flexy#player-container-inner{
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0px 16px 32px #00000054,
                0px 0px 4px #00000038;
}
#container.ytd-searchbox{
    background: #00000078;
    border: 1px solid #ffffff21 none;
    backdrop-filter: saturate(180%);
}

@media (width: 1920px){
    #cinematics.ytd-watch-flexy {
      transform: scaleX(1.8) scaleY(1.7) translateX(130px) translateY(100px);
    }
}
@media (width: 1280px){
    #cinematics.ytd-watch-flexy {
      transform: scaleX(2) scaleY(2.1) translateX(190px) translateY(100px) !important;
    }
}
}

Reviews

No reviews yet.