I’m having some trouble figuring out how to change the colours on the automatically-generated pages with tables, like the FS3 Ability Limits page. The tables change colour every row, and while one row will be the same colour as the general background, the next will be a really light gray (#f9f9f9 to be exact), making certain colours of text unreadable, and I can’t find any option in the colour settings to change it.
What do I need to change to fix this?
If you change the base colors, you may need to also tweak some of the other styles using custom styling.
For the table stripes specifically, you’ll need to add this to your custom style and change the background color to whatever color you want:
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
Using the browser inspector is a good way to find the styles you’re looking for. Here are some examples and instructions for Chrome.
Oh, and you can use the inspector on existing Ares sites too, or use the standard dark theme for inspiration.