Skip to content

Youtube bubbles by toastiEm

Details

AuthortoastiEm

LicenseNo License

Categoryyoutube.com

Created

Updated

Code size3.0 kB

Code checksum6d1dad1b

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Bubbles

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Youtube bubbles
@version      20250224.21.15
@namespace    https://userstyles.world/user/toastiEm
@description  Bubbles
@author       toastiEm
@license      No License
==/UserStyle== */

@-moz-document domain("youtube.com") {
/* Background Image */
    html,
    body,
    body > div,
    body > table,
    [role="navigation"],
    [role="dialog"],
    #body-container > div,
    [aria-expanded="true"]:not(.ytp-button),
    [class*="tooltip"]:not(.ytp-tooltip-duration):not(.ytp-tooltip-bg):not(.ytp-tooltip-text-wrapper):not([class*="arrow"]):not(button),
    [role="menu"],
    .ytp-popup,
    .videoAdUiPreSkipButton,
    .videoAdUiAdInfoPopup {
        background: url("https://i.imgur.com/F5MJu4a.jpeg") fixed #000 !important;
        background-size: cover !important;
    }

    /* Search Bar */
    #search-form,
    #search {
        border: 1px solid #99CCFF !important;
        background-color: transparent !important;
        color: #99CCFF !important;
    }

    /* Text Styling */
    :not(textarea):not(input):not([contenteditable]) {
        text-shadow: 0 0.05em rgba(0, 0, 0, 0.5), 0 -0.05em rgba(0, 0, 0, 0.5),
        0.05em 0 rgba(0, 0, 0, 0.5), -0.05em 0 rgba(0, 0, 0, 0.5) !important;
    }

    :not([class*="video-extras-sparkbar"]):not([class^="ytp-"]):not(.sidebar):not(.video-time):not([class^="html5-"]):not(.yt-uix-button-primary):not(label):not(.toggle):not(.branding-context-container-inner):not(.iv-drawer) {
        background-color: transparent !important;
        color: #99CCFF !important;
    }

    /* Video Progress Bar */
    .ytp-progress-bar,
    .ytp-play-progress {
        background-color: #99CCFF !important;
    }

    /* YouTube Logo */
    #logo-icon-container svg path {
        fill: #99CCFF !important;
    }

    /* Remove Certain Elements */
    [role="alert"],
    .content-region,
    .yt-uix-checkbox-on-off .checked:before {
        display: none !important;
    }

    /* Link Colors */
    a {
        color: #99CCFF !important;
    }

    a:visited {
        color: #CC99FF !important;
    }

    /* Select Dropdowns */
    select {
        background: black !important;
    }

    /* UI Icon Tweaks */
    .ytp-play-button,
    .ytp-volume-panel,
    .ytp-chrome-bottom,
    .ytp-settings-button,
    .ytp-fullscreen-button {
        filter: none !important;
    }

    /* Fix Buttons */
    textarea,
    [contenteditable="true"],
    [type="text"]:not(#masthead-search-term),
    [role="menu"]:not(.guide-user-links):not(.ytp-panel-menu),
    #footer-container .yt-uix-button-default,
    .yt-uix-clickcard-card-visible,
    #watch-appbar-playlist,
    .comment-simplebox-frame,
    body > table {
        box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5) !important;
    }

    /* Remove Unnecessary Borders */
    :not(h2):not(button):not(.comment-simplebox-renderer-collapsed-content),
    #footer-container button,
    .yt-uix-button-shelf-slider-pager {
        border: none !important;
    }
}

Reviews

No reviews yet.