From efdc9b387fa89310e135a315654a7ec8fabb0d2b Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Mon, 1 Apr 2024 13:24:00 +0200
Subject: [PATCH] Eliminate ghostfolio-style.scss (#3228)

---
 apps/client/src/app/app.component.scss                      | 2 --
 .../app/components/access-table/access-table.component.scss | 2 --
 .../components/accounts-table/accounts-table.component.scss | 2 --
 apps/client/src/app/components/admin-jobs/admin-jobs.scss   | 2 --
 .../admin-market-data-detail.component.scss                 | 2 --
 .../app/components/admin-market-data/admin-market-data.scss | 2 --
 .../src/app/components/admin-overview/admin-overview.scss   | 2 --
 .../components/admin-platform/admin-platform.component.scss | 2 --
 .../components/admin-settings/admin-settings.component.scss | 2 --
 .../src/app/components/admin-tag/admin-tag.component.scss   | 2 --
 apps/client/src/app/components/admin-users/admin-users.scss | 2 --
 apps/client/src/app/components/header/header.component.scss | 2 --
 .../src/app/components/home-holdings/home-holdings.scss     | 2 --
 apps/client/src/app/components/home-market/home-market.scss | 2 --
 .../src/app/components/home-overview/home-overview.scss     | 2 --
 .../src/app/components/home-summary/home-summary.scss       | 2 --
 .../src/app/components/positions/positions.component.scss   | 6 ++----
 apps/client/src/app/pages/about/about-page.scss             | 2 --
 apps/client/src/app/pages/admin/admin-page.scss             | 2 --
 apps/client/src/app/pages/home/home-page.scss               | 2 --
 apps/client/src/app/pages/landing/landing-page.scss         | 2 --
 apps/client/src/app/pages/portfolio/portfolio-page.scss     | 2 --
 .../src/app/pages/user-account/user-account-page.scss       | 2 --
 apps/client/src/app/pages/zen/zen-page.scss                 | 2 --
 apps/client/src/styles/ghostfolio-style.scss                | 4 ----
 apps/client/src/styles/theme.scss                           | 3 +++
 .../lib/account-balances/account-balances.component.scss    | 2 --
 .../lib/activities-filter/activities-filter.component.scss  | 2 --
 .../lib/activities-table/activities-table.component.scss    | 2 --
 .../ui/src/lib/holdings-table/holdings-table.component.scss | 2 --
 30 files changed, 5 insertions(+), 62 deletions(-)
 delete mode 100644 apps/client/src/styles/ghostfolio-style.scss

diff --git a/apps/client/src/app/app.component.scss b/apps/client/src/app/app.component.scss
index 21d33e3c9..a23e94fbb 100644
--- a/apps/client/src/app/app.component.scss
+++ b/apps/client/src/app/app.component.scss
@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   display: block;
   min-height: 100svh;
diff --git a/apps/client/src/app/components/access-table/access-table.component.scss b/apps/client/src/app/components/access-table/access-table.component.scss
index f506edfc6..22a5d6732 100644
--- a/apps/client/src/app/components/access-table/access-table.component.scss
+++ b/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;
 
diff --git a/apps/client/src/app/components/accounts-table/accounts-table.component.scss b/apps/client/src/app/components/accounts-table/accounts-table.component.scss
index 39e455dca..e934483db 100644
--- a/apps/client/src/app/components/accounts-table/accounts-table.component.scss
+++ b/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;
 
diff --git a/apps/client/src/app/components/admin-jobs/admin-jobs.scss b/apps/client/src/app/components/admin-jobs/admin-jobs.scss
index b5b58f67e..5d4e87f30 100644
--- a/apps/client/src/app/components/admin-jobs/admin-jobs.scss
+++ b/apps/client/src/app/components/admin-jobs/admin-jobs.scss
@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   display: block;
 }
