Revert changes to download and learn buttons.

IgniteUI · Jan 30, 2025 · f42e9d0 · f42e9d0
1 parent 5647fce
commit f42e9d0
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -31,7 +31,7 @@
       <span>{{ tabInfo.get(tabName)?.content }}</span>
     </div>
     <div class="tab-actions">
-      <a class="learn-text" href="{{ tabInfo.get(tabName)?.moreLink }}" (click)="onLinkClick($event)" [ngClass]="{'link--disabled': !enabled}">View on GitHub</a>
+      <a class="learn-text" href="{{ tabInfo.get(tabName)?.moreLink }}" (click)="onLinkClick($event)" [ngClass]="{'link--disabled': !enabled}">Learn more</a>
       <button igxRipple [igxIconButton]="'contained'" [disabled]="!enabled" (click)="onDownloadClick($event, tabName)" [igxTooltipTarget]="tooltipRef"><igx-icon name="file_download" family="internal_indigo"></igx-icon></button>
     </div>
   </div>

diff --git a/src/app/app.component.scss b/src/app/app.component.scss
@@ -1,8 +1,24 @@
+@use "igniteui-angular/theming" as *;
+
+$custom-icon-button-theme: icon-button-theme(
+  $background: #212121,
+  $foreground: #ffffff,
+  $disabled-background: #9e9e9e,
+  $disabled-foreground: #ffffff
+);
+
+// Pass the css-vars to the `css-vars` mixin
+@include css-vars($custom-icon-button-theme);
+
 :host {
   display: block;
   width: 100%;
   height: 100%;
   margin: auto;
+
+  ::ng-deep {
+    @include css-vars($custom-icon-button-theme);
+  }
 }
 
 igx-chip {