✨ Add dark mode (#191)

Closes #189

apps/builder/src/features/workspace/components/MembersList/MemberItem.tsx

@@ -8,6 +8,7 @@ import {
   Stack,
   Tag,
   Text,
+  useColorModeValue,
 } from '@chakra-ui/react'
 import { WorkspaceRole } from 'db'
 import React from 'react'
@@ -38,9 +39,15 @@ export const MemberItem = ({
 }: Props) => {
   const handleAdminClick = () => onSelectNewRole(WorkspaceRole.ADMIN)
   const handleMemberClick = () => onSelectNewRole(WorkspaceRole.MEMBER)
+
   return (
     <Menu placement="bottom-end" isLazy>
-      <MenuButton _hover={{ backgroundColor: 'gray.100' }} borderRadius="md">
+      <MenuButton
+        _hover={{
+          bg: useColorModeValue('gray.100', 'gray.700'),
+        }}
+        borderRadius="md"
+      >
         <MemberIdentityContent
           email={email}
           name={name}

apps/builder/src/features/workspace/components/MembersList/MembersList.tsx

@@ -96,7 +96,7 @@ export const MembersList = () => {
 
   return (
     <Stack w="full" spacing={3}>
-      {!canInviteNewMember && (
+      {true && (
         <UnlockPlanAlertInfo
           contentLabel={`
           Upgrade your plan to work with more team members, and unlock awesome

apps/builder/src/features/workspace/components/WorkspaceSettingsModal.tsx

@@ -20,9 +20,8 @@ import { useState } from 'react'
 import { MembersList } from './MembersList'
 import { WorkspaceSettingsForm } from './WorkspaceSettingsForm'
 import { useWorkspace } from '../WorkspaceProvider'
-import { MyAccountForm } from '@/features/account'
+import { MyAccountForm, UserPreferencesForm } from '@/features/account'
 import { BillingContent } from '@/features/billing'
-import { EditorSettingsForm } from '@/features/editor'
 
 type Props = {
   isOpen: boolean
@@ -177,9 +176,7 @@ const SettingsContent = ({
     case 'my-account':
       return <MyAccountForm />
     case 'user-settings':
-      return (
-        <EditorSettingsForm defaultGraphNavigation={defaultGraphNavigation} />
-      )
+      return <UserPreferencesForm />
     case 'workspace-settings':
       return <WorkspaceSettingsForm onClose={onClose} />
     case 'members':