Custom Theme tutorial and playbook graphics

[drummerJ99]

Tried the demo when it came out and decided to pick up CF24 with the Black Friday sale. I'm wondering is there any tutorial on what is changed with what commands in the customtheme.css or even what all is editable? Is the whole screen editable? Or just what's inside the tables (assuming that's what they are called). I've tried downloading a few different ones online and just playing around with them but extremely lost. LOL

Also...are the play graphics themselves modable? For example could I make some similar to Madden (red for run/blitzes, orange/yellow for passing routes) and then add those to the game?

[brooks_piggott]

It depends on the screen and what you're trying to edit. Feel free to post the current customtheme.css stuff here and what screen and what you're trying to change and I can take a look.

And no, the play graphics are not moddable.

[drummerJ99]

It depends on the screen and what you're trying to edit. Feel free to post the current customtheme.css stuff here and what screen and what you're trying to change and I can take a look.

And no, the play graphics are not moddable.

Can you change the team names and sim game/play game/matchup text? And make it different then the sidebar text color? Or can you change the look of that matchup box?

[brooks_piggott]

It's something like this:

div[ng-controller="gamelistController as vm"] div table, div[ng-controller="gamelistController as vm"] div div div div div div div div div a, div[ng-controller="gamelistController as vm"] div h5 {
color: green !important;
}

[drummerJ99]

It's something like this:

div[ng-controller="gamelistController as vm"] div table, div[ng-controller="gamelistController as vm"] div div div div div div div div div a, div[ng-controller="gamelistController as vm"] div h5 {
color: green !important;
}

This is what I have currently.

"body, .ui.table, .ui.table > thead > tr > th {background-color: #ffffff !important; color: #000000 !important; text-shadow: none; font-weight: bold;}
a {color: #000000 !important}
.menu {background-color: #cfcfcf !important;}""

It works good on sidebar:


But it doesn't work too well on the matchup or team screens:


I added your's to the end of mine which brought the matchup screen to this:


But then I changed It to white which changed it to this:


My question now is: Is it possible to change the team names and highlighted area on the team page from black without affecting the black in the sidebar menu? For example: the impact players name, or the staff/rosters/stats at top of team page. Are those two linked?

[brooks_piggott]

You can try things like:

div[ng-controller="teamdashboardController as vm"] a {color: green}
div[ng-controller="teamheaderController as vm"] a {color: green}

Or if you just want to target the links of the left menu:
#masterLeftMenu a {color: green}

Or if you just want to invert everything you can try something real generic like:
body * {color: #333 !important; background-color: #efefef !important;}

[drummerJ99]

You can try things like:

div[ng-controller="teamdashboardController as vm"] a {color: green}
div[ng-controller="teamheaderController as vm"] a {color: green}

Or if you just want to target the links of the left menu:
#masterLeftMenu a {color: green}

Or if you just want to invert everything you can try something real generic like:
body * {color: #333 !important; background-color: #efefef !important;}

OK thanks. I'll give that a try.