From 315a81e0ebec2f6135e076585a790ad631528415 Mon Sep 17 00:00:00 2001
From: Novout <novout@hotmail.com>
Date: Mon, 26 Sep 2022 00:53:09 -0300
Subject: [PATCH] chore(theme): toast and other improves in custom background

---
 .../EditorProjectPreferencesContainerStyles.vue          | 9 +++++++++
 .../css/themes/betterwrite-custom.css                    | 8 ++++----
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/packages/better-write-app/src/components/page/editor/project/preferences/container/EditorProjectPreferencesContainerStyles.vue b/packages/better-write-app/src/components/page/editor/project/preferences/container/EditorProjectPreferencesContainerStyles.vue
index f4f423e38..40d8bf011 100644
--- a/packages/better-write-app/src/components/page/editor/project/preferences/container/EditorProjectPreferencesContainerStyles.vue
+++ b/packages/better-write-app/src/components/page/editor/project/preferences/container/EditorProjectPreferencesContainerStyles.vue
@@ -13,6 +13,9 @@
             EDITOR.configuration.theme === theme
               ? 'bg-theme-background-opacity-1'
               : '',
+            EDITOR.styles.base.backgroundData
+              ? 'pointer-events-none opacity-40'
+              : '',
           ]"
           @click.prevent.stop="onSwitchTheme(theme)"
         >
@@ -138,6 +141,7 @@
   import { useNProgress } from '@vueuse/integrations/useNProgress'
   import { useI18n } from 'vue-i18n'
   import { usePDFStore } from '@/store/pdf'
+  import { useToast } from 'vue-toastification'
 
   const EDITOR = useEditorStore()
   const PDF = usePDFStore()
@@ -146,6 +150,7 @@
   const plugin = usePlugin()
   const storage = useStorage()
   const { t } = useI18n()
+  const toast = useToast()
 
   const fonts = computed(() =>
     EDITOR.styles.googleFontsInjection
@@ -182,6 +187,8 @@
 
     await nextTick
 
+    toast.success(t('toast.generics.successAdded'))
+
     plugin.emit('plugin-theme-set', 'BetterWrite - Custom')
   }
 
@@ -190,6 +197,8 @@
 
     await nextTick
 
+    toast.success(t('toast.generics.successRemoved'))
+
     plugin.emit('plugin-theme-set')
   }
 </script>
diff --git a/packages/better-write-plugin-theme/css/themes/betterwrite-custom.css b/packages/better-write-plugin-theme/css/themes/betterwrite-custom.css
index e72e35f52..b43bab219 100644
--- a/packages/better-write-plugin-theme/css/themes/betterwrite-custom.css
+++ b/packages/better-write-plugin-theme/css/themes/betterwrite-custom.css
@@ -25,11 +25,11 @@
   --theme-aside-logo-text: #d1d5db;
   --theme-aside-graph-lines: #414141;
   --theme-aside-graph-text: #d1d5db;
-  --theme-aside-graph-text-hover: #414141;
-  --theme-aside-graph-text-active: #333;
+  --theme-aside-graph-text-hover: #d1d5db;
+  --theme-aside-graph-text-active: #d1d5db;
   --theme-aside-graph-background: none;
-  --theme-aside-graph-background-hover: #242424;
-  --theme-aside-graph-background-active: #202020;
+  --theme-aside-graph-background-hover: rgb(0, 0, 0, 0.2);
+  --theme-aside-graph-background-active: rgb(0, 0, 0, 0.2);
   --theme-editor-scrollbar-track: transparent;
   --theme-editor-scrollbar-thumb:  rgb(0, 0, 0, 0.5);
   --theme-editor-betterwrite: #e5e7eb;