Player matches system colour scheme
This commit is contained in:
parent
ee0cd08cf3
commit
9f339c9cb4
1 changed files with 7 additions and 2 deletions
|
@ -1,5 +1,10 @@
|
|||
#player
|
||||
.s-sidebarwidget(style="overflow: hidden")
|
||||
div(style="margin: -1px; margin-bottom: -11px").ps-relative
|
||||
a.ps-absolute.bg-white.bar0.t0.r0.s-btn.s-btn__icon.s-btn__muted.s-btn__sm.px12(href=`/api/play/${item_type}/${item_id}` hx-target="#player" hx-select="#player" hx-push-url="false" title="reload embedded player").fc-theme-primary!= icons.get("refresh-double", 18)
|
||||
iframe(style="border: 0; width: 100%; height: 424px;" src=`https://bandcamp.com/EmbeddedPlayer/${item_type}=${item_id}/size=large/bgcol=ffffff/linkcol=63b2cc/artwork=none/transparent=true/track=${track_id}`)
|
||||
button.ps-absolute.bg-white.bar0.t0.r0.s-btn.s-btn__icon.s-btn__muted.s-btn__sm.px12(hx-get=`/api/play/${item_type}/${item_id}` hx-target="#player" hx-select="#player" hx-push-url="false" title="reload embedded player").fc-theme-primary!= icons.get("refresh-double", 18)
|
||||
iframe#player-iframe(style="border: 0; width: 100%; height: 424px;" data-src=`https://bandcamp.com/EmbeddedPlayer/track=${track_id}/size=large/bgcol=ffffff/linkcol=63b2cc/artwork=none/transparent=true/${item_type}=${item_id}`)
|
||||
script.
|
||||
var dark = window.matchMedia?.("(prefers-color-scheme: dark)").matches
|
||||
var iframe = document.getElementById("player-iframe")
|
||||
if (dark) iframe.src = iframe.getAttribute("data-src").replace("bgcol=ffffff", "bgcol=000000")
|
||||
else iframe.src = iframe.getAttribute("data-src")
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue