RadioDJ Viewer Themes

A collection of custom CSS themes for the RadioDJ Viewer web interface. These themes are designed to transform the standard "Now Playing" display into stylized stream overlays, such as Minecraft-style toast notifications.

🚀 How to Use (Recommended Method)

Because of modern browser security and CORS restrictions, the most reliable way to use these themes in OBS is to copy the code directly into your Browser Source.

Step 1: Get the Theme Code

Open the folder for the theme you want (e.g., css/minecraft/).
Click on the .css file.
Click the Raw button in the Gitea interface.
Select all the text (Ctrl + A) and copy it (Ctrl + C).

Step 2: Configure OBS

Right-click your RadioDJ Viewer Browser Source in OBS and select Properties.
Set the Width to 600 and the Height to 200.
Scroll down to the Custom CSS box.
Delete any existing text and Paste your copied code.
Click OK.

🛠️ Optimization Tips

Fixing Blurry Text

If you are using a stylized or pixel-art font and it appears blurry in OBS, add this snippet to the very top of your Custom CSS box:

* {
    image-rendering: pixelated;
    -webkit-font-smoothing: none;
    font-smooth: never;
}

1.3 KiB Raw Permalink Blame History