Mirrored_Repos/invidious
1
0
Fork 0
mirror of https://github.com/iv-org/invidious.git synced 2025-08-05 18:24:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add color scheme for player

Browse Source
This commit is contained in:
Omar Roth
2018-08-03 18:17:19 -05:00
parent 272e798f5c
commit 5ddf7889fe
4 changed files with 56 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
assets/css/darktheme.css
View File

@@ -1,6 +1,6 @@
a:hover,
a:active {
color: #46aaf6;
color: rgb(0, 182, 240);
}
a {
@@ -9,7 +9,7 @@ a {
}
body {
background-color: #101010;
background-color: #232323;
color: #f0f0f0;
}
@@ -21,15 +21,14 @@ body {
color: #f0f0f0;
}
.pure-form > fieldset > input, .pure-control-group > input {
color: #101010;
.pure-form > fieldset > input,
.pure-control-group > input,
.pure-form > fieldset > select,
.pure-control-group > select {
color: #232323;
}
.pure-form > fieldset > select, .pure-control-group > select {
color: #101010;
}
.navbar>.searchbar input {
.navbar > .searchbar input {
background-color: inherit;
color: inherit;
}

45
assets/css/default.css
View File

@@ -133,3 +133,48 @@ div {
transform: rotate(360deg);
}
}
/* Control Bar */
.video-js .vjs-control-bar,
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
background-color: rgba(33, 33, 33, 0.75);
}
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
background-color: rgba(255, 255, 255, 0.75);
color: rgba(49, 49, 51, 0.75);
}
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
background-color: rgba(0, 182, 240, 0.75);
}
/* Progress Bar */
.video-js .vjs-slider {
background-color: rgba(15, 15, 15, 0.5);
}
.video-js .vjs-slider:hover,
.video-js button:hover {
color: rgba(0, 182, 240, 1);
}
.video-js .vjs-load-progress,
.video-js .vjs-load-progress div {
background: rgba(87, 87, 88, 0.5);
}
.video-js .vjs-play-progress {
background-color: rgba(0, 182, 240, 0.5);
}
/* Big "Play" Button */
.video-js .vjs-big-play-button {
background-color: rgba(33, 33, 33, 0.5);
}
.video-js:hover .vjs-big-play-button {
background-color: rgba(33, 33, 33, 0.75);
}