feat(ui): Add Cyberdream light and dark themes

[byt3m4st3r]

Description

Add Cyberdream light and dark themes.

Credits go to: https://github.com/scottmckendry/cyberdream.nvim

Screenshots

Contribution Checklist:

• I've used AI significantly to create this pull request
• The pull request only addresses one issue or adds one feature.
• The pull request does not introduce any breaking changes
• I have added screenshots or gifs to help explain the change if applicable.
• I have read the contribution guidelines.
• Create an issue and link to the pull request.
• I've run the claude code review skill locally.

Summary by CodeRabbit

New Features

• Added Cyberdream Light and Cyberdream Dark themes.
• Added both themes to the theme selector with light/dark classifications.
• Applied Cyberdream styling across the editor, requests, console, gRPC views, controls, status states, and application interface.
• Added coordinated colors for typography, borders, surfaces, shadows, syntax highlighting, and request-method indicators.
• Users can now choose a consistent Cyberdream appearance suited to their preferred light or dark interface.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: cf751b9f-4860-4cd9-906b-a36e923012d3

📥 Commits

Reviewing files that changed from the base of the PR and between e4318d1 and de176d5.

📒 Files selected for processing (3)

• packages/bruno-app/src/themes/dark/cyberdream-dark.js
• packages/bruno-app/src/themes/index.js
• packages/bruno-app/src/themes/light/cyberdream-light.js

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

• packages/bruno-app/src/themes/index.js
• packages/bruno-app/src/themes/dark/cyberdream-dark.js
• packages/bruno-app/src/themes/light/cyberdream-light.js

Included review availability: Your plan provides up to 10 included reviews per hour; 9 remain after this review.

---

Walkthrough

The PR adds complete Cyberdream light and dark themes. It defines palettes and styles for Bruno application surfaces, editors, consoles, gRPC views, and collection controls. It also registers both themes in the theme collections and registry.

Changes

Cyberdream Themes

Layer / File(s)	Summary
Theme palettes and foundations packages/bruno-app/src/themes/light/cyberdream-light.js, packages/bruno-app/src/themes/dark/cyberdream-dark.js	Defines Cyberdream palettes, semantic colors, typography, layout, status styles, shadows, borders, and base theme contracts.
Application components packages/bruno-app/src/themes/light/cyberdream-light.js, packages/bruno-app/src/themes/dark/cyberdream-dark.js	Styles inputs, navigation, request panels, notifications, modals, buttons, tabs, request methods, and interactive states.
Editors and specialized surfaces packages/bruno-app/src/themes/light/cyberdream-light.js, packages/bruno-app/src/themes/dark/cyberdream-dark.js	Styles CodeMirror tokens, tables, grids, consoles, gRPC views, examples, environment selectors, and sandbox states.
Theme registration packages/bruno-app/src/themes/index.js	Imports both themes and adds their implementations and light/dark metadata to the exported theme collections.

Estimated code review effort: 4 (Complex) | ~45 minutes

Merge Risk: ⚪ Minimal · up to de176

The PR adds Cyberdream light and dark themes through localized theme files and registry updates; no actionable merge-blocking risk remains beyond normal checks and review.

Suggested reviewers: bijin-bruno

Poem

Cyber colors fill the night,
Light surfaces glow bright.
Editors, tabs, and panels align,
Two new themes join the design.
Bruno’s palette now can dream.

🚥 Pre-merge checks | ✅ 5

✅ 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 clearly and concisely describes the addition of Cyberdream light and dark themes, which is the main change in the pull request.
Docstring Coverage	✅ Passed	Docstring check was indeterminate for this PR — some files could not be analyzed in time. Not blocking.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

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

[coderabbitai]

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents

Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@packages/bruno-app/src/themes/light/cyberdream-light.js`:
- Line 10: Darken the light theme’s GREY constant from `#7b8496` to an accessible
value such as `#5f6878`, while leaving the token mappings and dark theme
unchanged.

🪄 Autofix

Fix all unresolved CodeRabbit comments on this PR:

• Push a commit to this branch (recommended)
• Create a new PR with the fixes

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: a6575a57-d448-4aaf-8fc4-20e7a5012899

📥 Commits

Reviewing files that changed from the base of the PR and between 2d5a2f4 and bfb36a5.

📒 Files selected for processing (3)

• packages/bruno-app/src/themes/dark/cyberdream-dark.js
• packages/bruno-app/src/themes/index.js
• packages/bruno-app/src/themes/light/cyberdream-light.js

[coderabbitai]

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents

Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@packages/bruno-app/src/themes/light/cyberdream-light.js`:
- Line 10: Update the GREY constant to store the raw hex color value without
backtick characters, ensuring it is a valid CSS color string.

🪄 Autofix

Fix all unresolved CodeRabbit comments on this PR:

• Push a commit to this branch (recommended)
• Create a new PR with the fixes

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: 7ec0bea1-4198-4d5a-9c1a-e7f46174fa52

📥 Commits

Reviewing files that changed from the base of the PR and between bfb36a5 and 871f084.

📒 Files selected for processing (1)

• packages/bruno-app/src/themes/light/cyberdream-light.js

[coderabbitai]

Note

GitHub couldn't provide a complete incremental comparison for this pull request, so CodeRabbit is performing a full review instead. This review may take a little longer.

[coderabbitai]

Note

GitHub couldn't provide a complete incremental comparison for this pull request, so CodeRabbit is performing a full review instead. This review may take a little longer.

[byt3m4st3r]

Hi @sid-bruno, kindly ask for a review. Thx.

[helloanoop]

@aditya-bruno is looking into this. You can expect the PR to be merged in the next two weeks.