VideoPlayer: use accent color for volume/seek progress bars
This commit is contained in:
parent
53ce30e472
commit
14d800c845
1 changed files with 4 additions and 4 deletions
|
@ -297,7 +297,7 @@
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
transform: translate(0, -50%);
|
transform: translate(0, -50%);
|
||||||
background: var(--brand-color);
|
background: var(--accent-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
&__handle {
|
&__handle {
|
||||||
|
@ -310,7 +310,7 @@
|
||||||
left: 0;
|
left: 0;
|
||||||
margin-left: -6px;
|
margin-left: -6px;
|
||||||
transform: translate(0, -50%);
|
transform: translate(0, -50%);
|
||||||
background: var(--brand-color);
|
background: var(--accent-color);
|
||||||
box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);
|
box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
|
||||||
|
@ -364,7 +364,7 @@
|
||||||
height: 4px;
|
height: 4px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
top: 14px;
|
top: 14px;
|
||||||
background: var(--brand-color);
|
background: var(--accent-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
&__buffer {
|
&__buffer {
|
||||||
|
@ -380,7 +380,7 @@
|
||||||
height: 12px;
|
height: 12px;
|
||||||
top: 10px;
|
top: 10px;
|
||||||
margin-left: -6px;
|
margin-left: -6px;
|
||||||
background: var(--brand-color);
|
background: var(--accent-color);
|
||||||
box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);
|
box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);
|
||||||
|
|
||||||
.no-reduce-motion & {
|
.no-reduce-motion & {
|
||||||
|
|
Loading…
Reference in a new issue