style(components): app shell navigation style adjustment

Teradata · Mar 14, 2024 · 45deea0 · 45deea0
1 parent 18061f5
commit 45deea0
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/libs/components/index.html b/libs/components/index.html
@@ -11,7 +11,8 @@
 
     <!-- Main entry point to include all of Covalent Components-->
     <script type="module" src="src/index.ts"></script>
-    <link href="src/index.scss" rel="stylesheet" />
+    <link href="src/theme/prebuilt/light-theme.scss" rel="stylesheet" />
+    <link href="public/index.scss" rel="stylesheet" />
 
     <!-- Inter Font Typography & Material Icons Font --->
     <link rel="preconnect" href="https://fonts.googleapis.com" />

diff --git a/libs/components/public/index.scss b/libs/components/public/index.scss
@@ -0,0 +1 @@
+@import '../../icons/covalent-icons.css';
diff --git a/libs/components/src/app-shell/app-shell.scss b/libs/components/src/app-shell/app-shell.scss
@@ -124,6 +124,7 @@
   display: flex;
   font-size: var(--mdc-typography-body2-font-size);
   font-family: var(--mdc-typography-body2-font-family);
+  color: var(--cv-theme-on-surface);
   font-weight: 600;
   justify-content: flex-start;
   overflow: hidden;