Refactor calendar themes to use correct variables

src/components/calendar/themes/days.ts

@@ -1,56 +1,38 @@
 import { css } from 'lit';
 
 import type { Themes } from '../../../theming/types.js';
-// Dark Overrides
-import { styles as bootstrapDark } from './dark/calendar.bootstrap.css.js';
-import { styles as fluentDark } from './dark/calendar.fluent.css.js';
-import { styles as indigoDark } from './dark/calendar.indigo.css.js';
-import { styles as materialDark } from './dark/calendar.material.css.js';
-// Light Overrides
-import { styles as bootstrapLight } from './light/calendar.bootstrap.css.js';
-import { styles as fluentLight } from './light/calendar.fluent.css.js';
-import { styles as indigoLight } from './light/calendar.indigo.css.js';
-import { styles as materialLight } from './light/calendar.material.css.js';
-import { styles as shared } from './light/calendar.shared.css.js';
-// Shared Styles
 import { styles as bootstrap } from './shared/bootstrap/days-view.bootstrap.css.js';
 import { styles as fluent } from './shared/fluent/days-view.fluent.css.js';
 import { styles as indigo } from './shared/indigo/days-view.indigo.css.js';
 import { styles as material } from './shared/material/days-view.material.css.js';
 
 const light = {
-  shared: css`
-    ${shared}
-  `,
   bootstrap: css`
-    ${bootstrap} ${bootstrapLight}
+    ${bootstrap}
   `,
   material: css`
-    ${material} ${materialLight}
+    ${material}
   `,
   fluent: css`
-    ${fluent} ${fluentLight}
+    ${fluent}
   `,
   indigo: css`
-    ${indigo} ${indigoLight}
+    ${indigo}
   `,
 };
 
 const dark = {
-  shared: css`
-    ${shared}
-  `,
   bootstrap: css`
-    ${bootstrap} ${bootstrapDark}
+    ${bootstrap}
   `,
   material: css`
-    ${material} ${materialDark}
+    ${material}
   `,
   fluent: css`
-    ${fluent} ${fluentDark}
+    ${fluent}
   `,
   indigo: css`
-    ${indigo} ${indigoDark}
+    ${indigo}
   `,
 };