diff --git a/src/styled.d.ts b/src/styled.d.ts
index f2b05e3..dd3b790 100644
--- a/src/styled.d.ts
+++ b/src/styled.d.ts
@@ -3,27 +3,40 @@ import 'styled-components';
 declare module 'styled-components' {
   export interface DefaultTheme {
     colors: {
+      [color: string]: {
+        main: string;
+        light: string;
+        dark: string;
+      };
       black: {
         main: string;
+        light: string;
+        dark: string;
       };
       white: {
         main: string;
+        light: string;
+        dark: string;
       };
       gray: {
         main: string;
+        light: string;
         dark: string;
       };
       success: {
         main: string;
         light: string;
+        dark: string;
       };
       error: {
         main: string;
         light: string;
+        dark: string;
       };
       warning: {
         main: string;
         light: string;
+        dark: string;
       };
       client: {
         main: string;
diff --git a/src/themes/index.ts b/src/themes/index.ts
index 8d3417f..a4ce504 100644
--- a/src/themes/index.ts
+++ b/src/themes/index.ts
@@ -4,12 +4,17 @@ export const theme: DefaultTheme = {
   colors: {
     black: {
       main: '#000000',
+      light: '',
+      dark: '',
     },
     white: {
       main: '#FFFFFF',
+      light: '',
+      dark: '',
     },
     gray: {
       main: '#C2C9D1',
+      light: '',
       dark: `linear-gradient(
         rgba(0, 0, 0, .3),
         rgba(0, 0, 0, .3)
@@ -29,6 +34,7 @@ export const theme: DefaultTheme = {
         #3CC13B,
         #3CC13B
       )`,
+      dark: '',
     },
     error: {
       main: '#F03738',
@@ -40,6 +46,7 @@ export const theme: DefaultTheme = {
         #F03738,
         #F03738
       )`,
+      dark: '',
     },
     warning: {
       main: '#F3BB1C',
@@ -51,6 +58,7 @@ export const theme: DefaultTheme = {
         #F3BB1C,
         #F3BB1C
       )`,
+      dark: '',
     },
     client: {
       main: '#5F6CAD',