From c970350719a3675bea3651dd36edb4b35760210c Mon Sep 17 00:00:00 2001
From: Dawid Sowa <dawid.sowa@rdx.works>
Date: Thu, 10 Oct 2024 16:31:34 +0200
Subject: [PATCH] chore: remove dark theme code

npm audit reported `svelte-local-storage-store` as problematic dependency - we do not really need it right now
---
 apps/console/package.json                |  1 -
 apps/console/src/routes/+layout.svelte   | 16 ++--------
 apps/dashboard/package.json              |  1 -
 apps/dashboard/src/routes/+layout.svelte | 10 +-----
 package-lock.json                        | 15 +--------
 packages/ui/package.json                 |  1 -
 packages/ui/src/stores.ts                |  3 --
 packages/ui/src/styles.ts                | 40 ------------------------
 8 files changed, 4 insertions(+), 83 deletions(-)

diff --git a/apps/console/package.json b/apps/console/package.json
index ac698e7a6..17a8ffdea 100644
--- a/apps/console/package.json
+++ b/apps/console/package.json
@@ -99,7 +99,6 @@
     "ramda": "^0.28.0",
     "sanitize-html": "^2.11.0",
     "svelte-filepond": "^0.2.0",
-    "svelte-local-storage-store": "^0.3.1",
     "tslog": "^4.8.2",
     "zod": "^3.21.4"
   }
diff --git a/apps/console/src/routes/+layout.svelte b/apps/console/src/routes/+layout.svelte
index 9e251f2ca..65312efc7 100644
--- a/apps/console/src/routes/+layout.svelte
+++ b/apps/console/src/routes/+layout.svelte
@@ -10,16 +10,10 @@
 <script lang="ts">
   import '@fonts'
   import { featureFlags } from '@featureFlags'
-  import { darkTheme, getCssText } from '@styles'
+  import { getCssText } from '@styles'
   import { navigating } from '$app/stores'
   import { onMount } from 'svelte'
-  import {
-    accounts,
-    dAppToolkit,
-    gatewayApi,
-    selectedAccount,
-    storage
-  } from '@stores'
+  import { accounts, dAppToolkit, gatewayApi, selectedAccount } from '@stores'
   import {
     RadixDappToolkit,
     Account,
@@ -90,12 +84,6 @@
     resolveRDT(rdt)
   })
 
-  $: if (mounted) {
-    document.body.classList[$storage.theme === 'dark' ? 'add' : 'remove'](
-      darkTheme
-    )
-  }
-
   navigating
 
   const routes: { text: string; icon: string; path: string }[] = [
diff --git a/apps/dashboard/package.json b/apps/dashboard/package.json
index 03e4b0091..5aac5edc9 100644
--- a/apps/dashboard/package.json
+++ b/apps/dashboard/package.json
@@ -104,7 +104,6 @@
     "ramda": "^0.28.0",
     "sanitize-html": "^2.11.0",
     "svelte-filepond": "^0.2.0",
-    "svelte-local-storage-store": "^0.3.1",
     "tslog": "^4.8.2",
     "zod": "^3.21.4"
   }
diff --git a/apps/dashboard/src/routes/+layout.svelte b/apps/dashboard/src/routes/+layout.svelte
index 1e65580bf..fc18e553c 100644
--- a/apps/dashboard/src/routes/+layout.svelte
+++ b/apps/dashboard/src/routes/+layout.svelte
@@ -11,14 +11,12 @@
   import '@fonts'
   import Layout from '@components/layout/Layout.svelte'
   import { featureFlags } from '@featureFlags'
-  import { darkTheme } from '@styles'
   import { navigating, page } from '$app/stores'
   import { onMount } from 'svelte'
   import {
     accounts,
     externalNavigationConfirmation,
-    selectedAccount,
-    storage
+    selectedAccount
   } from '@stores'
   import {
     Account,
@@ -125,12 +123,6 @@
     }
   ]
 
-  $: if (mounted) {
-    document.body.classList[$storage.theme === 'dark' ? 'add' : 'remove'](
-      darkTheme
-    )
-  }
-
   navigating
 
   let hideSearch = false
diff --git a/package-lock.json b/package-lock.json
index ea66c9837..ddfa4ee06 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -42,7 +42,6 @@
         "ramda": "^0.28.0",
         "sanitize-html": "^2.11.0",
         "svelte-filepond": "^0.2.0",
-        "svelte-local-storage-store": "^0.3.1",
         "tslog": "^4.8.2",
         "zod": "^3.21.4"
       },
@@ -731,7 +730,6 @@
         "ramda": "^0.28.0",
         "sanitize-html": "^2.11.0",
         "svelte-filepond": "^0.2.0",
