Cannot Read Menus

Kenkelley
Kenkelley
in Custom CSS Discussions

Maybe it's my old eyes, but I find yellow text on a white background and white text on a yellow background impossible to read.

I searched for custom CSS that would change colors.  I found a git repository with several examples. But none of them change the menu colors. So, as nice as some of them are, they don't address my problem.

I don't know how to use CSS and it's not something I would be interested in learning.

Does anyone have examples of CSS that would change the menu colors?

Thank you

Comments

  • vadercomplex
    vadercomplex
    Posts: 267

    Hey @kenkelley! I'll get this to the team, and get back with you. ☺

    Obsidian Portal Support Druid | [email protected]

  • vadercomplex
    vadercomplex
    Posts: 267

    Here is the update from our Devs!

    The easy solution is to go to the Campaign Settings > Style …

    And then change the Campaign Colors for “Main” and “Main Dark” to be colors other than Yellow or Gold that you find easier to read white text on.

    Some of the other backgrounds have default colors that that are not Yellow/Gold, so if you’re not sure what colors to pick that would work with the other colors in the color scheme, then you could choose one of those alternate backgrounds and color schemes.

    If you don’t want white text at all, we went through and tried to find all the places that had it, and created CSS that would override the white with a grey color. Put this CSS in your Custom CSS to see those changes. (Let us know if we missed one somewhere and we can update this with a fix.)

    CUSTOM CSS:

    .campaign-dashboard-layout .player-group-module .player-square, .campaign-dashboard-layout .player-group-module .sms-all-button {

    color: rgb(118, 118, 118);

    }

    .campaign-secrets-index .fc-widget-header {

    color: rgb(118, 118, 118);

    }

    button, .button, a.button {

    color: rgb(118, 118, 118);

    }

    .button:hover, .button:focus {

    color: rgb(118, 118, 118);

    }

    .campaign-public-layout #campaign-nav .active a {

    color: rgb(118, 118, 118);

    }

    .campaign-calendar-index .fc-widget-header {

    color: rgb(118, 118, 118);

    }

    .campaign-calendar-index .fc-widget-content {

    color: rgb(118, 118, 118);

    }

    .campaign-dashboard-layout .fc-state-active {

    color: rgb(118, 118, 118);

    }

    .campaign-calendar-index .fc-state-active {

    color: rgb(118, 118, 118);

    }

    .alert-box.success {

    color: rgb(118, 118, 118);

    }

    .links-inherit-color a {

    color: rgb(118, 118, 118) !important;

    }

    .campaign-map-index .new-map-container a {

    color: rgb(118, 118, 118);

    }

    Obsidian Portal Support Druid | [email protected]

  • vadercomplex
    vadercomplex
    Posts: 267

    @Kenkelley ☺

    Obsidian Portal Support Druid | [email protected]

  • Kenkelley
    Kenkelley
    Posts: 2

    Thank you,

    That is exactly what I was looking for.  I saw that page, but totally misunderstood it's purpose.

    Thanks

    Ken

Sign In or Register to comment.

September 2026
City of Shadows

Read the feature post on the blog
Return to Obsidian Portal

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Discussions

Categories