Eliminate ghostfolio-style.scss

1 year ago · 8c67dc3eaa
30 changed files with 5 additions and 62 deletions
--- 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;
--- 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;

--- 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;

--- 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;
 }
--- 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;
--- 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;
 }
--- 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;

--- 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;
 }
--- 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;
 }
--- 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;
 }
--- 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;

--- 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;
--- 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;
 }
--- 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;

--- 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%;
--- 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;
 }
--- 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));
    }
  }
 }
--- 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));
 }
--- 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));
 }
--- 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));
 }
--- 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;

--- 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));
 }
--- 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));
 }
--- 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));
 }
--- a/apps/client/src/styles/ghostfolio-style.scss
+++ b/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;
--- 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;
--- 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;
 }
--- 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;

--- 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;

--- 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;