remove ugly scroll, pin wording, link to discord, color

packages/design-system/src/theme/index.ts

@@ -9,7 +9,7 @@ import { textStyles } from './texts';
 
 const modalContentStyles = isBackdropFilterSupported()
   ? {
-      backgroundColor: 'whiteAlpha.200',
+      backgroundColor: 'whiteAlpha.100',
       backdropFilter: 'blur(7px)',
     }
   : {

packages/web/components/Container.tsx

@@ -10,7 +10,6 @@ export const PageContainer: React.FC<FlexProps> = ({ children, ...props }) => (
     direction="column"
     align="center"
     pos="relative"
-    overflowY="scroll"
     bgImage={''}
     {...props}
   >

packages/web/components/EditableGridLayout.tsx

@@ -308,7 +308,7 @@ export const EditableGridLayout: React.FC<Props> = ({
           {currentLayoutItems.map(({ key, type, metadata }, i) => (
             <Flex
               boxShadow={editing ? 'lg' : 'md'}
-              bg="whiteAlpha.200"
+              bg="rgba(255,255,255,0.03)"
               backdropFilter="blur(7px)"
               overflow="hidden"
               borderRadius="lg"

packages/web/components/QuestChain/QuestChainDisplay.tsx

@@ -3,6 +3,7 @@ import {
   Button,
   Flex,
   HStack,
+  chakra,
   IconButton,
   Image,
   Spinner,
@@ -135,7 +136,18 @@ const QuestChainDisplay: React.FC<Props> = ({ inputQuestChain, name }) => {
           setIsPinned(true);
           toast({
             title: 'Quest Chain pinned!',
-            description: 'You can now see this quest chain on your profile.',
+            description: (
+             
+                <chakra.a
+                  href={`https://discord.com/channels/629411177947987986/1045714403351339018`}
+                  target="_blank"
+                  rel="noreferrer"
+                  style={{ textDecoration: 'underline' }}
+                >
+                 You can now see this quest chain on your Dashboard. Join the conversation on Discord.
+                </chakra.a>
+          
+            ),
             status: 'success',
             duration: 9000,
             isClosable: true,
@@ -169,7 +181,8 @@ const QuestChainDisplay: React.FC<Props> = ({ inputQuestChain, name }) => {
           setIsPinned(false);
           toast({
             title: 'Quest Chain unpinned!',
-            description: 'The quest chain has been removed from your profile.',
+          
+            description: 'The quest chain has been removed from your Dashboard.',
             status: 'success',
             duration: 9000,
             isClosable: true,