New: Mini play button is colored; it is also user-customisable via --btnMiniPlayColor

This commit is contained in:
lscambo13
2025-02-02 14:40:27 +05:30
parent a27e9e6713
commit bb7c2acf7d

View File

@@ -37,9 +37,9 @@
--activeColor: rgb(119, 91, 244); --activeColor: rgb(119, 91, 244);
--tableBodyColor: rgb(31 41 55 / 1); --tableBodyColor: rgb(31 41 55 / 1);
--uiAccentColor: rgb(117 111 226); --uiAccentColor: rgb(117 111 226);
/* --btnPlayColor: rgb(41 154 93); */ --btnMiniPlayColor: rgb(41 154 93);
--btnPlayColor: rgb(32, 32, 32); /* --btnMiniPlayColor: rgb(32, 32, 32); */
--btnPlayBorderColor: color-mix(in srgb, var(--btnPlayColor), rgb(255, 255, 255) 5%); --btnPlayBorderColor: color-mix(in srgb, var(--btnMiniPlayColor), rgb(255, 255, 255) 5%);
--backgroundGradient: linear-gradient(0deg, var(--darkerGradientPoint) 35%, var(--lighterGradientPoint)); --backgroundGradient: linear-gradient(0deg, var(--darkerGradientPoint) 35%, var(--lighterGradientPoint));
--cardBackgroundGradient: linear-gradient(0deg, var(--darkerGradientPoint), var(--lighterGradientPoint) 25%); --cardBackgroundGradient: linear-gradient(0deg, var(--darkerGradientPoint), var(--lighterGradientPoint) 25%);
--hoverGradientA: linear-gradient(130deg, rgb(255 255 255 / 35%) 20%, rgb(255 255 255 / 15%) 40%); --hoverGradientA: linear-gradient(130deg, rgb(255 255 255 / 35%) 20%, rgb(255 255 255 / 15%) 40%);
@@ -251,7 +251,7 @@ html {
.cardOverlayContainer>.cardOverlayFab-primary, .cardOverlayContainer>.cardOverlayFab-primary,
.listItemImageButton, .listItemImageButton,
.layout-mobile .cardOverlayButton-br>.cardOverlayButtonIcon { .layout-mobile .cardOverlayButton-br>.cardOverlayButtonIcon {
background-color: var(--btnPlayColor) !important; background-color: var(--btnMiniPlayColor) !important;
color: white; color: white;
border: var(--defaultLighterBorder); border: var(--defaultLighterBorder);
border-color: var(--btnPlayBorderColor); border-color: var(--btnPlayBorderColor);