iv-org-mirror/invidious-copy-2023-06-08
1
0
Fork 0
mirror of https://gitea.invidious.io/iv-org/invidious-copy-2023-06-08.git synced 2024-08-15 00:53:38 +00:00
Code Issues Projects Releases Packages 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);
}