style(angular): adjustment to home page icon bg

Teradata · Feb 6, 2024 · cba719b · cba719b
1 parent 7172edf
commit cba719b
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3,164 deletions.
diff --git a/apps/docs-app/src/app/components/home/home.component.html b/apps/docs-app/src/app/components/home/home.component.html
@@ -141,10 +141,8 @@ <h3 matListItemTitle>{{ item.title }}</h3>
                     layout-align="start center"
                     class="push-bottom-xs"
                   >
-                    <div class="icon-avatar bgc-grey-200 push-right">
-                      <mat-icon>
-                        <span class="tc-td-slate">{{ item.icon }}</span>
-                      </mat-icon>
+                    <div class="icon-avatar push-right">
+                      <mat-icon>{{ item.icon }}</mat-icon>
                     </div>
 
                     <div

diff --git a/apps/docs-app/src/styles.scss b/apps/docs-app/src/styles.scss
@@ -64,6 +64,10 @@ $background: map-get($td-light-theme, background);
   background-color: variables.$theme-light-colors-surface-container-high;
 }
 
+.icon-avatar {
+  background-color: variables.$theme-light-colors-surface-container;
+}
+
 body .mat-card {
   border-radius: 8px;
 }
@@ -88,6 +92,10 @@ body .mat-card {
   .cv-surface-high {
     background-color: variables.$theme-dark-colors-surface-container-high;
   }
+
+  .icon-avatar {
+    background-color: variables.$theme-dark-colors-surface-container;
+  }
 }
 
 /* ------------------------------------------------------------------------------- */