mirror of
https://github.com/ION606/browser-chromium.git
synced 2026-05-14 22:26:56 +00:00
149 lines
3.0 KiB
CSS
149 lines
3.0 KiB
CSS
/* general background and text */
|
|
body,
|
|
#page-manager,
|
|
ytd-app {
|
|
background-color: #11111b !important;
|
|
/* dark purpleish black */
|
|
color: #d1d1e9 !important;
|
|
/* soft light purple text */
|
|
}
|
|
|
|
/* video background */
|
|
#player-container,
|
|
#movie_player,
|
|
.html5-video-player {
|
|
background-color: #0f0f17 !important;
|
|
/* darker background for video */
|
|
}
|
|
|
|
/* sidebar and primary navigation */
|
|
#container,
|
|
ytd-guide-entry-renderer,
|
|
ytd-mini-guide-renderer {
|
|
background-color: #181828 !important;
|
|
/* deep dark purple */
|
|
}
|
|
|
|
#sections,
|
|
ytd-guide-renderer {
|
|
background-color: #1b1b2f !important;
|
|
/* matches body */
|
|
}
|
|
|
|
/* header and search bar */
|
|
#masthead-container {
|
|
background-color: #2a2a4d !important;
|
|
/* dark purplish shade */
|
|
}
|
|
|
|
#search-icon-legacy {
|
|
color: #d1d1e9 !important;
|
|
}
|
|
|
|
/* video title and descriptions */
|
|
#video-title,
|
|
.ytp-chrome-top,
|
|
.ytp-title-text {
|
|
color: #d1d1e9 !important;
|
|
}
|
|
|
|
|
|
/* video progress bar */
|
|
.ytp-play-progress {
|
|
background-color: #6b5b95 !important;
|
|
/* purplish progress bar */
|
|
}
|
|
|
|
.ytp-scrubber-button {
|
|
background-color: #b794f4 !important;
|
|
/* purplish scrubber */
|
|
}
|
|
|
|
/* links and video titles */
|
|
a,
|
|
.yt-simple-endpoint {
|
|
color: #b794f4 !important;
|
|
/* purplish links */
|
|
}
|
|
|
|
a:hover {
|
|
color: #d1d1e9 !important;
|
|
/* lighter on hover */
|
|
}
|
|
|
|
/* comments section */
|
|
ytd-comment-thread-renderer {
|
|
background-color: #181828 !important;
|
|
/* dark purpleish black */
|
|
border: 1px solid #262646 !important;
|
|
}
|
|
|
|
ytd-comment-renderer #content-text {
|
|
color: #d1d1e9 !important;
|
|
}
|
|
|
|
/* misc elements */
|
|
#related,
|
|
#items,
|
|
#panels {
|
|
background-color: #1b1b2f !important;
|
|
}
|
|
|
|
/* subscribe button */
|
|
ytd-subscribe-button-renderer {
|
|
background-color: #6b5b9500 !important;
|
|
color: #ffffff !important;
|
|
}
|
|
|
|
ytd-subscribe-button-renderer:hover * {
|
|
color: #8f4df3 !important;
|
|
}
|
|
|
|
#search-form {
|
|
background: transparent;
|
|
}
|
|
|
|
#voice-search-button .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text {
|
|
background-color: red;
|
|
}
|
|
|
|
#voice-search-button .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text:hover {
|
|
background-color: coral;
|
|
}
|
|
|
|
#search-clear-button {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
ytd-button-renderer {
|
|
background: transparent;
|
|
}
|
|
|
|
.yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response:hover {
|
|
background-color: rgba(255, 255, 255, 0.596);
|
|
}
|
|
|
|
yt-icon.ytd-logo {
|
|
color: inherit;
|
|
background-color: inherit;
|
|
}
|
|
|
|
.guide-icon.ytd-guide-entry-renderer {
|
|
color: white;
|
|
color: white;
|
|
}
|
|
|
|
html[darker-dark-theme], [darker-dark-theme] [light] {
|
|
--yt-spec-text-primary: white;
|
|
--ytd-searchbox-legacy-button-color: grey;
|
|
--yt-spec-raised-background: rgb(20, 70, 37);
|
|
--yt-spec-text-secondary: offwhite;
|
|
--ytd-searchbox-text-color: white;
|
|
|
|
--yt-spec-icon-active-other: white;;
|
|
--yt-spec-icon-inactive: darkgrey;
|
|
--yt-spec-icon-disabled: darkgrey;
|
|
--yt-spec-brand-icon-active: white;
|
|
--yt-spec-brand-icon-inactive: grey;
|
|
--yt-button-icon-button-text-color: black;
|
|
} |