After developing a simple custom CSS plugin (https://forums.unraid.net/topic/195276-plugin-simple-custom-webui-css-plugin-for-unraid-72/) that works on Unraid 7.2+, I spent some time refining my personal CSS code and releasing it here as a theme.

It now features a more modern look for pages like Dashboard and Main, with improved rounded gradient borders for buttons, while remaining compatible with both White and Black base themes. I intentionally limited the scope of the CSS to avoid breaking the display of various third-party plugins, but if you still encounter issues, feel free to provide feedback here.

This theme is only tested on 7.2+, If you're using an older Unraid version (≤7.1.4), you can still reference specific sections of my CSS (e.g., Buttons) with some adaptation and use Skitals's Theme Engine plugin to apply the CSS.

Installation:

First, install the Custom CSS plugin:

Input this URL in “PLUGINS => Install Plugin tab” to Install:

https://raw.githubusercontent.com/WuSiYu/unraid-custom-css/refs/heads/master/custom.css.plg

Then navigate to SETTINGS => Custom WebUI CSS, paste the content from this file, and apply:

https://github.com/WuSiYu/unraid-custom-css/blob/master/example.css

Screenshots (hi-res images: https://github.com/WuSiYu/unraid-custom-css?tab=readme-ov-file#usage-and-configuration):

Better button style:

2025/11/24 v0.1.0 initial release

2025/11/25 v0.2.0 update:

gradient button color text (not supported on firefox, will fallback to v0.1.0 style), accent on special buttons:

new Tab style:

Edited November 25, 2025Nov 25 by Wu23333

Thank you for this! I just upgraded unraid and tried out your plugin & css and it looks great!

Thanks from me too. It looks really modern and stylish.

-faxxe

really appreciated - was missing my custom background! I'm a novice when it comes to CSS but managed to set back to familiar interface - thanks!

For info - I chose the black theme in dynamic and put this in the "for black theme only" section:

/* Additional CSS (Black Theme Only) */

:root {

/* --background-color: #616180; */

background-image: url('/plugins/custom.css/assets/IMG_0890.jpg');

background-size: cover;

--background-color: transparent;

--custom-bg: rgba(0, 0, 0, 0.5);

}

Edited December 2, 2025Dec 2 by Lard

Really clean and nice! One issues I have when using the provided example.css: the buttons in the Action Centre are not correctly displayed. Select all on page is hidden, if you click on the empty space where it should be located it appears but then the other two buttons disappear. I don't know CSS, so I have no idea how to fix it.