Something went wrong. Try again.
A decentralized music tracking and discovery platform built on AT Protocol 🎵 rocksky.app
spotify atproto lastfm musicbrainz scrobbling listenbrainz
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103/* Match the landing page's muted text without changing light mode. */html.dark { --rocksky-text-muted: #b8a7c8;}
html.dark .prose { --tw-prose-body: var(--rocksky-text-muted); --tw-prose-lead: var(--rocksky-text-muted); --tw-prose-captions: var(--rocksky-text-muted); --tw-prose-counters: var(--rocksky-text-muted); --tw-prose-invert-body: var(--rocksky-text-muted); --tw-prose-invert-lead: var(--rocksky-text-muted); --tw-prose-invert-captions: var(--rocksky-text-muted); --tw-prose-invert-counters: var(--rocksky-text-muted);}
/* Mintlify's prose-dark theme sets its body color directly. */html.dark .dark\:prose-dark,html.dark .dark\:text-gray-300,html.dark .dark\:text-gray-400,html.dark .dark\:text-gray-500,html.dark .dark\:text-gray-600,html.dark .dark\:text-white\/50 { color: var(--rocksky-text-muted);}
/* Override Shiki's inline backgrounds while keeping Synthwave token colors. */html.dark [data-component-part="code-block-root"],html.dark pre.shiki { --shiki-dark-bg: #130825 !important; background-color: #130825 !important;}
html.dark .code-block-fade-overlay { --fade-color-dark: #130825 !important;}
/* Font Awesome icons use masked backgrounds; SVG controls use currentColor. */@media (forced-colors: none) { html.dark svg[style*="mask-image"]:is( .dark\:bg-gray-300, .dark\:bg-gray-400, .dark\:bg-gray-500, .dark\:bg-gray-600 ) { background-color: var(--rocksky-text-muted); }
html.dark svg:is(.dark\:text-white\/40, .dark\:text-white\/60), html.dark svg:is(.text-gray-300, .text-gray-400, .text-gray-500, .text-gray-600):not( :where([class*="dark:text-"]) ) { color: var(--rocksky-text-muted); }}
/* Keep FAQ and other accordions in the Rocksky dark palette. */html.dark .accordion-group,html.dark details.accordion { background-color: #130825; border-color: #39234f;}
html.dark details.accordion > summary { background-color: #130825; color: #f8edf6;}
html.dark details.accordion > summary:hover,html.dark details.accordion[open] > summary { background-color: #221538;}
html.dark details.accordion > summary:focus-visible { outline: 2px solid #ff2876; outline-offset: -2px;}
html.dark .accordion [data-component-part="accordion-title"] { color: #f8edf6;}
html.dark .accordion [data-component-part="accordion-content"] { color: var(--rocksky-text-muted); --tw-prose-bold: #f8edf6; --tw-prose-invert-bold: #f8edf6;}
html.dark .accordion [data-component-part="accordion-caret-right"] svg { color: var(--rocksky-text-muted);}
html.dark .accordion[open] [data-component-part="accordion-caret-right"] svg,html.dark .accordion > summary:hover [data-component-part="accordion-caret-right"] svg { color: #ff2876;}