Embedded Files
Enhancer for youtube custom theme
/* ============================================================
=== Custom YouTube: GIF Background + White Top Bar + Sidebar ===
============================================================ */
/* === Fullscreen Animated GIF Background === */
html, body {
background: url("https://i.pinimg.com/originals/62/f2/cc/62f2ccde1b2fffb43f05ce2e8219cc35.gif") !important;
background-size: cover !important;
background-position: center !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
}
/* === Solid White Top Bar (Masthead) === */
#masthead-container,
ytd-masthead,
#background.ytd-masthead {
background: #ffffff !important;
opacity: 1 !important;
}
/* Make remaining YouTube layout transparent so GIF shows through */
ytd-app,
#content,
#page-manager,
#columns,
#primary,
#secondary,
ytd-browse,
ytd-watch-flexy,
ytd-rich-grid-renderer,
ytd-rich-item-renderer,
ytd-two-column-browse-results-renderer {
background: transparent !important;
}
/* Video player container transparency */
#player-theater-container,
#player-container,
#player,
#movie_player {
background: transparent !important;
}
/* ============================================================
=== FIX: DROPDOWNS & MENUS (White Background + Black Text) ===
============================================================ */
/* Targets Search Suggestions, Account Menu, and Settings Popups */
.sbdd_b,
tp-yt-iron-dropdown,
tp-yt-paper-listbox,
ytd-menu-popup-renderer,
ytd-active-item-renderer,
.gstl_50.sbdd_a {
background-color: #ffffff !important;
background: #ffffff !important;
border-radius: 8px !important;
}
/* Force text inside all dropdowns and menus to be Black with NO glow */
.sbpdd_b *,
.sbsg-v1 *,
tp-yt-paper-item,
ytd-menu-service-item-renderer,
ytd-menu-navigation-item-renderer,
#label.ytd-compact-link-renderer,
#subtitle.ytd-compact-link-renderer {
color: #000000 !important;
text-shadow: none !important;
font-weight: 600 !important;
}
/* Hover effect for menu items so you can see what you're selecting */
ytd-menu-service-item-renderer:hover,
tp-yt-paper-item:hover,
.sbsg-v1:hover {
background-color: #eeeeee !important;
}
/* ============================================================
=== THE "WHITE FIELD" FIX (Search & Comments) ===
============================================================ */
#container.ytd-searchbox,
#search-form.ytd-searchbox,
ytd-searchbox,
#contenteditable-root,
#input-container.ytd-comment-simplebox-renderer,
yt-formatted-string[contenteditable="true"],
input,
textarea {
background-color: #ffffff !important;
background: #ffffff !important;
border-radius: 8px !important;
}
input#search,
input#search::placeholder,
#contenteditable-root,
#contenteditable-root::placeholder,
#input-container textarea,
#placeholder.yt-formatted-string,
[contenteditable="true"] {
color: #000000 !important;
text-shadow: none !important;
-webkit-text-fill-color: #000000 !important;
font-weight: 500 !important;
}
/* ============================================================
=== BIGGER + SQUARE SIDEBAR SUBSCRIPTIONS ===
============================================================ */
ytd-guide-entry-renderer #avatar,
ytd-guide-entry-renderer yt-img-shadow,
ytd-guide-entry-renderer #img,
ytd-guide-entry-renderer img {
width: 42px !important;
height: 42px !important;
border-radius: 6px !important;
object-fit: cover !important;
}
ytd-guide-entry-renderer {
padding-top: 6px !important;
padding-bottom: 6px !important;
}
ytd-guide-entry-renderer #endpoint {
font-size: 15px !important;
font-weight: 600 !important;
}
/* ============================================================
=== UNIVERSAL TEXT OUTLINE (BLACK TEXT + ULTRA GLOW) ===
============================================================ */
/* Glow effect ONLY for page text, excluding menus and inputs */
ytd-app *:not(#masthead):not(#masthead *):not(svg):not(img):not(video):not(input):not(textarea):not([contenteditable="true"]):not(tp-yt-paper-item):not(ytd-menu-service-item-renderer) {
color: #000000 !important;
font-weight: 700 !important;
text-shadow:
-1px -1px 0px #fff,
1px -1px 0px #fff,
-1px 1px 0px #fff,
1px 1px 0px #fff,
0px 0px 5px #fff,
0px 0px 10px #fff,
0px 0px 15px rgba(255,255,255,0.8) !important;
}
/* Ensure Top Bar (Masthead) text is standard dark and has NO glow */
#masthead *, #masthead-container * {
text-shadow: none !important;
color: #0f0f0f !important;
}
/* Custom YouTube Logo Replacement */
#logo-icon,
#logo-icon-container,
yt-icon.ytd-logo,
a#logo img,
#masthead-logo img {
content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/5e81f9d9-611b-4279-a842-7a2d0a9046bf/dl57czh-203310d8-e533-4ff5-97fa-c550b77389ed.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiIvZi81ZTgxZjlkOS02MTFiLTQyNzktYTg0Mi03YTJkMGE5MDQ2YmYvZGw1N2N6aC0yMDMzMTBkOC1lNTMzLTRmZjUtOTdmYS1jNTUwYjc3Mzg5ZWQucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.rpZkZGwZZWf-q4Bpb3_YYEFTcULEc-nrisAUrzzP7dI") !important;
height: 48px !important;
width: auto !important;
object-fit: contain !important;
}
Page updated
Google Sites
Report abuse