diff --git a/types/styled-system/index.d.ts b/types/styled-system/index.d.ts
index 4ba8a04be8..aa94ab2aed 100644
--- a/types/styled-system/index.d.ts
+++ b/types/styled-system/index.d.ts
@@ -97,13 +97,32 @@ export interface VariantArgs {
 
 export function variant(props: VariantArgs): (...args: any[]) => any;
 
+export type ObjectOrArray<T> = T[] | { [K: string]: T };
+
 export interface BaseTheme {
     breakpoints?: number[];
-    space?: number[];
+    colors?: ObjectOrArray<CSS.ColorProperty>;
     fontSizes?: number[];
-    colors?: {
-        [name: string]: string;
-    };
+    space?: number[];
+}
+
+export interface Theme extends BaseTheme {
+    borders?: ObjectOrArray<CSS.BorderProperty<{}>>;
+    buttons?: ObjectOrArray<CSS.StandardProperties>;
+    colorStyles?: ObjectOrArray<CSS.StandardProperties>;
+    fontWeights?: ObjectOrArray<CSS.FontWeightProperty>;
+    fonts?: ObjectOrArray<CSS.FontFamilyProperty>;
+    heights?: ObjectOrArray<CSS.HeightProperty<{}>>;
+    letterSpacings?: ObjectOrArray<CSS.LetterSpacingProperty<{}>>;
+    lineHeights?: ObjectOrArray<CSS.LineHeightProperty<{}>>;
+    maxHeights?: ObjectOrArray<CSS.HeightProperty<{}>>;
+    maxWidths?: ObjectOrArray<CSS.WidthProperty<{}>>;
+    minHeights?: ObjectOrArray<CSS.HeightProperty<{}>>;
+    minWidths?: ObjectOrArray<CSS.WidthProperty<{}>>;
+    opacity?: ObjectOrArray<CSS.GlobalsNumber>;
+    radii?: ObjectOrArray<CSS.BorderRadiusProperty<{}>>;
+    shadows?: ObjectOrArray<CSS.BoxShadowProperty>;
+    textStyles?: ObjectOrArray<CSS.StandardProperties>;
 }
 
 /**