<?xml version="1.0" encoding="UTF-8"?>
<template name="Now playing" category="Music" description="Track and artist with an equaliser accent." anim="slide" from="left" animMs="480">
  <field id="track" label="Track" default="Neon Skyline"/>
  <field id="artist" label="Artist" default="The Midnight Signal"/>
  <field id="accent" label="Accent start" type="color" default="#a855f7"/>
  <field id="accent2" label="Accent end" type="color" default="#ec4899"/>

  <rect x="110" y="864" h="96" radius="14" fill="rgba(12,15,20,0.92)" fit="track,artist" pad="30" extra="104" min="420"/>
  <rect x="134" y="882" w="60" h="60" radius="12" fill="linear(135,{accent},{accent2})"/>
  <rect x="150" y="906" w="8" h="18" radius="2" fill="#ffffff"/>
  <rect x="162" y="898" w="8" h="34" radius="2" fill="#ffffff"/>
  <rect x="174" y="910" w="8" h="14" radius="2" fill="#ffffff"/>
  <text x="222" y="880" size="18" weight="900" color="{accent}" letterSpacing="2" uppercase="true">Now playing</text>
  <text id="track" x="222" y="900" size="32" weight="800" color="#ffffff" maxWidth="900">{track}</text>
  <text id="artist" x="222" y="936" size="22" weight="500" color="rgba(255,255,255,0.72)" maxWidth="900" if="artist">{artist}</text>
</template>