diff --git a/apps/client/src/app/components/admin-market-data-detail/admin-market-data-detail.component.scss b/apps/client/src/app/components/admin-market-data-detail/admin-market-data-detail.component.scss
index 8121fc119..a03533589 100644
--- a/apps/client/src/app/components/admin-market-data-detail/admin-market-data-detail.component.scss
+++ b/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;
diff --git a/apps/client/src/app/components/admin-market-data/admin-market-data.scss b/apps/client/src/app/components/admin-market-data/admin-market-data.scss
index b5b58f67e..5d4e87f30 100644
--- a/apps/client/src/app/components/admin-market-data/admin-market-data.scss
+++ b/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;
 }
diff --git a/apps/client/src/app/components/admin-overview/admin-overview.scss b/apps/client/src/app/components/admin-overview/admin-overview.scss
index 25209ac97..a4ae1edd2 100644
--- a/apps/client/src/app/components/admin-overview/admin-overview.scss
+++ b/apps/client/src/app/components/admin-overview/admin-overview.scss
@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   display: block;
 
diff --git a/apps/client/src/app/components/admin-platform/admin-platform.component.scss b/apps/client/src/app/components/admin-platform/admin-platform.component.scss
index b5b58f67e..5d4e87f30 100644
--- a/apps/client/src/app/components/admin-platform/admin-platform.component.scss
+++ b/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;
 }
diff --git a/apps/client/src/app/components/admin-settings/admin-settings.component.scss b/apps/client/src/app/components/admin-settings/admin-settings.component.scss
index b5b58f67e..5d4e87f30 100644
--- a/apps/client/src/app/components/admin-settings/admin-settings.component.scss
+++ b/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;
 }
diff --git a/apps/client/src/app/components/admin-tag/admin-tag.component.scss b/apps/client/src/app/components/admin-tag/admin-tag.component.scss
index b5b58f67e..5d4e87f30 100644
--- a/apps/client/src/app/components/admin-tag/admin-tag.component.scss
+++ b/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;
 }
diff --git a/apps/client/src/app/components/admin-users/admin-users.scss b/apps/client/src/app/components/admin-users/admin-users.scss
index f06a9d825..e4990bf59 100644
--- a/apps/client/src/app/components/admin-users/admin-users.scss
+++ b/apps/client/src/app/components/admin-users/admin-users.scss
@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   display: block;
 
diff --git a/apps/client/src/app/components/header/header.component.scss b/apps/client/src/app/components/header/header.component.scss
index 0c6557ddd..04d634d3b 100644
--- a/apps/client/src/app/components/header/header.component.scss
+++ b/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;
diff --git a/apps/client/src/app/components/home-holdings/home-holdings.scss b/apps/client/src/app/components/home-holdings/home-holdings.scss
index b5b58f67e..5d4e87f30 100644
--- a/apps/client/src/app/components/home-holdings/home-holdings.scss
+++ b/apps/client/src/app/components/home-holdings/home-holdings.scss
@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   display: block;
 }
diff --git a/apps/client/src/app/components/home-market/home-market.scss b/apps/client/src/app/components/home-market/home-market.scss
index f9e5e6275..5b523160d 100644
--- a/apps/client/src/app/components/home-market/home-market.scss
+++ b/apps/client/src/app/components/home-market/home-market.scss
@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   display: block;
 
diff --git a/apps/client/src/app/components/home-overview/home-overview.scss b/apps/client/src/app/components/home-overview/home-overview.scss
index 9f8a1ce49..3a692b28d 100644
--- a/apps/client/src/app/components/home-overview/home-overview.scss
+++ b/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%;
diff --git a/apps/client/src/app/components/home-summary/home-summary.scss b/apps/client/src/app/components/home-summary/home-summary.scss
index b5b58f67e..5d4e87f30 100644
--- a/apps/client/src/app/components/home-summary/home-summary.scss
+++ b/apps/client/src/app/components/home-summary/home-summary.scss
@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   display: block;
 }
diff --git a/apps/client/src/app/components/positions/positions.component.scss b/apps/client/src/app/components/positions/positions.component.scss
index 90eff65ea..d3e8995a1 100644
--- a/apps/client/src/app/components/positions/positions.component.scss
+++ b/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));
     }
   }
 }
diff --git a/apps/client/src/app/pages/about/about-page.scss b/apps/client/src/app/pages/about/about-page.scss
index 6a0b74854..e87d9a05b 100644
--- a/apps/client/src/app/pages/about/about-page.scss
+++ b/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));
 }
