より良いエンジニアを目指して

1日1つ。良くなる!上手くなる!

MaterialDesignInXAMLのテーマの色をデフォルトの紫から変える方法

MaterialDesignInXAMLはデフォルトの設定を利用すると紫になります。

この紫、濃いめでビビッドで、もう少し目に優しい色をと思ってしまいます。

そういう時、色を変えたい場合は、App.xamlの指定をPrimaryとAccentの色を変更します。

                <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Primary/materialdesigncolor.teal.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Accent/materialdesigncolor.pink.xaml" />

使える色は以下を見るとパッと見でわかりやすいです。

MaterialDesignInXamlToolkit/screen-palette.png at master · MaterialDesignInXAML/MaterialDesignInXamlToolkit · GitHub

f:id:rimever:20210313213336p:plain
既定で用意されている色