Move colors scale to separate interface

system-ui · May 10, 2020 · 4311f24 · 4311f24
1 parent 8060350
commit 4311f24
Showing 1 changed file with 11 additions and 9 deletions.
diff --git a/packages/css/src/types.ts b/packages/css/src/types.ts
@@ -514,6 +514,16 @@ export interface ColorMode {
   [k: string]: CSS.ColorProperty | ObjectOrArray<CSS.ColorProperty>
 }
 
+interface ColorModesScale extends ColorMode {
+  /**
+   * Nested color modes can provide overrides when used in conjunction with
+   * `Theme.initialColorModeName and `useColorMode()`
+   */
+  modes?: {
+    [k: string]: ColorMode
+  }
+}
+
 export interface Theme {
   breakpoints?: Array<string>
   mediaQueries?: { [size: string]: string }
@@ -571,15 +581,7 @@ export interface Theme {
   /**
    * Define the colors that are available through this theme
    */
-  colors?: ColorMode & {
-    /**
-     * Nested color modes can provide overrides when used in conjunction with
-     * `Theme.initialColorModeName and `useColorMode()`
-     */
-    modes?: {
-      [k: string]: ColorMode
-    }
-  }
+  colors?: ColorModesScale
 
   /**
    * Styles for elements rendered in MDX can be added to the theme.styles