Fix styling. (#113)

jgindin · web-flow · commit f1d35a1f22c4 · 2026-07-22T09:53:13.000-04:00
* Fix styling. Fixed by Gemini when importing to run in Google environment. * fix(shell): use all-component-colors for light theme Address PR #113 review comment by replacing all-component-themes with all-component-colors under :root and .light-theme to prevent duplicating base structural styles already included at top level.
diff --git a/shell/src/global_styles.scss b/shell/src/global_styles.scss
@@ -37,9 +37,11 @@ $dark-theme: mat.define-theme(
   )
 );
 
-@include mat.all-component-themes($light-theme);
+@include mat.all-component-bases($light-theme);
 
-:root {
+:root,
+.light-theme {
+  @include mat.all-component-colors($light-theme);
   @include mat.theme-overrides(
     (
       primary: #3f51b5,

Original file line number	Diff line number	Diff line change
`@@ -37,9 +37,11 @@ $dark-theme: mat.define-theme(`
`37`	`37`	`)`
`38`	`38`	`);`
`39`	`39`
`40`		`-@include mat.all-component-themes($light-theme);`
	`40`	`+@include mat.all-component-bases($light-theme);`
`41`	`41`
`42`		`-:root {`
	`42`	`+:root,`
	`43`	`+.light-theme {`
	`44`	`+ @include mat.all-component-colors($light-theme);`
`43`	`45`	`@include mat.theme-overrides(`
`44`	`46`	`(`
`45`	`47`	`primary: #3f51b5,`