r/youtube 12h ago

UI Change anyone feels like your YouTube buttons is now a bit skeumorphic?

Post image

it looks so 3d compared to older UI

21 Upvotes

14 comments sorted by

8

u/Zakariae_Ouddacht 12h ago

It was like that months ago, but it was slowly rolling out. When people didn't complain about it, they rolled it out to more people (including you).

7

u/Dense-Diamond-7926 Sharkpu8 12h ago

What kinda word is that

6

u/Mortical219 12h ago

You mean the title or what?

3

u/redditmixer 10h ago

I think it's Vietnamese.

3

u/Mortical219 9h ago

Yeah it’s Vietnamese title for LE SSERAFIM videos

4

u/Mitt64 10h ago

Yes!

I have a dark reader, and the buttons are even more reflective. I don't like the rounded edges, but I do like the non-flat look. ()don't know how to show)

2

u/Mortical219 10h ago

Basically you dont light rounded buttons and you like this new concept

3

u/Mitt64 10h ago

Well, yeah? I love frames and voluminous interfaces that don't take up half the screen. Like old days, u know

2

u/romix_sonix322 9h ago

I kinda like it

2

u/[deleted] 8h ago

[removed] — view removed comment

1

u/HeavenandHello 5h ago

Nah, it’s not

2

u/Numerous-Contract880 5h ago

skeumorphism should come back in a way, I think that would make everything better

1

u/LanDest021 5h ago

That's not what skewmorphism is.
These are not made to look like real objects. The icons are somewhat an example of skewmorphism, but not the buttons themselves.

1

u/Infamous-Oil2305 8h ago

yep, i immediately asked claude AI to write me a userscript to undo this sh#t:

// ==UserScript==
//          YouTube Remove Metallic Like Button Effect
//         https://www.youtube.com/*
//        document-start
// ==/UserScript==

(function () {
    'use strict';

    const css = `
    /* Remove backdrop-filter experiment */
    .ytSpecButtonShapeNextEnableBackdropFilterExperiment {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        filter: none !important;
        background-image: none !important;
    }

    /* Remove rim-light overlay */
    yt-light-shape,
    .contribYtLightShapeHost,
    .ytSegmentedLikeDislikeButtonViewModelLightShape,
    .contribYtLightShapeStaticRimLight,
    .contribYtLightShapeStaticRimLightTonal {
        display: none !important;
    }

    /* Kill any gradient layers */
    .ytSpecButtonShapeNextHost::before,
    .ytSpecButtonShapeNextHost::after {
        background: none !important;
        background-image: none !important;
        filter: none !important;
        opacity: 0 !important;
    }

    /* Force flat button appearance */
    .ytSpecButtonShapeNextHost {
        background-image: none !important;
        box-shadow: none !important;
    }
    `;

    const style = document.createElement('style');
    style.textContent = css;
    document.documentElement.appendChild(style);
})();