zhekoff's Colorful Top Panel

zhekoff's Colorful Top Panel 1.1.0



A plain and simple Civilization VII mod that adds colorful backgrounds for yields in the top panel with for better visual communication and a more vibrant UI. I personally think the Civ VII base UI is quite bland color-wise and I kind of missed this feature from Civilization VI. I hope to have enough time to also implement further improvements/UI tweaks in the top panel, and I would be happy to hear your suggestions and feedback!

colorful-top-panel.png


You can download the mod from GitHub: https://github.com/zhekoff316/colorful-top-panel-civ7, as well as from here in CivFanatics.

Compatibility:
The mod is modularized, so it will not have conflicts with any mods that are also modifying the same files.

Installation:
1. Download the latest release.
2. Extract the contents into your `{user}\AppData\Local\Firaxis Games\Sid Meier's Civilization VII\Mods` folder.
Author
gzhekoff
Downloads
15,239
Views
15,239
First release
Last update

Ratings

5.00 star(s) 10 ratings

More resources from gzhekoff

Latest updates

  1. 1.1.0 - Scaling Setting

    Hey guys, I didn't expect so many people to love this mod, so thanks! As always, I am quite...
  2. 1.0.1 - Fix Scaling Issues

    Thanks to @beezany for the feedback. This update provides a fix for the scaling issues that can...

Latest reviews

Fantastic mod!
very good
Thank you
Looks so much better with this. Great work!
Super!
A small change but it makes that section of the ui look far, far more complete. Thanks!
Excellent work! Many thanks. :)
Awesome
nice mod, make me fell comfortable
this is excellent, thank you!
it's really cool how you handled the modular CSS override too. one suggestion: i recommend specifying units in rem instead of px, so that UI automatically scales with the font size. the yield panels were too crowded on my screen, but converting to rem made them look like they do in your screenshots. the game uses 18px = 1rem with 10-digit precision, so:
yield-panel
border-radius: 0.4444444444rem;
padding-right: 0.5555555556rem;
margin: 0.1666666667rem;
system-bar
margin-top: 0.1666666667rem;
Back
Top Bottom