diff --git a/common/changes/@uifabric/styling/remove-classes-optional-typings_2018-02-06-18-28.json b/common/changes/@uifabric/styling/remove-classes-optional-typings_2018-02-06-18-28.json
new file mode 100644
index 00000000000000..1e989a2bfcdb53
--- /dev/null
+++ b/common/changes/@uifabric/styling/remove-classes-optional-typings_2018-02-06-18-28.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "comment": "Adjusting IColorClassNames and IFontStyles to remove the optional part for the members, to make the interfaces easier to consume.",
+      "packageName": "@uifabric/styling",
+      "type": "minor"
+    }
+  ],
+  "packageName": "@uifabric/styling",
+  "email": "mark@thedutchies.com"
+}
diff --git a/packages/styling/src/classNames/ColorClassNames.ts b/packages/styling/src/classNames/ColorClassNames.ts
index 44ed67ef8bf6ab..eec694625c47e9 100644
--- a/packages/styling/src/classNames/ColorClassNames.ts
+++ b/packages/styling/src/classNames/ColorClassNames.ts
@@ -6,297 +6,297 @@ import { DefaultPalette } from '../styles/DefaultPalette';
 import { getTheme } from '../styles/index';
 
 export interface IColorClassNames {
-  themeDarker?: string;
-  themeDarkerHover?: string;
-  themeDarkerBackground?: string;
-  themeDarkerBackgroundHover?: string;
-  themeDarkerBorder?: string;
-  themeDarkerBorderHover?: string;
-  themeDark?: string;
-  themeDarkHover?: string;
-  themeDarkBackground?: string;
-  themeDarkBackgroundHover?: string;
-  themeDarkBorder?: string;
-  themeDarkBorderHover?: string;
-  themeDarkAlt?: string;
-  themeDarkAltHover?: string;
-  themeDarkAltBackground?: string;
-  themeDarkAltBackgroundHover?: string;
-  themeDarkAltBorder?: string;
-  themeDarkAltBorderHover?: string;
-  themePrimary?: string;
-  themePrimaryHover?: string;
-  themePrimaryBackground?: string;
-  themePrimaryBackgroundHover?: string;
-  themePrimaryBorder?: string;
-  themePrimaryBorderHover?: string;
-  themeSecondary?: string;
-  themeSecondaryHover?: string;
-  themeSecondaryBackground?: string;
-  themeSecondaryBackgroundHover?: string;
-  themeSecondaryBorder?: string;
-  themeSecondaryBorderHover?: string;
-  themeTertiary?: string;
-  themeTertiaryHover?: string;
-  themeTertiaryBackground?: string;
-  themeTertiaryBackgroundHover?: string;
-  themeTertiaryBorder?: string;
-  themeTertiaryBorderHover?: string;
-  themeLight?: string;
-  themeLightHover?: string;
-  themeLightBackground?: string;
-  themeLightBackgroundHover?: string;
-  themeLightBorder?: string;
-  themeLightBorderHover?: string;
-  themeLighter?: string;
-  themeLighterHover?: string;
-  themeLighterBackground?: string;
-  themeLighterBackgroundHover?: string;
-  themeLighterBorder?: string;
-  themeLighterBorderHover?: string;
-  themeLighterAlt?: string;
-  themeLighterAltHover?: string;
-  themeLighterAltBackground?: string;
-  themeLighterAltBackgroundHover?: string;
-  themeLighterAltBorder?: string;
-  themeLighterAltBorderHover?: string;
-  black?: string;
-  blackHover?: string;
-  blackBackground?: string;
-  blackBackgroundHover?: string;
-  blackBorder?: string;
-  blackBorderHover?: string;
-  blackTranslucent40?: string;
-  blackTranslucent40Hover?: string;
-  blackTranslucent40Background?: string;
-  blackTranslucent40BackgroundHover?: string;
-  blackTranslucent40Border?: string;
-  blackTranslucent40BorderHover?: string;
-  neutralDark?: string;
-  neutralDarkHover?: string;
-  neutralDarkBackground?: string;
-  neutralDarkBackgroundHover?: string;
-  neutralDarkBorder?: string;
-  neutralDarkBorderHover?: string;
-  neutralPrimary?: string;
-  neutralPrimaryHover?: string;
-  neutralPrimaryBackground?: string;
-  neutralPrimaryBackgroundHover?: string;
-  neutralPrimaryBorder?: string;
-  neutralPrimaryBorderHover?: string;
-  neutralPrimaryAlt?: string;
-  neutralPrimaryAltHover?: string;
-  neutralPrimaryAltBackground?: string;
-  neutralPrimaryAltBackgroundHover?: string;
-  neutralPrimaryAltBorder?: string;
-  neutralPrimaryAltBorderHover?: string;
-  neutralSecondary?: string;
-  neutralSecondaryHover?: string;
-  neutralSecondaryBackground?: string;
-  neutralSecondaryBackgroundHover?: string;
-  neutralSecondaryBorder?: string;
-  neutralSecondaryBorderHover?: string;
-  neutralSecondaryAlt?: string;
-  neutralSecondaryAltHover?: string;
-  neutralSecondaryAltBackground?: string;
-  neutralSecondaryAltBackgroundHover?: string;
-  neutralSecondaryAltBorder?: string;
-  neutralSecondaryAltBorderHover?: string;
-  neutralTertiary?: string;
-  neutralTertiaryHover?: string;
-  neutralTertiaryBackground?: string;
-  neutralTertiaryBackgroundHover?: string;
-  neutralTertiaryBorder?: string;
-  neutralTertiaryBorderHover?: string;
-  neutralTertiaryAlt?: string;
-  neutralTertiaryAltHover?: string;
-  neutralTertiaryAltBackground?: string;
-  neutralTertiaryAltBackgroundHover?: string;
-  neutralTertiaryAltBorder?: string;
-  neutralTertiaryAltBorderHover?: string;
-  neutralQuaternary?: string;
-  neutralQuaternaryHover?: string;
-  neutralQuaternaryBackground?: string;
-  neutralQuaternaryBackgroundHover?: string;
-  neutralQuaternaryBorder?: string;
-  neutralQuaternaryBorderHover?: string;
-  neutralQuaternaryAlt?: string;
-  neutralQuaternaryAltHover?: string;
-  neutralQuaternaryAltBackground?: string;
-  neutralQuaternaryAltBackgroundHover?: string;
-  neutralQuaternaryAltBorder?: string;
-  neutralQuaternaryAltBorderHover?: string;
-  neutralLight?: string;
-  neutralLightHover?: string;
-  neutralLightBackground?: string;
-  neutralLightBackgroundHover?: string;
-  neutralLightBorder?: string;
-  neutralLightBorderHover?: string;
-  neutralLighter?: string;
-  neutralLighterHover?: string;
-  neutralLighterBackground?: string;
-  neutralLighterBackgroundHover?: string;
-  neutralLighterBorder?: string;
-  neutralLighterBorderHover?: string;
-  neutralLighterAlt?: string;
-  neutralLighterAltHover?: string;
-  neutralLighterAltBackground?: string;
-  neutralLighterAltBackgroundHover?: string;
-  neutralLighterAltBorder?: string;
-  neutralLighterAltBorderHover?: string;
-  white?: string;
-  whiteHover?: string;
-  whiteBackground?: string;
-  whiteBackgroundHover?: string;
-  whiteBorder?: string;
-  whiteBorderHover?: string;
-  whiteTranslucent40?: string;
-  whiteTranslucent40Hover?: string;
-  whiteTranslucent40Background?: string;
-  whiteTranslucent40BackgroundHover?: string;
-  whiteTranslucent40Border?: string;
-  whiteTranslucent40BorderHover?: string;
-  yellow?: string;
-  yellowHover?: string;
-  yellowBackground?: string;
-  yellowBackgroundHover?: string;
-  yellowBorder?: string;
-  yellowBorderHover?: string;
-  yellowLight?: string;
-  yellowLightHover?: string;
-  yellowLightBackground?: string;
-  yellowLightBackgroundHover?: string;
-  yellowLightBorder?: string;
-  yellowLightBorderHover?: string;
-  orange?: string;
-  orangeHover?: string;
-  orangeBackground?: string;
-  orangeBackgroundHover?: string;
-  orangeBorder?: string;
-  orangeBorderHover?: string;
-  orangeLight?: string;
-  orangeLightHover?: string;
-  orangeLightBackground?: string;
-  orangeLightBackgroundHover?: string;
-  orangeLightBorder?: string;
-  orangeLightBorderHover?: string;
-  orangeLighter?: string;
-  orangeLighterHover?: string;
-  orangeLighterBackground?: string;
-  orangeLighterBackgroundHover?: string;
-  orangeLighterBorder?: string;
-  orangeLighterBorderHover?: string;
-  redDark?: string;
-  redDarkHover?: string;
-  redDarkBackground?: string;
-  redDarkBackgroundHover?: string;
-  redDarkBorder?: string;
-  redDarkBorderHover?: string;
-  red?: string;
-  redHover?: string;
-  redBackground?: string;
-  redBackgroundHover?: string;
-  redBorder?: string;
-  redBorderHover?: string;
-  magentaDark?: string;
-  magentaDarkHover?: string;
-  magentaDarkBackground?: string;
-  magentaDarkBackgroundHover?: string;
-  magentaDarkBorder?: string;
-  magentaDarkBorderHover?: string;
-  magenta?: string;
-  magentaHover?: string;
-  magentaBackground?: string;
-  magentaBackgroundHover?: string;
-  magentaBorder?: string;
-  magentaBorderHover?: string;
-  magentaLight?: string;
-  magentaLightHover?: string;
-  magentaLightBackground?: string;
-  magentaLightBackgroundHover?: string;
-  magentaLightBorder?: string;
-  magentaLightBorderHover?: string;
-  purpleDark?: string;
-  purpleDarkHover?: string;
-  purpleDarkBackground?: string;
-  purpleDarkBackgroundHover?: string;
-  purpleDarkBorder?: string;
-  purpleDarkBorderHover?: string;
-  purple?: string;
-  purpleHover?: string;
-  purpleBackground?: string;
-  purpleBackgroundHover?: string;
-  purpleBorder?: string;
-  purpleBorderHover?: string;
-  purpleLight?: string;
-  purpleLightHover?: string;
-  purpleLightBackground?: string;
-  purpleLightBackgroundHover?: string;
-  purpleLightBorder?: string;
-  purpleLightBorderHover?: string;
-  blueDark?: string;
-  blueDarkHover?: string;
-  blueDarkBackground?: string;
-  blueDarkBackgroundHover?: string;
-  blueDarkBorder?: string;
-  blueDarkBorderHover?: string;
-  blueMid?: string;
-  blueMidHover?: string;
-  blueMidBackground?: string;
-  blueMidBackgroundHover?: string;
-  blueMidBorder?: string;
-  blueMidBorderHover?: string;
-  blue?: string;
-  blueHover?: string;
-  blueBackground?: string;
-  blueBackgroundHover?: string;
-  blueBorder?: string;
-  blueBorderHover?: string;
-  blueLight?: string;
-  blueLightHover?: string;
-  blueLightBackground?: string;
-  blueLightBackgroundHover?: string;
-  blueLightBorder?: string;
-  blueLightBorderHover?: string;
-  tealDark?: string;
-  tealDarkHover?: string;
-  tealDarkBackground?: string;
-  tealDarkBackgroundHover?: string;
-  tealDarkBorder?: string;
-  tealDarkBorderHover?: string;
-  teal?: string;
-  tealHover?: string;
-  tealBackground?: string;
-  tealBackgroundHover?: string;
-  tealBorder?: string;
-  tealBorderHover?: string;
-  tealLight?: string;
-  tealLightHover?: string;
-  tealLightBackground?: string;
-  tealLightBackgroundHover?: string;
-  tealLightBorder?: string;
-  tealLightBorderHover?: string;
-  greenDark?: string;
-  greenDarkHover?: string;
-  greenDarkBackground?: string;
-  greenDarkBackgroundHover?: string;
-  greenDarkBorder?: string;
-  greenDarkBorderHover?: string;
-  green?: string;
-  greenHover?: string;
-  greenBackground?: string;
-  greenBackgroundHover?: string;
-  greenBorder?: string;
-  greenBorderHover?: string;
-  greenLight?: string;
-  greenLightHover?: string;
-  greenLightBackground?: string;
-  greenLightBackgroundHover?: string;
-  greenLightBorder?: string;
-  greenLightBorderHover?: string;
+  themeDarker: string;
+  themeDarkerHover: string;
+  themeDarkerBackground: string;
+  themeDarkerBackgroundHover: string;
+  themeDarkerBorder: string;
+  themeDarkerBorderHover: string;
+  themeDark: string;
+  themeDarkHover: string;
+  themeDarkBackground: string;
+  themeDarkBackgroundHover: string;
+  themeDarkBorder: string;
+  themeDarkBorderHover: string;
+  themeDarkAlt: string;
+  themeDarkAltHover: string;
+  themeDarkAltBackground: string;
+  themeDarkAltBackgroundHover: string;
+  themeDarkAltBorder: string;
+  themeDarkAltBorderHover: string;
+  themePrimary: string;
+  themePrimaryHover: string;
+  themePrimaryBackground: string;
+  themePrimaryBackgroundHover: string;
+  themePrimaryBorder: string;
+  themePrimaryBorderHover: string;
+  themeSecondary: string;
+  themeSecondaryHover: string;
+  themeSecondaryBackground: string;
+  themeSecondaryBackgroundHover: string;
+  themeSecondaryBorder: string;
+  themeSecondaryBorderHover: string;
+  themeTertiary: string;
+  themeTertiaryHover: string;
+  themeTertiaryBackground: string;
+  themeTertiaryBackgroundHover: string;
+  themeTertiaryBorder: string;
+  themeTertiaryBorderHover: string;
+  themeLight: string;
+  themeLightHover: string;
+  themeLightBackground: string;
+  themeLightBackgroundHover: string;
+  themeLightBorder: string;
+  themeLightBorderHover: string;
+  themeLighter: string;
+  themeLighterHover: string;
+  themeLighterBackground: string;
+  themeLighterBackgroundHover: string;
+  themeLighterBorder: string;
+  themeLighterBorderHover: string;
+  themeLighterAlt: string;
+  themeLighterAltHover: string;
+  themeLighterAltBackground: string;
+  themeLighterAltBackgroundHover: string;
+  themeLighterAltBorder: string;
+  themeLighterAltBorderHover: string;
+  black: string;
+  blackHover: string;
+  blackBackground: string;
+  blackBackgroundHover: string;
+  blackBorder: string;
+  blackBorderHover: string;
+  blackTranslucent40: string;
+  blackTranslucent40Hover: string;
+  blackTranslucent40Background: string;
+  blackTranslucent40BackgroundHover: string;
+  blackTranslucent40Border: string;
+  blackTranslucent40BorderHover: string;
+  neutralDark: string;
+  neutralDarkHover: string;
+  neutralDarkBackground: string;
+  neutralDarkBackgroundHover: string;
+  neutralDarkBorder: string;
+  neutralDarkBorderHover: string;
+  neutralPrimary: string;
+  neutralPrimaryHover: string;
+  neutralPrimaryBackground: string;
+  neutralPrimaryBackgroundHover: string;
+  neutralPrimaryBorder: string;
+  neutralPrimaryBorderHover: string;
+  neutralPrimaryAlt: string;
+  neutralPrimaryAltHover: string;
+  neutralPrimaryAltBackground: string;
+  neutralPrimaryAltBackgroundHover: string;
+  neutralPrimaryAltBorder: string;
+  neutralPrimaryAltBorderHover: string;
+  neutralSecondary: string;
+  neutralSecondaryHover: string;
+  neutralSecondaryBackground: string;
+  neutralSecondaryBackgroundHover: string;
+  neutralSecondaryBorder: string;
+  neutralSecondaryBorderHover: string;
+  neutralSecondaryAlt: string;
+  neutralSecondaryAltHover: string;
+  neutralSecondaryAltBackground: string;
+  neutralSecondaryAltBackgroundHover: string;
+  neutralSecondaryAltBorder: string;
+  neutralSecondaryAltBorderHover: string;
+  neutralTertiary: string;
+  neutralTertiaryHover: string;
+  neutralTertiaryBackground: string;
+  neutralTertiaryBackgroundHover: string;
+  neutralTertiaryBorder: string;
+  neutralTertiaryBorderHover: string;
+  neutralTertiaryAlt: string;
+  neutralTertiaryAltHover: string;
+  neutralTertiaryAltBackground: string;
+  neutralTertiaryAltBackgroundHover: string;
+  neutralTertiaryAltBorder: string;
+  neutralTertiaryAltBorderHover: string;
+  neutralQuaternary: string;
+  neutralQuaternaryHover: string;
+  neutralQuaternaryBackground: string;
+  neutralQuaternaryBackgroundHover: string;
+  neutralQuaternaryBorder: string;
+  neutralQuaternaryBorderHover: string;
+  neutralQuaternaryAlt: string;
+  neutralQuaternaryAltHover: string;
+  neutralQuaternaryAltBackground: string;
+  neutralQuaternaryAltBackgroundHover: string;
+  neutralQuaternaryAltBorder: string;
+  neutralQuaternaryAltBorderHover: string;
+  neutralLight: string;
+  neutralLightHover: string;
+  neutralLightBackground: string;
+  neutralLightBackgroundHover: string;
+  neutralLightBorder: string;
+  neutralLightBorderHover: string;
+  neutralLighter: string;
+  neutralLighterHover: string;
+  neutralLighterBackground: string;
+  neutralLighterBackgroundHover: string;
+  neutralLighterBorder: string;
+  neutralLighterBorderHover: string;
+  neutralLighterAlt: string;
+  neutralLighterAltHover: string;
+  neutralLighterAltBackground: string;
+  neutralLighterAltBackgroundHover: string;
+  neutralLighterAltBorder: string;
+  neutralLighterAltBorderHover: string;
+  white: string;
+  whiteHover: string;
+  whiteBackground: string;
+  whiteBackgroundHover: string;
+  whiteBorder: string;
+  whiteBorderHover: string;
+  whiteTranslucent40: string;
+  whiteTranslucent40Hover: string;
+  whiteTranslucent40Background: string;
+  whiteTranslucent40BackgroundHover: string;
+  whiteTranslucent40Border: string;
+  whiteTranslucent40BorderHover: string;
+  yellow: string;
+  yellowHover: string;
+  yellowBackground: string;
+  yellowBackgroundHover: string;
+  yellowBorder: string;
+  yellowBorderHover: string;
+  yellowLight: string;
+  yellowLightHover: string;
+  yellowLightBackground: string;
+  yellowLightBackgroundHover: string;
+  yellowLightBorder: string;
+  yellowLightBorderHover: string;
+  orange: string;
+  orangeHover: string;
+  orangeBackground: string;
+  orangeBackgroundHover: string;
+  orangeBorder: string;
+  orangeBorderHover: string;
+  orangeLight: string;
+  orangeLightHover: string;
+  orangeLightBackground: string;
+  orangeLightBackgroundHover: string;
+  orangeLightBorder: string;
+  orangeLightBorderHover: string;
+  orangeLighter: string;
+  orangeLighterHover: string;
+  orangeLighterBackground: string;
+  orangeLighterBackgroundHover: string;
+  orangeLighterBorder: string;
+  orangeLighterBorderHover: string;
+  redDark: string;
+  redDarkHover: string;
+  redDarkBackground: string;
+  redDarkBackgroundHover: string;
+  redDarkBorder: string;
+  redDarkBorderHover: string;
+  red: string;
+  redHover: string;
+  redBackground: string;
+  redBackgroundHover: string;
+  redBorder: string;
+  redBorderHover: string;
+  magentaDark: string;
+  magentaDarkHover: string;
+  magentaDarkBackground: string;
+  magentaDarkBackgroundHover: string;
+  magentaDarkBorder: string;
+  magentaDarkBorderHover: string;
+  magenta: string;
+  magentaHover: string;
+  magentaBackground: string;
+  magentaBackgroundHover: string;
+  magentaBorder: string;
+  magentaBorderHover: string;
+  magentaLight: string;
+  magentaLightHover: string;
+  magentaLightBackground: string;
+  magentaLightBackgroundHover: string;
+  magentaLightBorder: string;
+  magentaLightBorderHover: string;
+  purpleDark: string;
+  purpleDarkHover: string;
+  purpleDarkBackground: string;
+  purpleDarkBackgroundHover: string;
+  purpleDarkBorder: string;
+  purpleDarkBorderHover: string;
+  purple: string;
+  purpleHover: string;
+  purpleBackground: string;
+  purpleBackgroundHover: string;
+  purpleBorder: string;
+  purpleBorderHover: string;
+  purpleLight: string;
+  purpleLightHover: string;
+  purpleLightBackground: string;
+  purpleLightBackgroundHover: string;
+  purpleLightBorder: string;
+  purpleLightBorderHover: string;
+  blueDark: string;
+  blueDarkHover: string;
+  blueDarkBackground: string;
+  blueDarkBackgroundHover: string;
+  blueDarkBorder: string;
+  blueDarkBorderHover: string;
+  blueMid: string;
+  blueMidHover: string;
+  blueMidBackground: string;
+  blueMidBackgroundHover: string;
+  blueMidBorder: string;
+  blueMidBorderHover: string;
+  blue: string;
+  blueHover: string;
+  blueBackground: string;
+  blueBackgroundHover: string;
+  blueBorder: string;
+  blueBorderHover: string;
+  blueLight: string;
+  blueLightHover: string;
+  blueLightBackground: string;
+  blueLightBackgroundHover: string;
+  blueLightBorder: string;
+  blueLightBorderHover: string;
+  tealDark: string;
+  tealDarkHover: string;
+  tealDarkBackground: string;
+  tealDarkBackgroundHover: string;
+  tealDarkBorder: string;
+  tealDarkBorderHover: string;
+  teal: string;
+  tealHover: string;
+  tealBackground: string;
+  tealBackgroundHover: string;
+  tealBorder: string;
+  tealBorderHover: string;
+  tealLight: string;
+  tealLightHover: string;
+  tealLightBackground: string;
+  tealLightBackgroundHover: string;
+  tealLightBorder: string;
+  tealLightBorderHover: string;
+  greenDark: string;
+  greenDarkHover: string;
+  greenDarkBackground: string;
+  greenDarkBackgroundHover: string;
+  greenDarkBorder: string;
+  greenDarkBorderHover: string;
+  green: string;
+  greenHover: string;
+  greenBackground: string;
+  greenBackgroundHover: string;
+  greenBorder: string;
+  greenBorderHover: string;
+  greenLight: string;
+  greenLightHover: string;
+  greenLightBackground: string;
+  greenLightBackgroundHover: string;
+  greenLightBorder: string;
+  greenLightBorderHover: string;
 }
 
