YouTube Ice Blue Theme by Soro

/* ==UserStyle==
@name         YouTube Ice Blue Theme
@version      20231128.02.25
@namespace    userstyles.world/user/Soro
@description  YouTube Theme based on blue.
@author       Soro
@license      No License
==/UserStyle== */

@-moz-document domain("www.youtube.com") {
/*---------------------
共通変数
---------------------*/
html {
  --sr-main-color: #7bd2f4;
  --sr-deeper-color: #6fa8dc;
  --sr-purple-color: #4B73FF
}

/*-------------------------------------
テキスト
-------------------------------------*/

/*リンクテキスト色*/
.yt-core-attributed-string__link,
.yt-simple-endpoint.style-scope.yt-formatted-string.bold,
#content-text a.yt-simple-endpoint.style-scope.yt-formatted-string,
.yt-spec-button-shape-next.yt-spec-button-shape-next--text.yt-spec-button-shape-next--call-to-action-inverse.yt-spec-button-shape-next--size-m,
.yt-spec-button-shape-next.yt-spec-button-shape-next--text.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--size-m,
.yt-spec-button-shape-next.yt-spec-button-shape-next--text.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-leading.yt-spec-button-shape-next--align-by-text,
ytd-compact-video-renderer[music-metadata-video-lockup] a.yt-simple-endpoint.ytd-compact-video-renderer[href] h3.ytd-compact-video-renderer {
    color: var(--sr-main-color) !important
}

/*ボタン色*/
#subscribe-button {
    color: var(--sr-deeper-color) !important
}

/*動画下ボタン非表示*/
#analytics-button {
    display: none !important
}



/*--------------------------------
概要欄
--------------------------------*/

/*プレミアム催促非表示*/
#premium-upsell-link {
    display: none
}

/*チャプターのタイムスタンプ*/
#time {
    color: var(--sr-main-color) !important
}

/*文字起こしを表示*/
.yt-spec-button-shape-next.yt-spec-button-shape-next--outline.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--size-m {
    color: var(--sr-main-color)
}

/*音楽 曲*/
#default-metadata a.yt-simple-endpoint.style-scope.yt-formatted-string {
    color: var(--sr-main-color) !important
}


/*シークバー/
#progress,*/
.style-scope.yt-page-navigation-progress,
.style-scope.ytd-thumbnail-overlay-resume-playback-renderer,
.ytp-play-progress.ytp-swatch-background-color,
.ytp-scrubber-button.ytp-swatch-background-color {
    background: linear-gradient(220.55deg, #7CF7FF 0%, #4B73FF 100%) !important
}

/*同期ボタン*/
.ytp-live-badge[disabled]:before {
    background: linear-gradient(220.55deg, #7CF7FF 0%, #4B73FF 100%)
}

/*YouTubeアイコン*/
#logo-icon-container.ytd-topbar-logo-renderer svg g path[fill*="#FF0000"], ytd-topbar-logo-renderer.style-scope > a > div > ytd-logo > yt-icon > yt-icon-shape > icon-shape > div > svg > svg:nth-child(1) > g:nth-child(1) > path:nth-child(1), svg.ytd-consent-bump-v2-lightbox > g:nth-child(1) > g:nth-child(1) > path:nth-child(1) {
    fill: #4B73FF
}



/*---------------------------
チャット欄
---------------------------*/

/*チャットへようこそ！を非表示*/
yt-live-chat-viewer-engagement-message-renderer {
    display: none
}

/*チャット欄のハートを非表示*/
#fab-container {
    display: none;
}
.style-scope.yt-reaction-control-panel-overlay-view-model {
    display: none;
}



/*右サイドパネル*/
.yt-simple-endpoint.style-scope.yt-formatted-string {
    color: var(--sr-main-color)
}



/*----------------------------
ホーム画面
----------------------------*/

/*通知バッチ*/
.yt-spec-icon-badge-shape__badge {
    background:  linear-gradient(220.55deg, #5D85A6 0%, #0E2C5E 100%); 
}


/*ライブ配信マーク*/
.badge.badge-style-type-live-now-alternate.style-scope.ytd-badge-supported-renderer.style-scope.ytd-badge-supported-renderer {
    background:  linear-gradient(220.55deg, #5D85A6 0%, #0E2C5E 100%);
}
}