/* Songy theme - vps.dejny.eu look: no borders, layered shadow elevation. Overrides your_spotify CSS variables only (stable across app updates). */ :root { --accent: #1bd760; --radius: 10px; } .light-vars { --background: #fcfcfb; --content-background: #f9f9f7; --shadow: 0 2px 4px rgb(11 11 11 / 7%), 0 16px 32px -8px rgb(11 11 11 / 22%); --hardshadow: 0 4px 8px rgb(11 11 11 / 8%), 0 24px 48px -12px rgb(11 11 11 / 28%); --content-border: 1px solid transparent; --border-color: #e1e0d9; --hover: #f1f0ec; --selected: #e7e6e0; --divider: #e1e0d9; --text-grey: #52514e; --input-background-color: #efeeea; --input-background-color-hover: #e4e3dd; --code-background: #eceae4; } .dark-vars { --background: #1e1e1d; --content-background: #0d0d0d; --shadow: 0 0 20px rgb(255 255 255 / 5%), 0 14px 36px rgb(0 0 0 / 75%); --hardshadow: 0 0 28px rgb(255 255 255 / 8%), 0 20px 56px rgb(0 0 0 / 90%); --content-border: 1px solid transparent; --border-color: #383835; --hover: #262625; --selected: #32322f; --divider: #2c2c2a; --text-grey: #898781; --code-background: #2c2c2a; } /* Rounded bar charts: SVG goo filter (blur + alpha threshold) rounds the silhouette of Recharts bars; the filter def is injected into by nginx. */ .recharts-bar { filter: url(#songy-round); }