Chunky Retro Scrollbar

Name: FriendRewind
Author: FriendRewind

FriendRewind

18 hours ago — by FriendRewind Team — Scrollbars — used 0 times

A thick old-school scrollbar with a colored thumb. Change #eb7a32 (the thumb) and #1a1a2e (the track) to match your layout. Works in Chrome/Edge/Safari; Firefox gets the thin-themed fallback.

CSS Code

Copy this and paste it at the bottom of the Advanced CSS tab in your layout editor, then save.

/* Chunky Retro Scrollbar */
body.profile-page::-webkit-scrollbar { width: 16px !important; }
body.profile-page::-webkit-scrollbar-track { background: #1a1a2e !important; border: 1px solid #000 !important; }
body.profile-page::-webkit-scrollbar-thumb {
    background: #eb7a32 !important;
    border: 2px outset #ffb27d !important;
}
body.profile-page::-webkit-scrollbar-thumb:hover { background: #ff8c42 !important; }
/* Firefox fallback */
body.profile-page { scrollbar-color: #eb7a32 #1a1a2e !important; scrollbar-width: auto !important; }

How to use: copy the code above → open your layout editor → paste it at the bottom of the Advanced CSS tab → save → refresh your profile. Elements stack — you can combine as many as you like. New to CSS? Read the Custom Code Tutorial.

« Back to all Profile Elements