feat: styles for theme variants

[Kryptos-FR]

PR Details

The Fluent theme that we are using has two variants: dark and light. Instead of hard-coding values (such as colors), we will use the corresponding resource keys to ensure consistency.

In addition, this theme supports having an "accent" color. Modern desktop (Windows, Linux) let the user define which accent they want for their apps. So we should take that into account.

Related Issues

• ⬇️🟢𝐌 Write styles for dark theme 🎨🌛 #2817
• ⬇️🟢𝐌 Write styles for light theme 🎨🌞 #2818

Types of changes

• Docs change / refactoring / dependency upgrade
• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Checklist

• My change requires a change to the documentation.
• I have added tests to cover my changes.
• All new and existing tests passed.
• I have built and run the editor to try this change out.