diff --git a/packages/docz-theme-default/src/components/shared/Search/index.tsx b/packages/docz-theme-default/src/components/shared/Search/index.tsx
index af8b5fa31..7c188a49f 100644
--- a/packages/docz-theme-default/src/components/shared/Search/index.tsx
+++ b/packages/docz-theme-default/src/components/shared/Search/index.tsx
@@ -7,8 +7,8 @@ import rgba from 'polished/lib/color/rgba'
 
 import { get } from '@utils/theme'
 
-const sidebarBorder = get('colors.sidebarBorder')
-const sidebarText = get('colors.sidebarText')
+const sidebarBorder = get('colors.sidebarBorder', '#CED4DE')
+const sidebarText = get('colors.sidebarText', '#13161F')
 
 const Wrapper = styled('div')`
   display: flex;
diff --git a/packages/docz-theme-default/src/components/ui/Editor/elements.tsx b/packages/docz-theme-default/src/components/ui/Editor/elements.tsx
index 6cfc4efb2..77dc5d59c 100644
--- a/packages/docz-theme-default/src/components/ui/Editor/elements.tsx
+++ b/packages/docz-theme-default/src/components/ui/Editor/elements.tsx
@@ -10,7 +10,8 @@ import { ButtonSwap } from '../ButtonSwap'
 import { ButtonLink } from '../Button'
 import { get } from '@utils/theme'
 
-const textColor = get('colors.text')
+const textColor = get('colors.text', '#2D3747')
+
 export const ActionButton = styled(ButtonSwap as any)<any>`
   padding: 4px;
   background: transparent;