Skip to content

Commit

Permalink
style: 🎨 Added ability to customise indicator colour
Browse files Browse the repository at this point in the history
  • Loading branch information
JamsRepos committed Jun 29, 2024
1 parent 41e3f47 commit c9f57e8
Showing 1 changed file with 12 additions and 10 deletions.
22 changes: 12 additions & 10 deletions theme/modules/count-indicators.css
Original file line number Diff line number Diff line change
Expand Up @@ -4,21 +4,23 @@
This can be used as a standalone module.
*/

:root {
--show-count-indicators: flex; /* none to hide */
--count-indicator-colour: rgba(200, 200, 200, 0.75);
--played-indicator-colour: rgba(32, 139, 36, 0.75);
}

.countIndicator {
display: var(--show-count-indicators);
}

.countIndicator,
.fullSyncIndicator,
.mediaSourceIndicator,
.playedIndicator {
background: -webkit-linear-gradient(top right, #aa5cc3, #00a4dc);
background: -moz-linear-gradient(top right, #aa5cc3, #00a4dc);
background: -o-linear-gradient(top right, #aa5cc3, #00a4dc);
background: -ms-linear-gradient(top right, #aa5cc3, #00a4dc);
background: linear-gradient(to bottom right, #aa5cc3, #00a4dc);
background: var(--count-indicator-colour);
}

.playedIndicator {
background: -webkit-linear-gradient(top right, #4a964d, #208b23);
background: -moz-linear-gradient(top right, #4a964d, #208b23);
background: -o-linear-gradient(top right, #4a964d, #208b23);
background: -ms-linear-gradient(top right, #4a964d, #208b23);
background: linear-gradient(to bottom right, #4a964d, #208b23);
background: var(--played-indicator-colour);
}

0 comments on commit c9f57e8

Please sign in to comment.