YouTube App by simonjonnemeth

/* ==UserStyle==
@name         YouTube App
@version      20241108.17.16
@namespace    https://userstyles.world/user/simonjonnemeth
@description  Minor changes to fit suite the YouTube Chrome app better (may not work for everyone).
@author       simonjonnemeth
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://www.youtube.com/") {
ytd-app[darker-dark-theme] {
    background: #212121;
}
html[darker-dark-theme][dark] {
    background-color: #212121!important;
}
html[dark],
[dark] {
    --yt-spec-base-background: #212121;
}
ytd-shorts[anchored-panel-active][enable-persistent-anchored-panel-arrow] .anchored-panel.ytd-shorts {
    right: 128px;
}
#header.ytd-engagement-panel-title-header-renderer {
    background-color: #272727;
}
ytd-item-section-renderer[static-comments-header] #header.ytd-item-section-renderer {
    background-color: #272727;
}
ytd-reel-video-renderer:not([enable-player-metadata-container]) .watch-while-engagement-panel.ytd-reel-video-renderer {
    background-color: #272727;
    box-shadow: var(--yt-spec-static-overlay-background-light);
}
#container.ytd-masthead {
    height: 70px;
}
#background.ytd-masthead {
    height: 70px;
}
.page-header-view-model-wiz__page-header-headline-info {
    margin-top: 12px;
}
ytd-shorts {
    margin-top: 20px !important;
}
ytd-guide-entry-renderer {
    margin-bottom: 5px;
}
ytd-search[has-search-header] #header.ytd-search {
    margin-top: 16px !important;
}
ytd-masthead[frosted-glass=with-chipbar] #background.ytd-masthead {
    background: #212121d5;
    height: 125px;
}
ytd-masthead[frosted-glass=without-chipbar] #background.ytd-masthead {
    background: #212121d5;
}
#end.ytd-masthead {
    min-width: 225px;
    align-items: center;
    justify-content: end;
    flex: auto;
}
#guide-spacer.ytd-app {
    margin-top: 60px;
}
ytd-search-header-renderer[has-chip-bar] {
    height: 64px;
}
ytd-shorts #back-nav-button.ytd-shorts {
    margin-top: 6px;
}
.navigation-button.ytd-shorts {
    padding: var(--ytd-margin-4x) var(--ytd-margin-4x);
}
#contentContainer.tp-yt-app-header {
    margin-top: 15px;
}
#big-yoodle.ytd-rich-grid-renderer {
    margin-top: 18px;
}
#tabs-container.ytd-c4-tabbed-header-renderer {
    height: 49px;
}

}