Thanks @lilixx for the PR! Also congrats, you're the first contributor (well, other than me) to this repo! :-)

I've built a preview of this PR here: https://asamalik.fedorapeople.org/tmp/docs-ui-pr3/
For reference, current look of the docs: https://docs.stg.fedoraproject.org/en-US/docs/

Now thinking about it, I feel like the Fedora Design Team should do the review instead of me. But we don't have a process for that!

@ryanlerch Hey! How do you think we should handle changes to the Docs UI? Should we maybe transfer the ownership of this repo to the Fedora Design Team? What would be your suggestion?

@lilixx Even though this PR is just about CSS, there are many other files changed in this PR. Let me help you fix that. I'll also modify the scripts and/or the .gitignore file in the repo to prevent this in the future. :-)

Typically, in most of the other Fedora web apps (and even on most headings on getfedora.org) we typically just use Open Sans for headings. IMHO we should keep this the same as other sites

fedora-bootstrap sets Open Sans as the default font, (and includes the webfonts for downloads), so typically it is not needed to set it again here.

I like the added colors, some contrast to the sections, better separation. That should make it easier to find the right part on the page. Also I like that it removed hover over because the grey background became lighter and confusing since it's almost the same light grey as the less prominent sections.

One more thing that can make it easier to orient on the page is to add some icons, maybe in the similar style like the ones from the banner https://docs.stg.fedoraproject.org/en-US/project/_images/banner-getfedora_sq.png What do you think?

Thanks for the update, @lilixx!

Thanks for the review, @ryanlerch!

Thanks for the feedback, @ojn! I think icons could be a nice addition. Feel free to open an issue or let's discuss that on the ML.