Enhancement in keycloak.org/guides

[youngs01]

Description

To enhance the visual appeal of the Keycloak website, I propose updating the heading colors across the guide page. This subtle yet impactful change will improve readability and contribute to a more modern and professional design.

Proposed Change:

Adjust the heading colors to align with the overall design theme while maintaining accessibility standards (sufficient contrast).
Apply a consistent color palette to create visual hierarchy and enhance the user experience.

bootstrap updates to define a new color scheme for headings (h1, h2, h3, etc.).
Testing to ensure compatibility and accessibility across various devices and browsers.

before:

after

Discussion

No response

Motivation

The updated heading colors will make the guide page more visually engaging without overwhelming the user.
Better color contrast improves readability and aligns with web accessibility guidelines (WCAG standards).
This change contributes to a polished and cohesive design, reflecting the professional nature of Keycloak.
Implementation Details:

Details

No response

[youngs01]

I understand this is a small contribution, but I’m excited to be a part of this project and would love the opportunity to implement this myself. Even minor changes like enhancing heading colors can make a difference, and it would mean a lot to me to contribute directly. Thank you for considering my request, and I hope you’ll let me take this on!

[stianst]

Looks like a good idea, if you want to prepare a PR for this go ahead :)