Eliminate ghostfolio-style.scss (#3228)

apps/client/src/app/app.component.scss

@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   display: block;
   min-height: 100svh;

apps/client/src/app/components/access-table/access-table.component.scss

@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   display: block;
 

apps/client/src/app/components/accounts-table/accounts-table.component.scss

@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   display: block;
 

apps/client/src/app/components/admin-jobs/admin-jobs.scss

@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   display: block;
 }

apps/client/src/app/components/admin-market-data-detail/admin-market-data-detail.component.scss

@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   display: block;
   font-size: 0.9rem;

apps/client/src/app/components/admin-market-data/admin-market-data.scss

@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   display: block;
 }

apps/client/src/app/components/admin-overview/admin-overview.scss

@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   display: block;
 

apps/client/src/app/components/admin-platform/admin-platform.component.scss

@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   display: block;
 }

apps/client/src/app/components/admin-settings/admin-settings.component.scss

@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   display: block;
 }

apps/client/src/app/components/admin-tag/admin-tag.component.scss

@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   display: block;
 }

apps/client/src/app/components/admin-users/admin-users.scss

@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   display: block;
 

apps/client/src/app/components/header/header.component.scss

@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   display: block;
   z-index: 999;

apps/client/src/app/components/home-holdings/home-holdings.scss

@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   display: block;
 }

apps/client/src/app/components/home-market/home-market.scss

@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   display: block;
 

apps/client/src/app/components/home-overview/home-overview.scss

@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   display: block;
   height: 100%;

apps/client/src/app/components/home-summary/home-summary.scss

@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   display: block;
 }

apps/client/src/app/components/positions/positions.component.scss

@@ -1,11 +1,9 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   display: block;
 
   gf-position {
     &:nth-child(even) {
-      background-color: rgba(0, 0, 0, $alpha-hover);
+      background-color: rgba(0, 0, 0, var(--gf-theme-alpha-hover));
     }
   }
 }
@@ -13,7 +11,7 @@
 :host-context(.is-dark-theme) {
   gf-position {
     &:nth-child(even) {
-      background-color: rgba(255, 255, 255, $alpha-hover);
+      background-color: rgba(255, 255, 255, var(--gf-theme-alpha-hover));
     }
   }
 }

apps/client/src/app/pages/about/about-page.scss

@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   color: rgb(var(--dark-primary-text));
 }

apps/client/src/app/pages/admin/admin-page.scss

@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   color: rgb(var(--dark-primary-text));
 }

apps/client/src/app/pages/home/home-page.scss

@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   color: rgb(var(--dark-primary-text));
 }

apps/client/src/app/pages/landing/landing-page.scss

@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   display: block;
 

apps/client/src/app/pages/portfolio/portfolio-page.scss

@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   color: rgb(var(--dark-primary-text));
 }

apps/client/src/app/pages/user-account/user-account-page.scss

@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   color: rgb(var(--dark-primary-text));
 }

apps/client/src/app/pages/zen/zen-page.scss

@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   color: rgb(var(--dark-primary-text));
 }

apps/client/src/styles/ghostfolio-style.scss

@@ -1,4 +0,0 @@
-$mat-css-dark-theme-selector: '.is-dark-theme';
-
-$alpha-disabled-text: 0.38;
-$alpha-hover: 0.04;

apps/client/src/styles/theme.scss

@@ -3,6 +3,8 @@
 $dark-primary-text: rgba(black, 0.87);
 $light-primary-text: white;
 
+$mat-css-dark-theme-selector: '.is-dark-theme';
+
 $gf-primary: (
   50: var(--gf-theme-primary-50),
   100: var(--gf-theme-primary-100),
@@ -106,6 +108,7 @@ $gf-theme-dark: mat.define-dark-theme(
 }
 
 :root {
+  --gf-theme-alpha-hover: 0.04;
   --gf-theme-primary-500: #36cfcc;
   --gf-theme-primary-500-rgb: 0, 187, 255;
   --gf-theme-secondary-500: #3686cf;

libs/ui/src/lib/account-balances/account-balances.component.scss

@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   display: block;
 }

libs/ui/src/lib/activities-filter/activities-filter.component.scss

@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   display: block;
 

libs/ui/src/lib/activities-table/activities-table.component.scss

@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   display: block;
 

libs/ui/src/lib/holdings-table/holdings-table.component.scss

@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   display: block;