diff --git a/apps/client/src/app/pages/admin/admin-page.scss b/apps/client/src/app/pages/admin/admin-page.scss
index 6a0b74854..e87d9a05b 100644
--- a/apps/client/src/app/pages/admin/admin-page.scss
+++ b/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));
 }
diff --git a/apps/client/src/app/pages/home/home-page.scss b/apps/client/src/app/pages/home/home-page.scss
index 6a0b74854..e87d9a05b 100644
--- a/apps/client/src/app/pages/home/home-page.scss
+++ b/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));
 }
diff --git a/apps/client/src/app/pages/landing/landing-page.scss b/apps/client/src/app/pages/landing/landing-page.scss
index 6a8dd8ec5..0b8736819 100644
--- a/apps/client/src/app/pages/landing/landing-page.scss
+++ b/apps/client/src/app/pages/landing/landing-page.scss
@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   display: block;
 
diff --git a/apps/client/src/app/pages/portfolio/portfolio-page.scss b/apps/client/src/app/pages/portfolio/portfolio-page.scss
index 6a0b74854..e87d9a05b 100644
--- a/apps/client/src/app/pages/portfolio/portfolio-page.scss
+++ b/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));
 }
diff --git a/apps/client/src/app/pages/user-account/user-account-page.scss b/apps/client/src/app/pages/user-account/user-account-page.scss
index 6a0b74854..e87d9a05b 100644
--- a/apps/client/src/app/pages/user-account/user-account-page.scss
+++ b/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));
 }
diff --git a/apps/client/src/app/pages/zen/zen-page.scss b/apps/client/src/app/pages/zen/zen-page.scss
index 6a0b74854..e87d9a05b 100644
--- a/apps/client/src/app/pages/zen/zen-page.scss
+++ b/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));
 }
diff --git a/apps/client/src/styles/ghostfolio-style.scss b/apps/client/src/styles/ghostfolio-style.scss
deleted file mode 100644
index 103f4cf14..000000000
--- a/apps/client/src/styles/ghostfolio-style.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-$mat-css-dark-theme-selector: '.is-dark-theme';
-
-$alpha-disabled-text: 0.38;
-$alpha-hover: 0.04;
diff --git a/apps/client/src/styles/theme.scss b/apps/client/src/styles/theme.scss
index 8114402d5..cc9b164e6 100644
--- a/apps/client/src/styles/theme.scss
+++ b/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;
diff --git a/libs/ui/src/lib/account-balances/account-balances.component.scss b/libs/ui/src/lib/account-balances/account-balances.component.scss
index b5b58f67e..5d4e87f30 100644
--- a/libs/ui/src/lib/account-balances/account-balances.component.scss
+++ b/libs/ui/src/lib/account-balances/account-balances.component.scss
@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   display: block;
 }
diff --git a/libs/ui/src/lib/activities-filter/activities-filter.component.scss b/libs/ui/src/lib/activities-filter/activities-filter.component.scss
index 7d0649bfc..07964fdfa 100644
--- a/libs/ui/src/lib/activities-filter/activities-filter.component.scss
+++ b/libs/ui/src/lib/activities-filter/activities-filter.component.scss
@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   display: block;
 
diff --git a/libs/ui/src/lib/activities-table/activities-table.component.scss b/libs/ui/src/lib/activities-table/activities-table.component.scss
index 003303f95..bb5e11691 100644
--- a/libs/ui/src/lib/activities-table/activities-table.component.scss
+++ b/libs/ui/src/lib/activities-table/activities-table.component.scss
@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   display: block;
 
diff --git a/libs/ui/src/lib/holdings-table/holdings-table.component.scss b/libs/ui/src/lib/holdings-table/holdings-table.component.scss
index a33b78aff..8e321bcf1 100644
--- a/libs/ui/src/lib/holdings-table/holdings-table.component.scss
+++ b/libs/ui/src/lib/holdings-table/holdings-table.component.scss
@@ -1,5 +1,3 @@
-@import 'apps/client/src/styles/ghostfolio-style';
-
 :host {
   display: block;