chore(theme): toast and other improves in custom background

Novout · Sep 26, 2022 · 315a81e · 315a81e
1 parent 75081b7
commit 315a81e
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/...nts/page/editor/project/preferences/container/EditorProjectPreferencesContainerStyles.vue b/...nts/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
@@ -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;