diff --git a/common/changes/@uifabric/experiments/miwhea-fluent-fix-color-names_2018-05-10-15-43.json b/common/changes/@uifabric/experiments/miwhea-fluent-fix-color-names_2018-05-10-15-43.json new file mode 100644 index 00000000000000..fff8cbc04f89b2 --- /dev/null +++ b/common/changes/@uifabric/experiments/miwhea-fluent-fix-color-names_2018-05-10-15-43.json @@ -0,0 +1,11 @@ +{ + "changes": [ + { + "packageName": "@uifabric/experiments", + "comment": "Fix Fluent palette color names", + "type": "patch" + } + ], + "packageName": "@uifabric/experiments", + "email": "mike@mikewheaton.ca" +} \ No newline at end of file diff --git a/packages/experiments/src/components/fluent/theme/FluentTheme.ts b/packages/experiments/src/components/fluent/theme/FluentTheme.ts index cc0b72eb3924e6..13bfbb40d39047 100644 --- a/packages/experiments/src/components/fluent/theme/FluentTheme.ts +++ b/packages/experiments/src/components/fluent/theme/FluentTheme.ts @@ -4,17 +4,17 @@ import { GrayColors } from './FluentColors'; const FluentTheme: ITheme = createTheme({ palette: { black: GrayColors.black, - neutralDark: GrayColors.GrayColors190, - neutralPrimary: GrayColors.GrayColors160, - neutralPrimaryAlt: GrayColors.GrayColors150, - neutralSecondary: GrayColors.GrayColors130, - neutralTertiary: GrayColors.GrayColors90, - neutralTertiaryAlt: GrayColors.GrayColors60, - neutralQuaternary: GrayColors.GrayColors50, - neutralQuaternaryAlt: GrayColors.GrayColors40, - neutralLight: GrayColors.GrayColors30, - neutralLighter: GrayColors.GrayColors20, - neutralLighterAlt: GrayColors.GrayColors10, + neutralDark: GrayColors.gray190, + neutralPrimary: GrayColors.gray160, + neutralPrimaryAlt: GrayColors.gray150, + neutralSecondary: GrayColors.gray130, + neutralTertiary: GrayColors.gray90, + neutralTertiaryAlt: GrayColors.gray60, + neutralQuaternary: GrayColors.gray50, + neutralQuaternaryAlt: GrayColors.gray40, + neutralLight: GrayColors.gray30, + neutralLighter: GrayColors.gray20, + neutralLighterAlt: GrayColors.gray10, white: GrayColors.white } }); diff --git a/packages/experiments/src/components/fluent/theme/FluentThemePage.tsx b/packages/experiments/src/components/fluent/theme/FluentThemePage.tsx index bb5e023424a59f..b83efe0e3aebb5 100644 --- a/packages/experiments/src/components/fluent/theme/FluentThemePage.tsx +++ b/packages/experiments/src/components/fluent/theme/FluentThemePage.tsx @@ -5,7 +5,8 @@ import { ExampleCard } from '@uifabric/example-app-base'; -import { FluentThemeBasicExample } from '@uifabric/experiments/lib/components/fluent/theme/examples/FluentTheme.Basic.Example'; +import { FluentThemeBasicExample } from './examples/FluentTheme.Basic.Example'; + const FluentThemeBasicExampleCode = require('!raw-loader!@uifabric/experiments/src/components/fluent/theme/examples/FluentTheme.Basic.Example.tsx') as string;