Add cyberpunk theme to the project

[xaiksan1]

Update the theme to a cyberpunk style.

• Theme Colors:

  • Update colorPrimary to #ff00ff in src/common/theme.json and src/common/theme.ts.
  • Update colorBgContainer to #0a0a0a in src/common/theme.json and src/common/theme.ts.
  • Update colorBgContainerDark to #1a1a1a in src/common/theme.json.
  • Update colorBorder to #ff00ff in src/common/theme.json and src/common/theme.ts.

• Typography:

  • Update fontFamily to Neuropol in src/common/theme.ts.
  • Increase fontSize to 16 in src/common/theme.ts.

• Glowing Effects:

  • Add CSS styles for glowing text and borders using text-shadow and box-shadow in src/renderer/luna.scss and src/renderer/main.scss.
  • Apply glowing effects to headings, buttons, and other important elements in src/renderer/luna.scss and src/renderer/main.scss.

• Animations and Transitions:

  • Add CSS animations and transitions for buttons and links in src/renderer/luna.scss and src/renderer/main.scss.
  • Add hover effects and animations for toolbar buttons in src/renderer/devices/components/Toolbar.module.scss.
  • Add hover effects and animations for application buttons and links in src/renderer/main/components/application/Application.module.scss.

---

For more details, open the Copilot Workspace session.

Summary by Sourcery

Introduce a cyberpunk theme by updating the project’s color palette, typography, and adding neon glow styles with interactive animations.

Enhancements:

• Replace theme’s primary, background container, and border colors with neon magenta and dark shades.
• Switch base font to Neuropol and increase font size for a futuristic look.
• Add CSS classes for glowing text and borders to apply neon glow effects to key UI elements.
• Introduce CSS animations and hover transitions for buttons, links, toolbar icons, and application components.

Chores:

• Add DevContainer configuration for consistent development environments.

[sourcery-ai]

Reviewer's Guide

This PR overhauls the UI theme to a cyberpunk aesthetic by updating core color and typography settings and introducing neon glow effects along with smooth animations and hover transitions across stylesheets.

File-Level Changes

Change	Details	Files
Update theme colors to cyberpunk palette	colorPrimary → #ff00ff colorBgContainer → #0a0a0a (+dark variant #1a1a1a) colorBorder → #ff00ff	src/common/theme.json src/common/theme.ts
Adjust typography settings	Set fontFamily to Neuropol Increase fontSize to 16	src/common/theme.ts
Add neon glow styles	Define .glowing-text and .glowing-border utilities Apply neon text-shadow to headings, buttons, and important elements	src/renderer/luna.scss src/renderer/main.scss
Introduce animations and hover transitions	Add smooth transitions and scale transform on hover Add neon box-shadow glow for toolbar and application buttons/links	src/renderer/luna.scss src/renderer/main.scss src/renderer/devices/components/Toolbar.module.scss src/renderer/main/components/application/Application.module.scss

---

Tips and commands

Interacting with Sourcery

• Trigger a new review: Comment @sourcery-ai review on the pull request.
• Continue discussions: Reply directly to Sourcery's review comments.
• Generate a GitHub issue from a review comment: Ask Sourcery to create an
  issue from a review comment by replying to it. You can also reply to a
  review comment with @sourcery-ai issue to create an issue from it.
• Generate a pull request title: Write @sourcery-ai anywhere in the pull
  request title to generate a title at any time. You can also comment
  @sourcery-ai title on the pull request to (re-)generate the title at any time.
• Generate a pull request summary: Write @sourcery-ai summary anywhere in
  the pull request body to generate a PR summary at any time exactly where you
  want it. You can also comment @sourcery-ai summary on the pull request to
  (re-)generate the summary at any time.
• Generate reviewer's guide: Comment @sourcery-ai guide on the pull
  request to (re-)generate the reviewer's guide at any time.
• Resolve all Sourcery comments: Comment @sourcery-ai resolve on the
  pull request to resolve all Sourcery comments. Useful if you've already
  addressed all the comments and don't want to see them anymore.
• Dismiss all Sourcery reviews: Comment @sourcery-ai dismiss on the pull
  request to dismiss all existing Sourcery reviews. Especially useful if you
  want to start fresh with a new review - don't forget to comment
  @sourcery-ai review to trigger a new review!

Customizing Your Experience

Access your dashboard to:

• Enable or disable review features such as the Sourcery-generated pull request
  summary, the reviewer's guide, and others.
• Change the review language.
• Add, remove or edit custom review instructions.
• Adjust other review settings.

Getting Help

• Contact our support team for questions or feedback.
• Visit our documentation for detailed guides and information.
• Keep in touch with the Sourcery team by following us on X/Twitter, LinkedIn or GitHub.

[sourcery-ai]

Hey @xaiksan1 - I've reviewed your changes - here's some feedback:

• A lot of glowing styles and transition rules are duplicated across SCSS files—consider extracting them into shared mixins or utility classes for easier maintenance.
• The theme changes in theme.ts need to be mirrored in theme.json (and vice versa) or ideally driven from a single source of truth to avoid drift.
• Heavy text-shadow and box-shadow effects can impact performance and readability—please review contrast/accessibility and consider a reduced-motion or lower-intensity fallback.

Here's what I looked at during the review

• 🟡 General issues: 1 issue found
• 🟢 Testing: all looks good
• 🟢 Complexity: all looks good
• 🟢 Documentation: all looks good

---

Sourcery is free for open source - if you like our reviews please consider sharing them ✨

• X
• Mastodon
• LinkedIn
• Facebook

_{Help me be more useful! Please click 👍 or 👎 on each comment and I'll use the feedback to improve your reviews.}

[sourcery-ai]

suggestion: Add fallback fonts for fontFamily

Include system/generic fallback fonts so text displays correctly if Neuropol isn’t installed.

Suggested change

	export const fontFamily = `Neuropol`
	export const fontFamily = `Neuropol, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'`