Deprecate color documentation (rewrite coming soon)

Author: Luke Bowerman

packages/www/src/MDX/Pre/CodeSandbox.tsx

@@ -275,7 +275,7 @@ const IconWrapper = styled.div`
   align-content: center;
   ${({ theme: { colors } }) => `
     background: ${colors.critical};
-    color: ${colors.inverseOn};
+    color: ${colors.onInverse};
   `}
   svg {
     transform: translateY(-2px);

packages/www/src/documentation/system/color.mdx

@@ -2,32 +2,11 @@
 title: Color
 ---
 
-import { ColorPalette } from './demos'
+import { MessageBar } from '@looker/components'
 
-The color palette aims to help communicate the intent of an interface
-as well as to help establish clear hierarchy throughout an application.
+<MessageBar my="xlarge">
+  We're currently in the process of reworking this documentation. Look for
+  updates within the week
+</MessageBar>
 
-## Guidelines
-
-These guidelines lay a few ground rules on how to most effectively use color when creating Looker experiences.
-
-### Purposeful
-
-It is important to use color with intent. Color should support the content and not the other way around. Avoid only using color as a way to show intent.
-
-### Respectful
-
-Use color to create hierarchy and focus attention. Understand that color can have different cultural connotations. Be judicious and use color to draw attention to things the user should take action on.
-
-### Accessible
-
-We want Looker to be accessible to the widest audience possible. Our color palettes are designed to meet or exceed the accessibility guidelines.
-
-## Color Palette
-
-<ColorPalette
-  file="XZUILHEQBKTus121SD99nrFN"
-  page="Swatches"
-  frame="contrast"
-  accessToken="16-4ef5a47f-6cd6-4372-95c3-2d581b1d4bbf"
-/>
+The color palette aims to help communicate the intent of an interface as well as to help establish clear hierarchy throughout an application.

packages/www/src/documentation/system/demos/index.ts

@@ -26,6 +26,5 @@
 
 export * from './BorderRender'
 export * from './BreakpointTable'
-export * from './ColorPalette'
 export * from './SpacingOptionsTable'
 export * from './Typography'