Updated color of kapa.ai header

[n-boshnakov]

How to categorize this PR?

/kind enhancement

What this PR does / why we need it:

This PR updates the color of the kapa.ai header:

Which issue(s) this PR fixes:
Fixes #

Special notes for your reviewer:

Summary by CodeRabbit

• Style
  • Updated Kapa widget modal header background to a teal shade (#009f76).
  • Updated Kapa widget modal title color to white (#FFFFFF).

[netlify]

✅ Deploy Preview for soon-to-be-gardenercloud ready!

Name	Link
🔨 Latest commit	444e0ef
🔍 Latest deploy log	https://app.netlify.com/projects/soon-to-be-gardenercloud/deploys/69a8068bb6abb7000822a95b
😎 Deploy Preview	https://deploy-preview-881--soon-to-be-gardenercloud.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 70 (🟢 up 7 from production) Accessibility: 97 (no change from production) Best Practices: 92 (no change from production) SEO: 97 (no change from production) PWA: 90 (no change from production) View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 5848ed6e-02f7-4f72-8686-aaf8a057b53f

📥 Commits

Reviewing files that changed from the base of the PR and between 6039a8c and 444e0ef.

📒 Files selected for processing (1)

• .vitepress/config.mts

🚧 Files skipped from review as they are similar to previous changes (1)

• .vitepress/config.mts

---

📝 Walkthrough

Walkthrough

Two new data attributes were added to the Kapa widget initialization in the VitePress config: data-modal-header-bg-color set to #009f76 and data-modal-title-color set to #FFFFFF.

Changes

Cohort / File(s)	Summary
Kapa Widget Configuration .vitepress/config.mts	Added two styling attributes to the Kapa widget head script: data-modal-header-bg-color: '#009f76' and data-modal-title-color: '#FFFFFF' (no logic or control-flow changes).

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Possibly related PRs

• Use white Gardener logo for Kapa.ai widget #880: Modifies Kapa widget data attributes in .vitepress/config.mts (related configuration edits to the same widget).
• Add kapa.ai Search Assistant #871: Introduced the Kapa widget initialization and original data attributes in .vitepress/config.mts (this PR extends that initialization).

Suggested labels

size/S, lgtm, approved

Suggested reviewers

• klocke-io
• BoHristova

Poem

🐰 A tiny tweak, two colors bright,
I hopped in code and painted light.
Header green and title white,
Docs now gleam in springtime sight. ✨

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title 'Updated color of kapa.ai header' directly and specifically describes the main change in the PR, which updates two color attributes for the kapa.ai widget header.
Description check	✅ Passed	The PR description includes the required sections with appropriate content: categorized as 'enhancement', explains what the PR does with a visual reference, and addresses the template structure, though the issue reference is left blank.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[marc1404]

Could we change the header text color to white in that case?

[n-boshnakov]

Could we change the header text color to white in that case?

Done.

[marc1404]

Could we change the header text color to white in that case?

Done.

In the preview, it looks like this:

[n-boshnakov]

Could we change the header text color to white in that case?

Done.

In the preview, it looks like this:

My bad, forgot to push the changes. Should be good now.

[marc1404]

Thanks!

/lgtm

[gardener-prow]

LGTM label has been added.

Details

Git tree hash: 60ff3e44e8349ce503ec2b3b35d5aafae6396aa5

[gardener-prow]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: marc1404

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Details

Needs approval from an approver in each of these files:

• OWNERS [marc1404]

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment