Improve bit Boilerplate copilot instructions (#11881)

[ysmoradi]

closes #11881

Summary by CodeRabbit

• Documentation
  • Refined development guidance for UI component usage and theme color implementation
  • Added enhanced patterns and examples for implementing colors and styling across applications
  • Updated best practices for consistent component usage and styling

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai[bot]]

Walkthrough

The copilot-instructions.md documentation file was updated to enhance UI component guidance by adding BitGrid and BitStack recommendations, and to replace the theme-color guidance with detailed multi-step instructions for applying colors in C#, Razor, and SCSS with concrete examples.

Changes

Cohort / File(s)	Summary
Copilot Instructions Documentation src/Templates/Boilerplate/Bit.Boilerplate/.github/copilot-instructions.md	Updated UI component guidance to include BitGrid and BitStack; replaced simple theme-color guidance with detailed multi-step approach covering BitColor, BitCss, SCSS variables, and concrete usage examples for C#/Razor and SCSS; reordered coding conventions items 09–13 with enhanced theme-colors documentation.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~5 minutes

• Verify accuracy of BitColor, BitCss, and SCSS variable usage examples
• Confirm theme-color guidance aligns with actual Bit framework conventions

Poem

🐰 A guide so clear, now shines so bright, With grids and stacks aligned just right, Colors flowing through code and style, From C# to SCSS, mile after mile, Copilot learns to code with flair!

Pre-merge checks and finishing touches

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately describes the main change: improvements to the Boilerplate copilot instructions documentation, which is the sole focus of the changeset.
Linked Issues check	✅ Passed	The PR successfully addresses the linked issue #11881 by implementing improvements to the copilot instructions, though the issue lacks detailed coding requirements.
Out of Scope Changes check	✅ Passed	All changes are narrowly focused on the copilot-instructions.md documentation file with no unrelated modifications detected.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

✨ 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.}