Blank XenForo (UI/UX Design Tool) 1.0.0

Blank XenForo is a tool I use to experiment with XenForo's Style Properties system. As cool as it would be, it's not intended to be a style used on your live forum. The purpose of this masterpiece is to help you quickly identify what each Style Property in the Admin Control Panel will target on the frontend.

Every default XenForo Style Property with a color input box has been changed to rgb(0, 0, 0) (black) for text and icons, and rgb(255, 255, 255) (white) for backgrounds. In some child properties that don't cause errors, the color values have been removed completely to achieve the same result more efficiently.

Borders are set to 0px to hide them but if you revert those sizes you will see black borders.

---

Now, I know what you're thinking... Why and how should you use this?

Personally, I find it helpful in two ways:

1. You can easily find what a Style Property targets by changing the color to red (or your favorite color) and then hop over to another tab with your forum's frontend pages to identify what actually changed to red (or your favorite color). After you find it you can customize all of its CSS with the comfort of knowing what your code is breaking styling! Note: Alternatively you can revert the whole group of properties to see how they work together.

2. Maybe you're focused on UX more than UI and write a lot of custom code in the Templates to significantly change the structure of the default XenForo layout (i.e. experimenting with XenForo not looking like a classic forum).

When I'm doing that, sometimes I find it easier to focus on UX when the page feels like it doesn't have CSS yet, kind of like writing an HTML static website from scratch. It can be handy to change things around with the black and white page and focus on making it look shiny later on.