diff --git a/apps/design-system/components/command-menu.tsx b/apps/design-system/components/command-menu.tsx index e4731f2a055..1c1c0adebdf 100644 --- a/apps/design-system/components/command-menu.tsx +++ b/apps/design-system/components/command-menu.tsx @@ -108,10 +108,6 @@ export function CommandMenu({ ...props }: DialogProps) { Dark - runCommand(() => setTheme('classic-dark'))}> - - Classic dark - runCommand(() => setTheme('system'))}> System diff --git a/apps/design-system/content/docs/theming.mdx b/apps/design-system/content/docs/theming.mdx index 91b144803c9..f5472815a76 100644 --- a/apps/design-system/content/docs/theming.mdx +++ b/apps/design-system/content/docs/theming.mdx @@ -5,11 +5,10 @@ description: Themes used in Supabase Design System currently takes into account varying themes. -Themes currently in development: +Available themes: - Light -- Dark (Classic dark) -- Deep dark +- Dark We also support a system theme, which will automatically switch between light and dark themes based on the user's system settings. diff --git a/apps/design-system/registry/default/example/radio-group-card-with-children.tsx b/apps/design-system/registry/default/example/radio-group-card-with-children.tsx index 74a9b98ed9a..78718460846 100644 --- a/apps/design-system/registry/default/example/radio-group-card-with-children.tsx +++ b/apps/design-system/registry/default/example/radio-group-card-with-children.tsx @@ -6,7 +6,6 @@ import { BASE_PATH } from '@/lib/constants' export default function RadioGroupDemo() { const singleThemes = [ { name: 'Dark', value: 'dark' }, // Classic Supabase dark - { name: 'Classic dark', value: 'classic-dark' }, // Deep Dark Supabase dark { name: 'Light', value: 'light' }, // Classic Supabase light { name: 'System', value: 'system' }, // Classic Supabase light ] as const diff --git a/apps/design-system/styles/globals.css b/apps/design-system/styles/globals.css index 0a55d08da3e..e1f56ecff2f 100644 --- a/apps/design-system/styles/globals.css +++ b/apps/design-system/styles/globals.css @@ -1,5 +1,4 @@ @import 'config/tailwind.config.css'; -@import './../../../packages/ui/build/css/themes/classic-dark.css'; @import 'config/typography.css'; @source '../app/**/*.{js,ts,jsx,tsx}'; diff --git a/apps/docs/components/HomePageCover.constants.ts b/apps/docs/components/HomePageCover.constants.ts index 14065615029..582a51fbf2a 100644 --- a/apps/docs/components/HomePageCover.constants.ts +++ b/apps/docs/components/HomePageCover.constants.ts @@ -6,4 +6,8 @@ export const setupCommand = { export const setupCommands = [setupCommand.installCli, setupCommand.installPlugin].join('\n') -export const setupPrompt = `Help me get set up with Supabase. Do the following: 1. Install the Supabase CLI as a project dev dependency with \`${setupCommand.installCli}\`, so the version is pinned per project. 2. Install the Supabase Plugin with \`${setupCommand.installPlugin}\`. 3. Review my project and determine whether Supabase is already initialized. If it is not initialized, run \`${setupCommand.initialize}\`. 4. Suggest the most relevant next steps.` +export const setupPrompt = `Help me get set up with Supabase. Do the following: +1. Install the Supabase CLI as a project dev dependency with \`${setupCommand.installCli}\`, so the version is pinned per project. +2. Install the Supabase Plugin with \`${setupCommand.installPlugin}\`. +3. Review my project and determine whether Supabase is already initialized. If it is not initialized, run \`${setupCommand.initialize}\`. +4. Suggest the most relevant next steps.` diff --git a/apps/docs/components/HomePageCover.tsx b/apps/docs/components/HomePageCover.tsx index b818ff79e4e..3b6179f4c4d 100644 --- a/apps/docs/components/HomePageCover.tsx +++ b/apps/docs/components/HomePageCover.tsx @@ -4,45 +4,31 @@ import { Prompt, PromptContent, PromptCopy, + PromptMarkdown, PromptPanel, PromptTitle, } from '~/features/ui/PromptPanel' import { isFeatureEnabled } from 'common' -import { Sparkles, Terminal } from 'lucide-react' import { type ReactNode } from 'react' import { getCustomContent } from '../lib/custom-content/getCustomContent' import DocsCoverLogo from './DocsCoverLogo' -import { setupCommand, setupCommands, setupPrompt } from './HomePageCover.constants' +import { setupCommands, setupPrompt } from './HomePageCover.constants' const fullGettingStartedEnabled = isFeatureEnabled('docs:full_getting_started') function SetupPrompt({ cliCode }: { cliCode: ReactNode }) { return ( - - - }>AI Prompt + + + Agent Prompt {setupPrompt} - Help me get set up with Supabase. Do the following: 1. Install the Supabase CLI as a - project dev dependency with{' '} - - {setupCommand.installCli} - - , so the version is pinned per project. 2. Install the Supabase Plugin with{' '} - - {setupCommand.installPlugin} - - . 3. Review my project and determine whether Supabase is already initialized. If it is not - initialized, run{' '} - - {setupCommand.initialize} - - . 4. Suggest the most relevant next steps. + {setupPrompt} - }>CLI + CLI {setupCommands} {cliCode} @@ -56,8 +42,8 @@ const HomePageCover = ({ title, cliCode }: { title: string; cliCode: ReactNode } return (
-
-
+
+