Dev new

[Brano5]

This pull request introduces a theme management system to the Blazor sandbox app, enabling users to switch between light, dark, and system themes. It also updates the CSS to support the new theming, adds new utility classes, and improves the overall styling for consistency and accessibility.

Theme Management and Integration:

• Added a new ThemeService (ThemeService.cs) for managing theme changes via JavaScript interop, and registered it in dependency injection (Startup.cs). [1] [2]
• Introduced a Theme component (Theme.razor) with buttons to switch between light, dark, and system themes, and integrated it into the navigation menu (NavMenu.razor). [1] [2]
• Injected and initialized the theme manager JavaScript in the main layout (_Host.cshtml).

Styling and CSS Enhancements:

• Updated momentum.css to add new CSS variables for colors, font sizes, radii, and transitions; implemented light and dark theme variable sets; and added base styles for headings, paragraphs, links, and other elements for better theme support. [1] [2] [3] [4]
• Added new utility classes such as .my-auto, .size-5, .bg-background, .bg-background-light, and .text-danger for improved layout and theming flexibility. [1] [2] [3] [4]

Component and Layout Adjustments:

• Updated MainLayout.razor to use new background classes for theme compatibility.

Dependency Updates:

• Bumped the version of the Inxton.Operon package from 0.3.0-alpha.100 to 0.3.0-alpha.102 in Directory.Packages.props.

Other:

• Downgraded Tailwind CSS from v4.1.17 to v4.1.14 in momentum.css for compatibility.