Skip to content

tim64's truffle.vip changes by tim64

Write a review Install Get Stylus

Details

Authortim64

LicenseNo License

Categoryuserstyles, youtube, ludwig, mogul.tv, youtube live, youtube gaming, truffle, truffle.vip, truffle.tv

Created

Updated

Size2.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Makes YouTube Live chat look more like Twitch chat.

For use on Ludwig's (or anyone's) YouTube Live streams with Truffle enabled (get here: https://truffle.vip/extension )

Notes

1.0.8: nvm just cant do 32x32 with bttv emotes!!

1.0.7: think i fixed small emotes

1.0.6: Made it so emotes have at least 32px height, don't know how to make small emotes like ppL or Kapp look normal, will look into that more but those are used rarely nowadays

Source code

/* ==UserStyle==
@name         tim64's mogul.tv changes
@version      1.0.8
@namespace    userstyles.world/user/tim64
@description  Makes YouTube Live chat look more like Twitch chat.

For use on Ludwig's YouTube Live streams with Truffle's extension enabled (get here: https://truffle.vip/extension )
@author       tim64
@license      No License
==/UserStyle== */

@-moz-document domain("youtube.com") {
#message.yt-live-chat-text-message-renderer .emoji.yt-live-chat-text-message-renderer {
    height: max-content !important;
    max-height: 28px !important;
    max-width: 84px !important;
    min-height: auto !important;
    min-width: auto !important;
    margin: 0;
    vertical-align: middle;
}

#author-name.member.yt-live-chat-author-chip,
#author-name.moderator.yt-live-chat-author-chip,
#author-name.yt-live-chat-author-chip {
    font-weight: 700 !important;
    font-size: 13px !important;
}

#message.yt-live-chat-text-message-renderer .emoji.yt-live-chat-text-message-renderer {
    width: var(--yt-live-chat-emoji-size);
    height: var(--yt-live-chat-emoji-size);
    margin: 0 !important;
    vertical-align: middle;
}

yt-live-chat-text-message-renderer {
    min-height: 22px !important;
}

yt-live-chat-text-message-renderer.style-scope.yt-live-chat-item-list-renderer {
    height: max-content;
    background: #1E1E1E;
    padding: 5px 2rem;
    overflow-wrap: anywhere;
    font-family: "Inter","Roobert","Helvetica Neue",Helvetica,Arial,sans-serif !important;
    border: solid 1px #000;

}

body[data-mogul-chat-styles] #author-name.member.yt-live-chat-author-chip, #author-name.moderator.yt-live-chat-author-chip {
    font-weight: 700 !important;
}
    
body[data-mogul-chat-styles] yt-live-chat-text-message-renderer {
    min-height: 22px !important;
}

/*yt-live-chat-author-chip[is-highlighted] #author-name.owner.yt-live-chat-author-chip, #author-name.owner.yt-live-chat-author-chip {
    background: #ffd600 !important;
}*/

/* Alternate row color *//*
yt-live-chat-text-message-renderer:nth-child(2n) {
    background: #121212;
}*/
}

Reviews

No reviews yet.