active button color uniformity

This commit is contained in:
Onur Gümüş 2022-01-27 14:37:41 +03:00
parent 01e10e2fbe
commit 1166a9f6bd
2 changed files with 6 additions and 6 deletions

View file

@ -1516,7 +1516,7 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
} }
.playback-button--small.active { .playback-button--small.active {
background-color: rgb(200 200 200 / 10%); background-color: rgb(200 200 200 / 25%);
} }
.playback-button--small.search { .playback-button--small.search {
@ -1544,11 +1544,11 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
} }
.playback-button--small.repeat { .playback-button--small.repeat {
background-color: var(--keyColor);
background-image: url("./assets/repeat.svg"); background-image: url("./assets/repeat.svg");
} }
.playback-button--small.repeat.repeatOne { .playback-button--small.repeat.repeatOne {
background-color: rgb(200 200 200 / 25%);
background-image: url("./assets/repeatOne.svg"); background-image: url("./assets/repeatOne.svg");
} }
@ -4435,7 +4435,7 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
} }
.playback-button--small.active { .playback-button--small.active {
background-color: rgba(200, 200, 200, 0.7); background-color: rgb(200 200 200 / 25%);
} }
.playback-button--small { .playback-button--small {
@ -4800,7 +4800,7 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
} }
.playback-button--small.active { .playback-button--small.active {
background-color: rgba(200, 200, 200, 0.7); background-color: rgb(200 200 200 / 25%);
} }
.player-exit { .player-exit {

View file

@ -255,7 +255,7 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
} }
.playback-button--small.active { .playback-button--small.active {
background-color: rgb(200 200 200 / 10%); background-color: rgb(200 200 200 / 25%);
} }
.playback-button--small.activeColor { .playback-button--small.activeColor {
@ -283,11 +283,11 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
} }
.playback-button--small.repeat { .playback-button--small.repeat {
background-color: var(--keyColor);
background-image: url("./assets/repeat.svg"); background-image: url("./assets/repeat.svg");
} }
.playback-button--small.repeat.repeatOne { .playback-button--small.repeat.repeatOne {
background-color: rgb(200 200 200 / 25%);
background-image: url("./assets/repeatOne.svg"); background-image: url("./assets/repeatOne.svg");
} }