Pink Glass Music Bar

Name: FriendRewind
Author: FriendRewind

FriendRewind

18 hours ago — by FriendRewind Team — Music Player Skins — used 0 times

Turns the bottom music bar into a soft pink gradient with white text.
Change the two hex colors in the gradient to re-theme it to anything you like.

CSS Code

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

/* Pink Glass Music Bar */
.music-bar {
    background: linear-gradient(90deg, #ff9ecd, #ffc4e1) !important;
}
.music-bar::before { display: none !important; } /* remove the dark glass overlay */
.music-bar .bar-title { color: #ffffff !important; text-shadow: 0 1px 2px rgba(0,0,0,0.35) !important; }
.bar-now-playing { color: #fff0f8 !important; }
.bar-time-display, .bar-time-total { color: #ffffff !important; }
.bar-progress { background: rgba(255,255,255,0.4) !important; }
.bar-progress-fill { background: #ffffff !important; }
.music-bar .bar-btn { filter: brightness(1.15) !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