-        "svelte-local-storage-store": "^0.3.1",
         "tslog": "^4.8.2",
         "zod": "^3.21.4"
       },
@@ -29737,6 +29735,7 @@
       "version": "3.59.1",
       "resolved": "https://registry.npmjs.org/svelte/-/svelte-3.59.1.tgz",
       "integrity": "sha512-pKj8fEBmqf6mq3/NfrB9SLtcJcUvjYSWyePlfCqN9gujLB25RitWK8PvFzlwim6hD/We35KbPlRteuA6rnPGcQ==",
+      "dev": true,
       "peer": true,
       "engines": {
         "node": ">= 8"
@@ -29816,17 +29815,6 @@
         "svelte": ">=3.19.0"
       }
     },
-    "node_modules/svelte-local-storage-store": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/svelte-local-storage-store/-/svelte-local-storage-store-0.3.2.tgz",
-      "integrity": "sha512-wIjXgulHNYecHAWv68ZpQOaxjFJS/LaGAo8yKLal/mMrWTkbpGQMo2f2hF5X9WJGNqsOp5pJAjsmnuNoottctQ==",
-      "engines": {
-        "node": ">=0.14"
-      },
-      "peerDependencies": {
-        "svelte": "^3.48.0"
-      }
-    },
     "node_modules/svelte-popperjs": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/svelte-popperjs/-/svelte-popperjs-1.3.2.tgz",
@@ -32290,7 +32278,6 @@
         "ramda": "^0.28.0",
         "sanitize-html": "^2.11.0",
         "svelte-filepond": "^0.2.0",
-        "svelte-local-storage-store": "^0.3.1",
         "tslog": "^4.8.2",
         "vite-tsconfig-paths": "^4.2.0",
         "zod": "^3.21.4"
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 6db3c3d88..2d74b3467 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -98,7 +98,6 @@
     "ramda": "^0.28.0",
     "sanitize-html": "^2.11.0",
     "svelte-filepond": "^0.2.0",
-    "svelte-local-storage-store": "^0.3.1",
     "tslog": "^4.8.2",
     "vite-tsconfig-paths": "^4.2.0",
     "zod": "^3.21.4"
diff --git a/packages/ui/src/stores.ts b/packages/ui/src/stores.ts
index f6050ab10..41b2b7ac3 100644
--- a/packages/ui/src/stores.ts
+++ b/packages/ui/src/stores.ts
@@ -1,5 +1,4 @@
 import { derived, writable } from 'svelte/store'
-import { writable as localStorageStore } from 'svelte-local-storage-store'
 import {
   GatewayApiClient,
   type NetworkConfigurationResponse
@@ -22,8 +21,6 @@ export const connected = derived(
   ([accounts]) => accounts.length > 0
 )
 
-export const storage = localStorageStore('storage', { theme: 'light' })
-
 export const networkConfiguration = writable<
   NetworkConfigurationResponse | undefined
 >()
diff --git a/packages/ui/src/styles.ts b/packages/ui/src/styles.ts
index f904f4e6b..36340b00e 100644
--- a/packages/ui/src/styles.ts
+++ b/packages/ui/src/styles.ts
@@ -197,43 +197,3 @@ export const {
     mr: (value: SpaceKeys) => ({ marginRight: value })
   }
 })
-
-export const darkTheme = createTheme<
-  Pick<(typeof config)['theme'], 'filters' | 'colors'>,
-  string
->({
-  filters: {
-    iconHover: 'brightness(1.5)'
-  },
-  colors: {
-    background: colors.grey0,
-    onBackground: colors.grey3,
-    surface: colors.grey01,
-    onSurface: colors.grey3,
-    primary: colors.green1,
-    onPrimary: colors.white,
-    action: colors.green1,
-    secondary: colors.grey4,
-    pickerBackground: colors.white,
-    onPickerBackground: colors.grey1,
-    primaryTextHover: colors.green2,
-    primaryButton: colors.green1,
-    primaryButtonHover: colors.grey1,
-    primaryButtonText: colors.white,
-    primaryGhostButton: colors.white,
-    primaryGhostButtonText: colors.grey1,
-    primaryGhostButtonHover: colors.blue1,
-    primaryGhostButtonHoverText: colors.white,
-    borderColor: colors.grey4,
-    grey: colors.grey1,
-    muted: colors.grey2,
-    slightlyMuted: colors.grey5,
-    text: colors.white,
-    highlightedText: colors.blue2,
-    transparent: 'transparent',
-    connectButton: colors.blue1,
-    connectButtonPopover: colors.blue2,
-    error: colors.red,
-    success: colors.green3
-  }
-})