diff --git a/packages/client/src/components/mod-player.vue b/packages/client/src/components/mod-player.vue index 9b1e5f382..c7f0b84fb 100644 --- a/packages/client/src/components/mod-player.vue +++ b/packages/client/src/components/mod-player.vue @@ -304,7 +304,7 @@ function display() { height: 100%; width: 14px; border-radius: 0; - background: var(--accent); + background: var(--accentLighten); cursor: pointer; -webkit-appearance: none; margin-top: -0.5px; @@ -320,12 +320,18 @@ function display() { border: 1px solid var(--fg); } + &::-moz-range-progress { + cursor: pointer; + height: 100%; + background: var(--accent); + } + &::-moz-range-thumb { border: none; height: 100%; border-radius: 0; width: 14px; - background: var(--accent); + background: var(--accentLighten); cursor: pointer; } @@ -340,7 +346,13 @@ function display() { color: transparent; } - &::-ms-fill-lower, &::-ms-fill-upper { + &::-ms-fill-lower { + background: var(--accent); + border: 1px solid var(--fg); + border-radius: 0; + } + + &::-ms-fill-upper { background: var(--bg); border: 1px solid var(--fg); border-radius: 0; @@ -352,7 +364,7 @@ function display() { height: 100%; width: 14px; border-radius: 0; - background: var(--accent); + background: var(--accentLighten); cursor: pointer; }