removing more mentions of finjs dark theme

Author: ChronosSF

projects/app-lob/src/app/treegrid-finjs/tree-grid-finjs-sample.component.scss

@@ -1,18 +1,6 @@
 @use '../../variables' as *;
 
 :host ::ng-deep {
-	.fin-dark-theme {
-		.finjs-slider,
-		.sample-toolbar,
-		.group-drop-area {
-			color: contrast-color(null, 'gray', 900);
-		}
-
-		.group-drop-area {
-			background: color(null, 'surface', 500);
-		}
-	}
-
 	.finjs-icons {
 		display: flex;
 		align-items: center;

projects/app-lob/src/app/treegrid-finjs/tree-grid-finjs-sample.component.ts

@@ -21,9 +21,6 @@ export class TreeGridFinJSComponent implements OnDestroy, OnInit {
     @ViewChild('slider2', { static: true }) public intervalSlider!: IgxSliderComponent;
     @ViewChild(IgxOverlayOutletDirective, { static: true }) public outlet!: IgxOverlayOutletDirective;
 
-    @HostBinding('class.dark-theme')
-    public theme = false;
-
     public showToolbar = true;
     public selectionMode = 'multiple';
     public volume = 1000;
@@ -162,19 +159,6 @@ export class TreeGridFinJSComponent implements OnDestroy, OnInit {
         return value ? '$' + value.toFixed(3) : '';
     }
 
-    /**
-     * the below code is needed when accessing the sample through the navigation
-     * it will style all the space below the sample component element, but not the navigation menu
-     */
-    public onThemeChanged(event: any) {
-        const parentEl = this.parentComponentEl();
-        if (event.checked && parentEl.classList.contains('main')) {
-            parentEl.classList.add('fin-dark-theme');
-        } else {
-            parentEl.classList.remove('fin-dark-theme');
-        }
-    }
-
     public ngOnDestroy() {
         this.stopFeed();
     }

src/styles.scss

@@ -36,12 +36,3 @@ body {
         @include fluent-dark-theme($fluent-excel-palette);
     }
 }
-
-.fin-dark-theme {
-    @include dark-theme($green-palette);
-    background: #333;
-
-    ::-moz-placeholder {
-        opacity: 1;
-    }
-}