Skip to content

Instantly share code, notes, and snippets.

@fi-res
Last active June 26, 2026 13:10
Show Gist options
  • Select an option

  • Save fi-res/b939dd33fef8a80270da1a34c78c09bf to your computer and use it in GitHub Desktop.

Select an option

Save fi-res/b939dd33fef8a80270da1a34c78c09bf to your computer and use it in GitHub Desktop.
High contrast orange theme for ymusic
* {
font-family: Iosevka Nerd Font !important;
line-height: normal !important;
--ym-spacer-size-xl: 10px;
--ym-spacer-size-s: 8px;
--ym-slider-color-primary-progress: #ec5e1c;
--control-background-color: transparent;
--ym-background-color-primary-enabled-popover: #0a0a0a;
--ym-layout-background-color: #000;
--ym-controls-color-primary-text-enabled: #eeddee88;
--ym-layout-border-radius: 0;
--ym-controls-color-primary-default-hovered: #ff854d;
--album-cover-size: 0;
--ym-radius-size-s: 0;
--ym-radius-size-xs: 0;
--ym-radius-size-l: 0;
--ym-radius-size-m: 0;
--ym-surface-color-primary-enabled-list: #ec5e1c;
--ym-controls-color-primary-text-enabled_variant: #fff;
--ym-controls-color-primary-default-enabled: #ec5e1c;
--ym-logo-color-primary-text: #ec5e1c;
--ym-logo-color-primary-variant: #ec5e1c;
--ym-logo-color-primary-player: #ec5e1c;
--ym-radius-size-m: 0px;
--vibe-gradient-stop-0: #000 !important;
--vibe-gradient-stop-1: #000 !important;
--vibe-gradient-stop-2: #000 !important;
--vibe-gradient-stop-3: #000 !important;
--vibe-gradient-stop-4: #000 !important;
--vibe-gradient-stop-5: #000 !important;
--vibe-gradient-stop-6: #000 !important;
--vibe-gradient-stop-7: #000 !important;
--vibe-gradient-stop-8: #000 !important;
--vibe-gradient-stop-9: #000 !important;
--vibe-gradient-stop-10: #000 !important;
--vibe-gradient-stop-11: #000 !important;
--vibe-gradient-stop-12: #000 !important;
--vibe-gradient-stop-13: #000 !important;
--vibe-gradient-stop-14: #000 !important;
--vibe-gradient-stop-15: #000 !important;
--average-color-background: rgba(255, 108, 0, 0.2);
}
button:not(.WsKeF73pWotx9W1tWdYY.VibePlayerControls_playButton__vnoer) {
/*border-bottom-right-radius: 4px !important;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 8px !important;
border-top-right-radius: 4px !important;*/
border-radius: 0 !important;
}
.VibePage_words__39Mii, .swiper, .WheelDesktop_wrapper__IXHUc {
display: none;
}
.Pin_root__UyplT {
background: #ec5e1c22;
}
.Pin_root__UyplT:hover {
background: #ec5e1c;
}
/*.JkKcxRVvjK7lcakkEliC {
background: white;
}*/
.AlbumCard_cover__zXmdl {
border-radius: 0px;
}
.CommonAlbumPage_content__vRSnu, ArtistPage_content__iZHVN {
background: black;
}
a[href="/plus"], a[href="/non-music"], a[href="/concerts"], a[href="/landing/main"] {
display: none;
}
.kRmUIkcHKD5AgtpPo8wT, .buOTZq_TKQOVyjMLrXvB {
border-radius: 0px;
}
.UserProfile_root__vFuOj {
display: none;
}
.MainPage_feedbackForm__fdo2L {
display: none;
}
.VibePlayerBar_progress__Cri6E {
color: white;
}
canvas {
display: none;
}
.VibePlayerControls_playButton_playing__qPeBv {
background-color: #ec5e1c;
}
.VibePlayerControls_playButton_playing__qPeBv .VibePlayerControls_playButtonIcon__OXCWN {
color: #000;
}
.s7_MO4NdsYs7nPQALD8W {
border-radius: 0;
padding: 0;
width: 15rem;
}
.CommonLayout_root__WC_W1 {
padding: 0;
}
.PlayerBarDesktopWithBackgroundProgressBar_root__bpmwN.PlayerBarDesktopWithBackgroundProgressBar_important__HzXrK {
background: hsla(19.3, 86.5%, 20.4%, 0.35);
}
.PageHeaderArtist_root__QhL_a {
background: #000;
}
.TrackModal_root__QrFg6 {
border-radius: 0;
}
.SearchPage_main__FDQGD, .Footer_important__mCXZp,
.NavbarDesktopAnimatedBar_root__tTyvO,
.PlayQueue_root__ponhw::before, .PlayQueue_root__ponhw::after,
div section[data-intersection-property-id="Collection_kids"],
div section[data-intersection-property-id="dislikes_web"],
div .CollectionAlbumsEmpty_root__xtfuI,
div .CollectionClipsEmpty_root__LwgZS {
display: none;
}
.Skeleton_root__ANDaF {
height: initial !important;
}
.s7_MO4NdsYs7nPQALD8W {
background-filter: initial;
background-color: #0a0a0a;
}
.ChangeTimecodeBackground_root__B89FS .ChangeTimecodeBackground_progressbar__M93Ie, .ChangeTimecodeBackground_root__B89FS .ChangeTimecodeBackground_thumb__vx6J0, .ChangeTimecodeBackground_root__B89FS .ChangeTimecodeBackground_timecodeGroup__2VQ1N {
opacity: 1 !important;
}
.ChangeTimecodeBackground_root__B89FS .ChangeTimecodeBackground_progressbar__M93Ie::before {
background-color: var(--ym-controls-color-primary-default-enabled);
}
.VibePlayerbarMeta_center__6kbMi {
border-radius: 0;
margin-left: 25px;
margin-right: 25px;
}
.VibePlayerbarMeta_center__6kbMi::before {
background: #ec5e1c;
}
.VibePlayerBar_button__GLhJ_ {
background: hsla(0,0%,100%,.15) !important;
}
@fi-res

fi-res commented Jun 26, 2026

Copy link
Copy Markdown
Author

Оранжева темя для херняндекс музыки (хайх контраст)

изображение изображение

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment