fix: changed links color on blog page to reflect those in docs

[d-medm]

Related Tickets & Documents

Fixes: #2198

Description

• Updated blog link colors to match brand colors used in https://keploy.io/docs/
• Links now appear orange and darker orange on hover

Changes

Type of Change

• Chore (maintenance, refactoring, tooling updates)
• Bug fix (non-breaking change that fixes an issue)
• New feature (change that adds functionality)
• Breaking Change (may require updates in existing code)
• UI improvement (visual or design changes)
• Performance improvement (optimization or efficiency enhancements)
• Documentation update (changes to README, guides, etc.)
• CI (updates to continuous integration workflows)
• Revert (undo a previous commit or merge)

Testing

Demo

Before

After

Environment and Dependencies

• New Dependencies:
• Configuration Changes:

Checklist

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have made corresponding changes to the documentation
• I have added corresponding tests
• I have run the build command to ensure there are no build errors
• My changes have been tested across relevant browsers/devices
• For UI changes, I've included visual evidence of my changes

[Copilot]

Pull Request Overview

This PR updates the blog page’s link styling to align with the brand colors used in the docs, changing default link color and hover behavior.

• Set default link color to match docs (#E67643)
• Updated hover color to a darker shade (#C95919) and removed underline
• Adjusted CSS blocks for .content a and .content a:hover

Comments suppressed due to low confidence (2)

components/post-body.module.css:16

• The closing brace is flush-left but previous properties are indented two spaces; align braces and content consistently for readability.

}

[Copilot]

[nitpick] Consider extracting this hex value into a CSS variable (e.g., --link-color) for easier theming and reuse across the site.

Suggested change

	color: #E67643;
	}
	.content a:hover {
	color: #C95919;
	color: var(--link-color);
	}
	.content a:hover {
	color: var(--link-hover-color);

[Copilot]

Removing the underline on hover may reduce link discoverability. Consider maintaining an underline or adding another focus indicator to meet accessibility best practices.

Suggested change

text-decoration: none;

[amaan-bhati]

Hey @d-medm Thanks for raising this pr, can you please take a look at the copilot review and resove those issues?