-export const ColorClassNames: IColorClassNames = {};
+export const ColorClassNames: IColorClassNames = {} as IColorClassNames;
 
 for (const colorName in DefaultPalette) {
   if (DefaultPalette.hasOwnProperty(colorName)) {
diff --git a/packages/styling/src/interfaces/IFontStyles.ts b/packages/styling/src/interfaces/IFontStyles.ts
index d72169280cdd7f..2fd5d6d46be9bc 100644
--- a/packages/styling/src/interfaces/IFontStyles.ts
+++ b/packages/styling/src/interfaces/IFontStyles.ts
@@ -4,15 +4,15 @@ import { IRawStyle } from '@uifabric/merge-styles/lib/index';
  * UI Fabric font set.
  */
 export interface IFontStyles {
-  tiny?: IRawStyle;
-  xSmall?: IRawStyle;
-  small?: IRawStyle;
-  smallPlus?: IRawStyle;
-  medium?: IRawStyle;
-  mediumPlus?: IRawStyle;
-  large?: IRawStyle;
-  xLarge?: IRawStyle;
-  xxLarge?: IRawStyle;
-  superLarge?: IRawStyle;
-  mega?: IRawStyle;
+  tiny: IRawStyle;
+  xSmall: IRawStyle;
+  small: IRawStyle;
+  smallPlus: IRawStyle;
+  medium: IRawStyle;
+  mediumPlus: IRawStyle;
+  large: IRawStyle;
+  xLarge: IRawStyle;
+  xxLarge: IRawStyle;
+  superLarge: IRawStyle;
+  mega: IRawStyle;
 }
diff --git a/packages/styling/src/styles/DefaultPalette.ts b/packages/styling/src/styles/DefaultPalette.ts
index ad3e0825cc3a41..a543a5ce866b0d 100644
--- a/packages/styling/src/styles/DefaultPalette.ts
+++ b/packages/styling/src/styles/DefaultPalette.ts
@@ -1,5 +1,6 @@
 import { IPalette } from '../interfaces/index';
 
+// When adding or removing a color, make sure you keep this consistent with IColorClassNames by adding the color variants.
 export const DefaultPalette: IPalette = {
   themeDarker: '#004578',
   themeDark: '#005a9e',