{text}
diff --git a/apps/docs/components/Navigation/NavigationMenu/GlobalMobileMenu.tsx b/apps/docs/components/Navigation/NavigationMenu/GlobalMobileMenu.tsx index 06acb65ce57..41c145cbc3c 100644 --- a/apps/docs/components/Navigation/NavigationMenu/GlobalMobileMenu.tsx +++ b/apps/docs/components/Navigation/NavigationMenu/GlobalMobileMenu.tsx @@ -137,7 +137,7 @@ const GlobalMobileMenu = ({ open, setOpen }: Props) => { height={24} alt="Supabase Logo" /> - DOCS + DOCS
diff --git a/apps/docs/components/Navigation/NavigationMenu/NavigationMenuGuideListItems.tsx b/apps/docs/components/Navigation/NavigationMenu/NavigationMenuGuideListItems.tsx
index c859d3a31ee..69afb363f8e 100644
--- a/apps/docs/components/Navigation/NavigationMenu/NavigationMenuGuideListItems.tsx
+++ b/apps/docs/components/Navigation/NavigationMenu/NavigationMenuGuideListItems.tsx
@@ -43,7 +43,7 @@ const HeaderLink = React.memo(function HeaderLink(props: {
className={[
' ',
!props.title && 'capitalize',
- props.url === pathname ? 'text-brand-link' : 'hover:text-brand-link text-foreground',
+ props.url === pathname ? 'text-brand' : 'hover:text-brand text-foreground',
].join(' ')}
>
{props.title ?? props.id}
@@ -111,7 +111,7 @@ const ContentAccordionLink = React.memo(function ContentAccordionLink(props: any
'cursor-pointer transition text-sm',
'focus-inset rounded-md',
activeItem
- ? 'text-brand-link font-medium'
+ ? 'text-brand font-medium'
: 'hover:text-foreground text-foreground-lighter',
].join(' ')}
>
@@ -146,8 +146,8 @@ const ContentAccordionLink = React.memo(function ContentAccordionLink(props: any
'relative block py-1.25 pl-1 -ml-1 cursor-pointer transition text-sm',
'focus-inset rounded-md',
child.url === pathname
- ? 'text-brand-link'
- : 'hover:text-brand-link text-foreground-lighter',
+ ? 'text-brand'
+ : 'hover:text-brand text-foreground-lighter',
].join(' ')}
>
{child.url === pathname && (
@@ -173,9 +173,7 @@ const ContentAccordionLink = React.memo(function ContentAccordionLink(props: any
'flex items-center gap-2',
'cursor-pointer transition text-sm',
'focus-inset rounded-md',
- activeItem
- ? 'text-brand-link font-medium'
- : 'hover:text-foreground text-foreground-lighter',
+ activeItem ? 'text-brand font-medium' : 'hover:text-foreground text-foreground-lighter',
].join(' ')}
parent={props.subItem.parent}
>
@@ -206,9 +204,7 @@ const ContentLink = React.memo(function ContentLink(props: any) {
className={[
'cursor-pointer transition text-sm',
'focus-inset rounded-md',
- props.url === pathname
- ? 'text-brand-link'
- : 'hover:text-foreground text-foreground-lighter',
+ props.url === pathname ? 'text-brand' : 'hover:text-foreground text-foreground-lighter',
].join(' ')}
>
{props.icon && (
@@ -230,7 +226,7 @@ const Content = (props) => {
return (
-
+
This table is empty
diff --git a/apps/studio/components/interfaces/Auth/AuthProvidersForm/ProviderForm.tsx b/apps/studio/components/interfaces/Auth/AuthProvidersForm/ProviderForm.tsx index d4dfb13d85b..1cbf7f7de63 100644 --- a/apps/studio/components/interfaces/Auth/AuthProvidersForm/ProviderForm.tsx +++ b/apps/studio/components/interfaces/Auth/AuthProvidersForm/ProviderForm.tsx @@ -190,7 +190,7 @@ export const ProviderForm = ({ config, provider, isActive }: ProviderFormProps) meta={ isActive ? (
-
+
{selectedPid === activity.pid && (
-
+
)}
{/* Absolute (not inline in the flex row) so top-0/bottom-0 ignore the cell's padding and touch the adjacent row */}
diff --git a/apps/studio/components/interfaces/Observability/ServiceHealthTable.tsx b/apps/studio/components/interfaces/Observability/ServiceHealthTable.tsx
index 3b6063e7376..564a99d49c7 100644
--- a/apps/studio/components/interfaces/Observability/ServiceHealthTable.tsx
+++ b/apps/studio/components/interfaces/Observability/ServiceHealthTable.tsx
@@ -47,7 +47,7 @@ const colorClassMap: Record = {
muted: 'bg-gray-500',
destructive: 'bg-destructive',
warning: 'bg-warning',
- brand: 'bg-brand',
+ brand: 'bg-brand-default',
}
const LEVEL_CHART_CONFIG: ChartConfig = {
diff --git a/apps/studio/components/interfaces/Organization/BillingSettings/Subscription/PlanCard.tsx b/apps/studio/components/interfaces/Organization/BillingSettings/Subscription/PlanCard.tsx
index 09efd36d419..08e2674fb37 100644
--- a/apps/studio/components/interfaces/Organization/BillingSettings/Subscription/PlanCard.tsx
+++ b/apps/studio/components/interfaces/Organization/BillingSettings/Subscription/PlanCard.tsx
@@ -169,12 +169,12 @@ function ControlCard({
'px-4 py-4 flex flex-col items-start justify-between',
'border rounded-md col-span-12 md:col-span-4 bg-surface-200',
shouldHighlight &&
- 'ring-4 ring-brand animate-[pulse_1.5s_ease-in-out_1] motion-reduce:animate-none shadow-md shadow-brand/40'
+ 'ring-4 ring-brand-default animate-[pulse_1.5s_ease-in-out_1] motion-reduce:animate-none shadow-md shadow-brand-default/40'
)}
>
diff --git a/apps/studio/components/ui/DotPing.tsx b/apps/studio/components/ui/DotPing.tsx
index 7bdca2e7024..711103c9fdc 100644
--- a/apps/studio/components/ui/DotPing.tsx
+++ b/apps/studio/components/ui/DotPing.tsx
@@ -12,7 +12,7 @@ export const DotPing = ({ animate = true, variant = 'primary' }: DotPingProps) =
className={cn(
'absolute inset-0 rounded-full',
animate && 'animate-ping',
- variant === 'primary' && 'bg-brand/20',
+ variant === 'primary' && 'bg-brand-default/20',
variant === 'default' && 'bg-selection/20',
variant === 'warning' && 'bg-warning/20'
)}
@@ -24,7 +24,7 @@ export const DotPing = ({ animate = true, variant = 'primary' }: DotPingProps) =
{
-
+
Live
diff --git a/apps/studio/styles/grid.css b/apps/studio/styles/grid.css
index b3582635435..87b98cdcdb7 100644
--- a/apps/studio/styles/grid.css
+++ b/apps/studio/styles/grid.css
@@ -60,7 +60,7 @@
.rdg-cell {
border-left-color: hsl(var(--brand-default));
- color: hsl(var(--brand-link));
+ color: var(--primary);
}
/* First cell gets a stronger left border to indicate new row */
@@ -329,7 +329,7 @@
}
.sb-grid-column-header__inner svg {
- @apply border-brand text-brand;
+ @apply border-brand-default text-brand;
}
/*
diff --git a/apps/studio/styles/react-data-grid-logs.css b/apps/studio/styles/react-data-grid-logs.css
index 438e2a9e89a..577a243a5fb 100644
--- a/apps/studio/styles/react-data-grid-logs.css
+++ b/apps/studio/styles/react-data-grid-logs.css
@@ -29,7 +29,7 @@
.rdg-row {
&.rdg-row--focused {
- @apply border-r border-brand;
+ @apply border-r border-brand-default;
border-right-width: 4px;
}
@@ -71,7 +71,7 @@
.rdg-row {
&.rdg-row--focused {
- @apply border-r border-brand;
+ @apply border-r border-brand-default;
border-right-width: 4px;
}
diff --git a/apps/studio/styles/ui.css b/apps/studio/styles/ui.css
index c242e8f58f6..7f043980a39 100644
--- a/apps/studio/styles/ui.css
+++ b/apps/studio/styles/ui.css
@@ -303,7 +303,7 @@
::-moz-selection {
/* Code for Firefox */
- @apply bg-brand;
+ @apply bg-brand-default;
color: #333 !important;
}
diff --git a/apps/www/_go/events/stripe-sessions-2026/meeting-scheduler.tsx b/apps/www/_go/events/stripe-sessions-2026/meeting-scheduler.tsx
index 14175c847d4..193c4d01772 100644
--- a/apps/www/_go/events/stripe-sessions-2026/meeting-scheduler.tsx
+++ b/apps/www/_go/events/stripe-sessions-2026/meeting-scheduler.tsx
@@ -38,7 +38,7 @@ const page: GoPageInput = {
{hook.enabled ? (
-
diff --git a/apps/studio/components/interfaces/Observability/DatabaseConnections/ActivityRow.tsx b/apps/studio/components/interfaces/Observability/DatabaseConnections/ActivityRow.tsx
index 829290f74a2..14c0a8eb1ea 100644
--- a/apps/studio/components/interfaces/Observability/DatabaseConnections/ActivityRow.tsx
+++ b/apps/studio/components/interfaces/Observability/DatabaseConnections/ActivityRow.tsx
@@ -210,7 +210,7 @@ export const ActivityRow = ({
>
+
{data.name}
@@ -89,7 +89,7 @@ const TableNodeComponent = ({
diff --git a/apps/studio/components/interfaces/ExplainVisualizer/ExplainVisualizer.Header.tsx b/apps/studio/components/interfaces/ExplainVisualizer/ExplainVisualizer.Header.tsx
index f757842e264..7c74cc10aaf 100644
--- a/apps/studio/components/interfaces/ExplainVisualizer/ExplainVisualizer.Header.tsx
+++ b/apps/studio/components/interfaces/ExplainVisualizer/ExplainVisualizer.Header.tsx
@@ -98,7 +98,7 @@ export function ExplainHeader({ mode, onToggleMode, summary, id, rows }: Explain
Seq Scan (slow)
diff --git a/apps/studio/components/interfaces/ExplainVisualizer/ExplainVisualizer.utils.ts b/apps/studio/components/interfaces/ExplainVisualizer/ExplainVisualizer.utils.ts
index 6d7a505a652..2489e735a51 100644
--- a/apps/studio/components/interfaces/ExplainVisualizer/ExplainVisualizer.utils.ts
+++ b/apps/studio/components/interfaces/ExplainVisualizer/ExplainVisualizer.utils.ts
@@ -154,7 +154,7 @@ export function getScanBarColor(operation: string): string {
op.includes('index only scan') ||
op.includes('bitmap index scan')
) {
- return 'bg-brand/20'
+ return 'bg-brand-default/20'
}
// Sequential scans are yellow
diff --git a/apps/studio/components/interfaces/Functions/EdgeFunctionRecentInvocations.tsx b/apps/studio/components/interfaces/Functions/EdgeFunctionRecentInvocations.tsx
index 6c36f230420..fa1d4e56862 100644
--- a/apps/studio/components/interfaces/Functions/EdgeFunctionRecentInvocations.tsx
+++ b/apps/studio/components/interfaces/Functions/EdgeFunctionRecentInvocations.tsx
@@ -90,7 +90,7 @@ export const EdgeFunctionRecentInvocations = ({
{true ? (
-
diff --git a/apps/studio/components/interfaces/Database/Replication/RowMenu.tsx b/apps/studio/components/interfaces/Database/Replication/RowMenu.tsx
index e899c12da4d..7f5de5d01f7 100644
--- a/apps/studio/components/interfaces/Database/Replication/RowMenu.tsx
+++ b/apps/studio/components/interfaces/Database/Replication/RowMenu.tsx
@@ -166,7 +166,7 @@ export const RowMenu = ({
/>
{hasUpdate && (
)}
diff --git a/apps/studio/components/interfaces/Database/Roles/RoleRow.tsx b/apps/studio/components/interfaces/Database/Roles/RoleRow.tsx
index 9271591d769..cb3984b0101 100644
--- a/apps/studio/components/interfaces/Database/Roles/RoleRow.tsx
+++ b/apps/studio/components/interfaces/Database/Roles/RoleRow.tsx
@@ -140,8 +140,8 @@ export const RoleRow = ({ role, disabled = false, onSelectDelete }: RoleRowProps
{role.activeConnections > 0 && (
+
{isActive ? (
-
+
diff --git a/apps/studio/components/interfaces/Database/Replication/ReplicationDiagram/Nodes.tsx b/apps/studio/components/interfaces/Database/Replication/ReplicationDiagram/Nodes.tsx
index eaa6dc6a442..49658d96824 100644
--- a/apps/studio/components/interfaces/Database/Replication/ReplicationDiagram/Nodes.tsx
+++ b/apps/studio/components/interfaces/Database/Replication/ReplicationDiagram/Nodes.tsx
@@ -85,7 +85,7 @@ export const ReplicationNode = ({ id }: { id: string }) => {
-
-
+
+
)}
diff --git a/apps/studio/components/interfaces/Database/Schemas/DefaultEdge.tsx b/apps/studio/components/interfaces/Database/Schemas/DefaultEdge.tsx
index 28378ebba23..2925695d662 100644
--- a/apps/studio/components/interfaces/Database/Schemas/DefaultEdge.tsx
+++ b/apps/studio/components/interfaces/Database/Schemas/DefaultEdge.tsx
@@ -52,7 +52,9 @@ const DefaultEdgeComponent = ({
diff --git a/apps/studio/components/interfaces/Database/Tables/ConstraintToken.tsx b/apps/studio/components/interfaces/Database/Tables/ConstraintToken.tsx
index 22bf69d3cf0..5c35c13e46b 100644
--- a/apps/studio/components/interfaces/Database/Tables/ConstraintToken.tsx
+++ b/apps/studio/components/interfaces/Database/Tables/ConstraintToken.tsx
@@ -16,7 +16,7 @@ const constraintTokenClassName = cn(
export const ConstraintToken = ({ icon, label, variant = 'default' }: ConstraintTokenProps) => {
const tokenToneClassName =
variant === 'primary'
- ? 'bg-brand/10 text-brand-600 border-brand-500'
+ ? 'bg-brand-default/10 text-brand-600 border-brand-500'
: variant === 'default'
? 'bg-surface-75 text-foreground-light border-strong'
: 'bg-surface-75/50 text-foreground-light border-strong'
diff --git a/apps/studio/components/interfaces/Database/Tables/TableList.tsx b/apps/studio/components/interfaces/Database/Tables/TableList.tsx
index 0f59a3c4e31..5961fd563ee 100644
--- a/apps/studio/components/interfaces/Database/Tables/TableList.tsx
+++ b/apps/studio/components/interfaces/Database/Tables/TableList.tsx
@@ -498,7 +498,7 @@ export const TableList = ({
(table) => table.id === x.id
) ? (
-
) : (
diff --git a/apps/studio/components/interfaces/DiskManagement/DiskManagementReviewAndSubmitDialog/DiskManagementReviewAndSubmitDialog.tsx b/apps/studio/components/interfaces/DiskManagement/DiskManagementReviewAndSubmitDialog/DiskManagementReviewAndSubmitDialog.tsx
index 9504d551dae..1034f3e7100 100644
--- a/apps/studio/components/interfaces/DiskManagement/DiskManagementReviewAndSubmitDialog/DiskManagementReviewAndSubmitDialog.tsx
+++ b/apps/studio/components/interfaces/DiskManagement/DiskManagementReviewAndSubmitDialog/DiskManagementReviewAndSubmitDialog.tsx
@@ -139,8 +139,8 @@ export const DiskManagementReviewAndSubmitDialog = ({
Enabled
-
-
+
+
diff --git a/apps/studio/components/interfaces/DiskManagement/ui/DiskSpaceBar.tsx b/apps/studio/components/interfaces/DiskManagement/ui/DiskSpaceBar.tsx
index 8f9bc873187..64abade0edb 100644
--- a/apps/studio/components/interfaces/DiskManagement/ui/DiskSpaceBar.tsx
+++ b/apps/studio/components/interfaces/DiskManagement/ui/DiskSpaceBar.tsx
@@ -101,7 +101,7 @@ export const DiskSpaceBar = ({ form }: DiskSpaceBarProps) => {
-
+
Index Scan (fast)
-
+
{group.badge}
)
diff --git a/apps/studio/components/interfaces/Integrations/Landing/IntegrationCard.tsx b/apps/studio/components/interfaces/Integrations/Landing/IntegrationCard.tsx
index 26f807d0765..a4aa966eee7 100644
--- a/apps/studio/components/interfaces/Integrations/Landing/IntegrationCard.tsx
+++ b/apps/studio/components/interfaces/Integrations/Landing/IntegrationCard.tsx
@@ -92,8 +92,8 @@ export const IntegrationCard = ({
{isInstalled && (
-
)}
-
{plan.name}
+{plan.name}
{isCurrentPlan ? (
Current plan
@@ -264,7 +264,7 @@ function ParityCard({
'flex flex-col items-start justify-between',
'border rounded-md col-span-12 md:col-span-4 bg-surface-200',
shouldHighlight &&
- 'ring-4 ring-brand animate-[pulse_1.5s_ease-in-out_1] motion-reduce:animate-none shadow-md shadow-brand/40'
+ 'ring-4 ring-brand-default animate-[pulse_1.5s_ease-in-out_1] motion-reduce:animate-none shadow-md shadow-brand-default/40'
)}
>
diff --git a/apps/studio/components/interfaces/ProjectHome/CustomReportSection.tsx b/apps/studio/components/interfaces/ProjectHome/CustomReportSection.tsx
index 97c81ceebf2..72572ebed2c 100644
--- a/apps/studio/components/interfaces/ProjectHome/CustomReportSection.tsx
+++ b/apps/studio/components/interfaces/ProjectHome/CustomReportSection.tsx
@@ -396,7 +396,7 @@ export function CustomReportSection() {
{isDraggingOver && (
-
+
)}
{layout.length === 0 ? (
diff --git a/apps/studio/components/ui/BannerStack/Banners/BannerTableEditorQueueOperations.tsx b/apps/studio/components/ui/BannerStack/Banners/BannerTableEditorQueueOperations.tsx
index 1aa4468144e..ae8a1a8445b 100644
--- a/apps/studio/components/ui/BannerStack/Banners/BannerTableEditorQueueOperations.tsx
+++ b/apps/studio/components/ui/BannerStack/Banners/BannerTableEditorQueueOperations.tsx
@@ -49,8 +49,8 @@ export const BannerTableEditorQueueOperations = () => {
{
(isProjectNew && service.status !== 'ACTIVE_HEALTHY')
? 'bg-foreground-lighter animate-pulse'
: service.status === 'ACTIVE_HEALTHY'
- ? 'bg-brand'
+ ? 'bg-brand-default'
: 'bg-selection'
)}
/>
diff --git a/apps/studio/components/interfaces/SQLEditor/UtilityPanel/UtilityActions.tsx b/apps/studio/components/interfaces/SQLEditor/UtilityPanel/UtilityActions.tsx
index 75162f30a1f..8a65752c317 100644
--- a/apps/studio/components/interfaces/SQLEditor/UtilityPanel/UtilityActions.tsx
+++ b/apps/studio/components/interfaces/SQLEditor/UtilityPanel/UtilityActions.tsx
@@ -139,7 +139,9 @@ export const UtilityActions = ({
size={14}
strokeWidth={2}
className={
- isFavorite ? 'fill-brand stroke-none' : 'fill-none stroke-foreground-light'
+ isFavorite
+ ? 'fill-brand-default stroke-none'
+ : 'fill-none stroke-foreground-light'
}
/>
{isFavorite ? 'Remove from' : 'Add to'} favorites
@@ -198,7 +200,7 @@ export const UtilityActions = ({
size="tiny"
onClick={() => saveFavorite(id, false)}
className="px-1"
- icon={
Active custom domain:
-
+
{customDomain.hostname}
diff --git a/apps/studio/components/interfaces/Settings/Infrastructure/InfrastructureConfiguration/InstanceNode.tsx b/apps/studio/components/interfaces/Settings/Infrastructure/InfrastructureConfiguration/InstanceNode.tsx
index c0c634b2a7a..2fc7960e9ac 100644
--- a/apps/studio/components/interfaces/Settings/Infrastructure/InfrastructureConfiguration/InstanceNode.tsx
+++ b/apps/studio/components/interfaces/Settings/Infrastructure/InfrastructureConfiguration/InstanceNode.tsx
@@ -311,7 +311,7 @@ export const ReplicaNode = ({ data }: NodeProps>) => {
type="horizontal"
value={stagePercent * 100}
max={100}
- barClass="bg-brand"
+ barClass="bg-brand-default"
/>
{newCount > 0 && (
-
+
+
{previewColumns.length === 0 && (
No data provided, default values will be used
@@ -84,7 +84,7 @@ export const AddRowOperationItem = ({
)}
{previewColumns.map(([key, value]) => (
)
diff --git a/apps/studio/components/layouts/Navigation/LayoutHeader/MergeRequestButton.tsx b/apps/studio/components/layouts/Navigation/LayoutHeader/MergeRequestButton.tsx
index 01158b8595b..ce40f77066a 100644
--- a/apps/studio/components/layouts/Navigation/LayoutHeader/MergeRequestButton.tsx
+++ b/apps/studio/components/layouts/Navigation/LayoutHeader/MergeRequestButton.tsx
@@ -73,7 +73,7 @@ export const MergeRequestButton = () => {
icon={
{newCount > 1000 ? `${Math.floor(newCount / 100) / 10}K` : newCount}
diff --git a/apps/studio/components/interfaces/Storage/StoragePolicies/StoragePoliciesEditor.tsx b/apps/studio/components/interfaces/Storage/StoragePolicies/StoragePoliciesEditor.tsx
index cd48b4159f5..ad809eccb87 100644
--- a/apps/studio/components/interfaces/Storage/StoragePolicies/StoragePoliciesEditor.tsx
+++ b/apps/studio/components/interfaces/Storage/StoragePolicies/StoragePoliciesEditor.tsx
@@ -122,7 +122,7 @@ const PolicyAllowedOperations = ({ allowedOperations = [], onToggleOperation = (
className={cn(
'text-xs font-mono leading-[1.1] px-2 py-1 rounded-full border font-normal whitespace-nowrap transition-colors duration-200',
allowedClientLibraryMethods.includes(method)
- ? 'bg-brand/10 text-brand-600 border-brand-500'
+ ? 'bg-brand-default/10 text-brand-600 border-brand-500'
: 'bg-surface-75 text-foreground-lighter border-muted'
)}
>
diff --git a/apps/studio/components/interfaces/Support/LinkSupportTicketPage.tsx b/apps/studio/components/interfaces/Support/LinkSupportTicketPage.tsx
index 8e8e7b76119..65d3e36a92f 100644
--- a/apps/studio/components/interfaces/Support/LinkSupportTicketPage.tsx
+++ b/apps/studio/components/interfaces/Support/LinkSupportTicketPage.tsx
@@ -59,7 +59,7 @@ function LinkSupportTicketSuccess() {
+
diff --git a/apps/studio/components/interfaces/Support/SupportFormPage.tsx b/apps/studio/components/interfaces/Support/SupportFormPage.tsx
index a9979fa2c8e..85176cc86ca 100644
--- a/apps/studio/components/interfaces/Support/SupportFormPage.tsx
+++ b/apps/studio/components/interfaces/Support/SupportFormPage.tsx
@@ -157,7 +157,10 @@ function SupportFormHeader() {
- +
+ +
{key}:
{formatOperationItemValue(value)}
@@ -93,7 +93,7 @@ export const AddRowOperationItem = ({
))}
{remainingCount > 0 && (
- +
+ +
+{remainingCount} more column(s)
)}
diff --git a/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/OperationQueueSidePanel/OperationItem.tsx b/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/OperationQueueSidePanel/OperationItem.tsx
index 1e50aee0f58..010f8718a89 100644
--- a/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/OperationQueueSidePanel/OperationItem.tsx
+++ b/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/OperationQueueSidePanel/OperationItem.tsx
@@ -82,8 +82,8 @@ export const OperationItem = ({ operationId, tableId, content }: OperationItemPr
- +
-
+ +
+
{formattedNewValue}
diff --git a/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/SidePanelEditor.utils.tsx b/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/SidePanelEditor.utils.tsx
index 39b053096de..b93c3856de4 100644
--- a/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/SidePanelEditor.utils.tsx
+++ b/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/SidePanelEditor.utils.tsx
@@ -592,7 +592,7 @@ export const createTable = async ({
value={progress}
max={100}
type="horizontal"
- barClass="bg-brand"
+ barClass="bg-brand-default"
labelBottom={`Adding ${importContent.rowCount.toLocaleString()} rows to ${table.name}`}
labelBottomClass=""
labelTop={`${progress.toFixed(2)}%`}
@@ -629,7 +629,7 @@ export const createTable = async ({
value={progress}
max={100}
type="horizontal"
- barClass="bg-brand"
+ barClass="bg-brand-default"
labelBottom={`Adding ${importContent.rows.length.toLocaleString()} rows to ${table.name}`}
labelTop={`${progress.toFixed(2)}%`}
labelTopClass="tabular-nums"
diff --git a/apps/studio/components/layouts/AppLayout/AdvisorButton.test.tsx b/apps/studio/components/layouts/AppLayout/AdvisorButton.test.tsx
index c921a182b70..72438ce15b1 100644
--- a/apps/studio/components/layouts/AppLayout/AdvisorButton.test.tsx
+++ b/apps/studio/components/layouts/AppLayout/AdvisorButton.test.tsx
@@ -84,7 +84,7 @@ describe('AdvisorButton', () => {
expect(container.querySelector('.bg-warning')).toBeInTheDocument()
expect(container.querySelector('.bg-destructive')).not.toBeInTheDocument()
- expect(container.querySelector('.bg-brand')).not.toBeInTheDocument()
+ expect(container.querySelector('.bg-brand-default')).not.toBeInTheDocument()
})
it('keeps the destructive dot when a critical issue is present', () => {
@@ -151,7 +151,7 @@ describe('AdvisorButton', () => {
const { container } = render(
{hasReviewRequested && (
-
+
)}
diff --git a/apps/studio/components/layouts/SQLEditorLayout/SQLEditorNavV2/SQLEditorTreeViewItem.tsx b/apps/studio/components/layouts/SQLEditorLayout/SQLEditorNavV2/SQLEditorTreeViewItem.tsx
index 978b326dd0f..a17c94089a4 100644
--- a/apps/studio/components/layouts/SQLEditorLayout/SQLEditorNavV2/SQLEditorTreeViewItem.tsx
+++ b/apps/studio/components/layouts/SQLEditorLayout/SQLEditorNavV2/SQLEditorTreeViewItem.tsx
@@ -428,7 +428,9 @@ export const SQLEditorTreeViewItem = ({
- +
- Blue
+ +
+ Blue
diff --git a/apps/studio/components/ui/ComputeBadgeWrapper.tsx b/apps/studio/components/ui/ComputeBadgeWrapper.tsx
index 016a62ea1d3..81e58fe2e0f 100644
--- a/apps/studio/components/ui/ComputeBadgeWrapper.tsx
+++ b/apps/studio/components/ui/ComputeBadgeWrapper.tsx
@@ -115,12 +115,12 @@ export const ComputeBadgeWrapper = ({
infraComputeSize={computeSize}
icon={showUpgradeGlow &&
Start building with Supabase
diff --git a/apps/www/_go/pre-release/supabase-pipelines-new-destinations.tsx b/apps/www/_go/pre-release/supabase-pipelines-new-destinations.tsx
index deb6bfa6078..c5e4d0d2f97 100644
--- a/apps/www/_go/pre-release/supabase-pipelines-new-destinations.tsx
+++ b/apps/www/_go/pre-release/supabase-pipelines-new-destinations.tsx
@@ -138,7 +138,7 @@ const page: GoPageInput = {
className="group flex h-full flex-col gap-3 rounded-lg border border-muted bg-surface-100 p-5 text-left transition-colors hover:border-brand-600 hover:bg-surface-200"
>
Blog
-
+
Introducing Supabase Pipelines
@@ -151,7 +151,7 @@ const page: GoPageInput = {
className="group flex h-full flex-col gap-3 rounded-lg border border-muted bg-surface-100 p-5 text-left transition-colors hover:border-brand-600 hover:bg-surface-200"
>
Docs
-
+
Set up Pipelines
@@ -164,7 +164,7 @@ const page: GoPageInput = {
className="group flex h-full flex-col gap-3 rounded-lg border border-muted bg-surface-100 p-5 text-left transition-colors hover:border-brand-600 hover:bg-surface-200"
>
Guide
-
+
Realtime or Pipelines?
diff --git a/apps/www/app/(products)/_shared/QuoteSection.tsx b/apps/www/app/(products)/_shared/QuoteSection.tsx
index 9db9e4db4ca..866014246fc 100644
--- a/apps/www/app/(products)/_shared/QuoteSection.tsx
+++ b/apps/www/app/(products)/_shared/QuoteSection.tsx
@@ -24,7 +24,7 @@ export function QuoteSection({ quote, highlight, author }: QuoteSectionProps) {
{highlight && (
<>
{' '}
- {highlight}
+ {highlight}
)}
diff --git a/apps/www/app/(products)/auth/_components/FeaturesSection.tsx b/apps/www/app/(products)/auth/_components/FeaturesSection.tsx
index 409c40963f8..7b576168625 100644
--- a/apps/www/app/(products)/auth/_components/FeaturesSection.tsx
+++ b/apps/www/app/(products)/auth/_components/FeaturesSection.tsx
@@ -193,7 +193,7 @@ function IntegratedSkeleton() {
-
+
CW
@@ -244,7 +244,7 @@ function IntegratedSkeleton() {
{/* Verify email card */}
-
+
-
@@ -546,9 +548,9 @@ function RealtimeSkeleton() {
className={cn(
'max-w-[75%] px-3 py-1.5 rounded-xl text-xs leading-snug transition-colors duration-500',
isAlice
- ? 'bg-brand/15 text-foreground rounded-br-sm'
+ ? 'bg-brand-default/15 text-foreground rounded-br-sm'
: 'bg-surface-300 text-foreground rounded-bl-sm',
- chatFlashId === msg.id && 'ring-1 ring-brand/30'
+ chatFlashId === msg.id && 'ring-1 ring-brand-default/30'
)}
>
{msg.text}
diff --git a/apps/www/app/(products)/database/_components/Illustrations/SpreadsheetIllustration.tsx b/apps/www/app/(products)/database/_components/Illustrations/SpreadsheetIllustration.tsx
index f37f71250a0..3d139ce391f 100644
--- a/apps/www/app/(products)/database/_components/Illustrations/SpreadsheetIllustration.tsx
+++ b/apps/www/app/(products)/database/_components/Illustrations/SpreadsheetIllustration.tsx
@@ -140,7 +140,7 @@ export function SpreadsheetIllustration() {
@@ -245,9 +247,9 @@ function DatabaseChangesSkeleton() {
className={cn(
'max-w-[75%] px-3 py-1.5 rounded-xl text-xs leading-snug transition-colors duration-500',
isAlice
- ? 'bg-brand/15 text-foreground rounded-br-sm'
+ ? 'bg-brand-default/15 text-foreground rounded-br-sm'
: 'bg-surface-300 text-foreground rounded-bl-sm',
- chatFlashId === msg.id && 'ring-1 ring-brand/30'
+ chatFlashId === msg.id && 'ring-1 ring-brand-default/30'
)}
>
{msg.text}
@@ -626,7 +628,7 @@ function BroadcastSkeleton() {
key={i}
className={cn(
'absolute bottom-6 z-10 flex h-10 w-10 -translate-x-1/2 items-center justify-center rounded-xl border bg-surface-100 shadow-xs dark:shadow-sm transition-all duration-300',
- isFlashing ? 'border-brand text-brand' : 'border-border text-foreground-muted'
+ isFlashing ? 'border-brand-default text-brand' : 'border-border text-foreground-muted'
)}
style={{ left: `${xPercent}%` }}
>
diff --git a/apps/www/app/(products)/storage/_components/FeaturesSection.tsx b/apps/www/app/(products)/storage/_components/FeaturesSection.tsx
index 57d933117e5..55379f28805 100644
--- a/apps/www/app/(products)/storage/_components/FeaturesSection.tsx
+++ b/apps/www/app/(products)/storage/_components/FeaturesSection.tsx
@@ -38,7 +38,7 @@ function InteroperableSkeleton() {
{[0, 1].map((i) => (
+
diff --git a/apps/www/app/(products)/database/_components/FeaturesSection.tsx b/apps/www/app/(products)/database/_components/FeaturesSection.tsx
index 2edd765bfdd..96b6d36b861 100644
--- a/apps/www/app/(products)/database/_components/FeaturesSection.tsx
+++ b/apps/www/app/(products)/database/_components/FeaturesSection.tsx
@@ -478,7 +478,9 @@ function RealtimeSkeleton() {
key={msg.id}
className={cn(
'transition-colors duration-500',
- tableFlashId === msg.id ? 'bg-brand/15 dark:bg-brand/5' : 'bg-surface-75'
+ tableFlashId === msg.id
+ ? 'bg-brand-default/15 dark:bg-brand-default/5'
+ : 'bg-surface-75'
)}
>
On
(
(
-
+