{"id":13640882,"url":"https://github.com/sourcechord/FluentWPF","last_synced_at":"2025-04-20T07:31:10.926Z","repository":{"id":27043709,"uuid":"112254219","full_name":"sourcechord/FluentWPF","owner":"sourcechord","description":"Fluent Design System for WPF.","archived":false,"fork":false,"pushed_at":"2022-04-08T17:04:32.000Z","size":5966,"stargazers_count":1471,"open_issues_count":40,"forks_count":115,"subscribers_count":53,"default_branch":"master","last_synced_at":"2025-04-13T21:33:51.574Z","etag":null,"topics":["acrylic","c-sharp","fluent-design","fluentdesign","theme","wpf","xaml"],"latest_commit_sha":null,"homepage":null,"language":"C#","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sourcechord.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-11-27T22:07:51.000Z","updated_at":"2025-04-12T03:07:18.000Z","dependencies_parsed_at":"2022-08-07T12:15:12.435Z","dependency_job_id":null,"html_url":"https://github.com/sourcechord/FluentWPF","commit_stats":null,"previous_names":[],"tags_count":23,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sourcechord%2FFluentWPF","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sourcechord%2FFluentWPF/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sourcechord%2FFluentWPF/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sourcechord%2FFluentWPF/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sourcechord","download_url":"https://codeload.github.com/sourcechord/FluentWPF/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249864229,"owners_count":21336717,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["acrylic","c-sharp","fluent-design","fluentdesign","theme","wpf","xaml"],"created_at":"2024-08-02T01:01:15.364Z","updated_at":"2025-04-20T07:31:10.405Z","avatar_url":"https://github.com/sourcechord.png","language":"C#","funding_links":[],"categories":["Libraries","C\\#"],"sub_categories":["Individual Controls"],"readme":"\u003ch1 align=\"center\"\u003e\n\u003cimg src=\"./logo.png\" width=\"256\"/\u003e\u003cbr /\u003e\nFluentWPF\n\u003c/h1\u003e\n\u003ch4 align=\"center\"\u003eFluent Design System for WPF\u003c/h4\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n[![NuGet](https://img.shields.io/nuget/v/FluentWPF.svg)](https://www.nuget.org/packages/FluentWPF/latest)\n[![NuGet(preview)](https://img.shields.io/nuget/vpre/FluentWPF.svg)](https://www.nuget.org/packages/FluentWPF/latest/prerelease)\n[![NuGet(download)](https://img.shields.io/nuget/dt/FluentWPF.svg)](https://www.nuget.org/packages/FluentWPF/)\n[![License](https://img.shields.io/github/license/sourcechord/FluentWPF)](https://github.com/sourcechord/FluentWPF/blob/master/LICENSE)\n\n\u003c/div\u003e\n\n## Overview\n\n* Acrylic\n  * AcrylicWindow\n  * AcrylicBrush\n* Reveal\n  * Reveal styles for controls(Button/TextBox/ListBox)\n* ParallaxView\n* AccentColors\n\n![Reveal](./docs/Reveal/demo.gif)\n\n## Install\n\n*NuGet Package*\n```\nInstall-Package FluentWPF\n```\nhttps://nuget.org/packages/FluentWPF\n\n### Preparation\n\nAdd XAML namespace.\n\n```xml\nxmlns:fw=\"clr-namespace:SourceChord.FluentWPF;assembly=FluentWPF\"\n```\n\nAdd ResourceDictionary to App.xaml.\n\n```xml\n\u003cApplication.Resources\u003e\n    \u003cResourceDictionary\u003e\n        \u003cResourceDictionary.MergedDictionaries\u003e\n             \u003c!--  FluentWPF Controls  --\u003e\n            \u003cResourceDictionary Source=\"pack://application:,,,/FluentWPF;component/Styles/Controls.xaml\" /\u003e\n        \u003c/ResourceDictionary.MergedDictionaries\u003e\n    \u003c/ResourceDictionary\u003e\n\u003c/Application.Resources\u003e\n```\n\n## Usage\n\n### Acrylic\n\n#### AcrylicWindow\n\n![AcrylicWindow](./docs/Acrylic/AcrylicWindow.gif)\n\n```xml\n\u003cfw:AcrylicWindow x:Class=\"WpfApp1.MainWindow\"\n        xmlns=\"http://schemas.microsoft.com/winfx/2006/xaml/presentation\"\n        xmlns:x=\"http://schemas.microsoft.com/winfx/2006/xaml\"\n        xmlns:d=\"http://schemas.microsoft.com/expression/blend/2008\"\n        xmlns:mc=\"http://schemas.openxmlformats.org/markup-compatibility/2006\"\n        xmlns:local=\"clr-namespace:WpfApp1\"\n        xmlns:fw=\"clr-namespace:SourceChord.FluentWPF;assembly=FluentWPF\"\n        mc:Ignorable=\"d\"\n        Title=\"MainWindow\" Height=\"300\" Width=\"300\"\u003e\n    \u003cGrid Background=\"#70FFFFFF\"\u003e\n        \u003cTextBlock Margin=\"10\"\n                   HorizontalAlignment=\"Left\"\n                   VerticalAlignment=\"Top\"\n                   Text=\"This is AcrylicWindow\"\n                   TextWrapping=\"Wrap\" /\u003e\n    \u003c/Grid\u003e\n\u003c/fw:AcrylicWindow\u003e\n```\n\n**Code Behind**\nRemove base class definition.\n```cs\npublic partial class MainWindow\n{\n    public MainWindow()\n    {\n        InitializeComponent();\n    }\n}\n```\n\n##### Properties\n\n|Property Name|Type|Description|\n|-----|-----|-----|\n|TintColor|Color|Gets or sets the color tint for the semi-transparent acrylic material.|\n|TintOpacity|double|Gets or sets the degree of opacity of the color tint.|\n|NoiseOpacity|double|Gets or sets the degree of opacity of the noise layer.|\n|FallbackColor|Color|Gets or sets the color when window is inactive.|\n|AcrylicWindowStyle|Normal \u003c/br\u003e NoIcon \u003c/br\u003e None|Gets or sets a value that indicates the style of the Acrylic Window.|\n\nThe difference between kind of AcrylicWindowStyle is demonstrated as follows,\n\n|AcrylicWindowStyle=\"Normal\"|AcrylicWindowStyle=\"NoIcon\"|AcrylicWindowStyle=\"None\"|\n|-----|-----|-----|\n|\u003cimg src=\"https://user-images.githubusercontent.com/14825436/58757611-25d06800-854a-11e9-8661-b79d9e249036.png\" height=\"90\"/\u003e|\u003cimg src=\"https://user-images.githubusercontent.com/14825436/58757615-37b20b00-854a-11e9-9512-966c912b15bb.png\" height=\"90\"/\u003e|\u003cimg src=\"https://user-images.githubusercontent.com/14825436/58757616-4bf60800-854a-11e9-85b3-bff1518849ec.png\" height=\"90\"/\u003e|\n\n##### Using as Attached Property\n\nAcrylicWindow can also be used as an Attached Property.\n\n```xml\n\u003cWindow x:Class=\"WpfApp1.MainWindow\"\n        xmlns=\"http://schemas.microsoft.com/winfx/2006/xaml/presentation\"\n        xmlns:x=\"http://schemas.microsoft.com/winfx/2006/xaml\"\n        xmlns:d=\"http://schemas.microsoft.com/expression/blend/2008\"\n        xmlns:mc=\"http://schemas.openxmlformats.org/markup-compatibility/2006\"\n        xmlns:local=\"clr-namespace:WpfApp1\"\n        xmlns:fw=\"clr-namespace:SourceChord.FluentWPF;assembly=FluentWPF\"\n        mc:Ignorable=\"d\"\n        Title=\"AcrylicWindow2\" Height=\"300\" Width=\"300\"\n        fw:AcrylicWindow.Enabled=\"True\"\u003e\n    \u003cGrid\u003e\n        \n    \u003c/Grid\u003e\n\u003c/Window\u003e\n```\n\n**Code Behind**\n```cs\npublic partial class MainWindow : Window\n{\n    public MainWindow()\n    {\n        InitializeComponent();\n    }\n}\n```\n\n#### AcrylicBrush\n\n![AcrylicBrush](./docs/Acrylic/AcrylicBrush.gif)\n\n```xml\n\u003cWindow x:Class=\"FluentWPFSample.Views.AcrylicBrushSample\"\n        xmlns=\"http://schemas.microsoft.com/winfx/2006/xaml/presentation\"\n        xmlns:x=\"http://schemas.microsoft.com/winfx/2006/xaml\"\n        xmlns:d=\"http://schemas.microsoft.com/expression/blend/2008\"\n        xmlns:fw=\"clr-namespace:SourceChord.FluentWPF;assembly=FluentWPF\"\n        xmlns:local=\"clr-namespace:FluentWPFSample.Views\"\n        xmlns:mc=\"http://schemas.openxmlformats.org/markup-compatibility/2006\"\n        Title=\"AcrylicBrushSample\"\n        Width=\"640\"\n        Height=\"480\"\n        mc:Ignorable=\"d\"\u003e\n    \u003cWindow.Resources\u003e\n        \u003cBooleanToVisibilityConverter x:Key=\"booleanToVisibilityConverter\" /\u003e\n    \u003c/Window.Resources\u003e\n    \u003cGrid\u003e\n        \u003cGrid.RowDefinitions\u003e\n            \u003cRowDefinition /\u003e\n            \u003cRowDefinition Height=\"Auto\" /\u003e\n        \u003c/Grid.RowDefinitions\u003e\n        \u003cGrid x:Name=\"grid\" Background=\"White\"\u003e\n            \u003cGrid.ColumnDefinitions\u003e\n                \u003cColumnDefinition Width=\"Auto\" /\u003e\n                \u003cColumnDefinition /\u003e\n            \u003c/Grid.ColumnDefinitions\u003e\n            \u003cStackPanel\u003e\n                \u003cButton Width=\"75\" Margin=\"5\" Content=\"Button\" /\u003e\n                \u003cButton Width=\"75\" Margin=\"5\" Content=\"Button\" /\u003e\n                \u003cButton Width=\"75\" Margin=\"5\" Content=\"Button\" /\u003e\n            \u003c/StackPanel\u003e\n            \u003cImage Grid.Column=\"1\"\n                   Margin=\"5\"\n                   Source=\"/FluentWPFSample;component/Assets/Images/1.jpg\" /\u003e\n        \u003c/Grid\u003e\n\n        \u003cRectangle Grid.ColumnSpan=\"2\"\n                   Margin=\"40\"\n                   Fill=\"{fw:AcrylicBrush grid}\"\n                   Stroke=\"Black\"\n                   Visibility=\"{Binding IsChecked, ElementName=chkShowAcrylicLayer, Converter={StaticResource booleanToVisibilityConverter}}\" /\u003e\n        \u003cCheckBox x:Name=\"chkShowAcrylicLayer\"\n                  Grid.Row=\"1\"\n                  Margin=\"5\"\n                  HorizontalAlignment=\"Left\"\n                  Content=\"Show Acrylic Rect\"\n                  IsChecked=\"True\" /\u003e\n    \u003c/Grid\u003e\n\u003c/Window\u003e\n```\n\n### Reveal\n\nReveal effect for controls.\n\nTo use the reveal effect, set `fw:PointerTracker.Enabled=\"True\"` on a parent container.\n\n![Reveal](./docs/Reveal/Reveal.gif)\n```xml\n\u003cGrid fw:PointerTracker.Enabled=\"True\" Background=\"#01FFFFFF\" Margin=\"3\"\u003e\n    \u003cStackPanel\u003e\n        \u003cButton Content=\"Button\" HorizontalAlignment=\"Left\" Margin=\"5\" Width=\"75\" Height=\"32\"\n                Style=\"{StaticResource ButtonRevealStyle}\"/\u003e\n\n        \u003cButton Content=\"Button\" HorizontalAlignment=\"Left\" Margin=\"5\" Width=\"75\" Height=\"32\"\n                Background=\"Transparent\"\n                Style=\"{StaticResource ButtonRevealStyle}\"/\u003e\n\n        \u003cTextBox HorizontalAlignment=\"Left\" Height=\"23\" Margin=\"5\" Text=\"TextBox\" Width=\"120\"\n             Style=\"{StaticResource TextBoxRevealStyle}\"/\u003e\n    \u003c/StackPanel\u003e\n\u003c/Grid\u003e\n```\n\n\n#### Styles\n\n|Control|Style Name|\n|-----|-----|\n|Button|ButtonRevealStyle|\n|Button|ButtonAccentRevealStyle|\n|Button|ButtonRoundRevealStyle|\n|Button|ButtonRoundAccentRevealStyle|\n|TextBox|TextBoxRevealStyle|\n|PasswordBox|PasswordBoxRevealStyle|\n|ListBox|ListBoxRevealStyle|\n|ComboBox|ComboBoxRevealStyle|\n\n### ParallaxView\n\n![ParallaxView](./docs/Controls/ParallaxView.gif)\n\n```xml\n\u003cGrid\u003e\n    \u003cfw:ParallaxView VerticalShift=\"200\" HorizontalShift=\"200\"\n                     Source=\"{Binding ElementName=list}\"\u003e\n        \u003cImage Source=\"/FluentWPFSample;component/Assets/Images/1.jpg\" Stretch=\"UniformToFill\"/\u003e\n    \u003c/fw:ParallaxView\u003e\n    \u003cListBox x:Name=\"list\" Background=\"#88EEEEEE\" ScrollViewer.CanContentScroll=\"False\"\n             ItemsSource=\"{Binding Items}\"/\u003e\n\u003c/Grid\u003e\n```\n\n#### Properties\n\n|Property Name|Type|Description|\n|-----|-----|-----|\n\n### AccentColors\n\n![Brushes](./docs/AccentColors/Brushes.png)\n\n```xml\n\u003cStackPanel Margin=\"5\"\u003e\n    \u003cStackPanel.Resources\u003e\n        \u003cStyle TargetType=\"Border\"\u003e\n            \u003cSetter Property=\"Width\" Value=\"120\" /\u003e\n            \u003cSetter Property=\"Height\" Value=\"120\" /\u003e\n            \u003cSetter Property=\"Margin\" Value=\"3\" /\u003e\n            \u003cSetter Property=\"BorderBrush\" Value=\"Black\" /\u003e\n            \u003cSetter Property=\"BorderThickness\" Value=\"1\" /\u003e\n        \u003c/Style\u003e\n        \u003cStyle TargetType=\"TextBlock\"\u003e\n            \u003cSetter Property=\"TextWrapping\" Value=\"Wrap\" /\u003e\n            \u003cSetter Property=\"VerticalAlignment\" Value=\"Bottom\" /\u003e\n            \u003cSetter Property=\"FontSize\" Value=\"14\" /\u003e\n        \u003c/Style\u003e\n    \u003c/StackPanel.Resources\u003e\n    \u003cStackPanel Orientation=\"Horizontal\" Margin=\"5\"\u003e\n        \u003cBorder Background=\"{x:Static fw:AccentColors.ImmersiveSystemAccentBrush}\"\u003e\n            \u003cTextBlock Text=\"ImmersiveSystemAccentBrush\" /\u003e\n        \u003c/Border\u003e\n    \u003c/StackPanel\u003e\n    \u003cStackPanel Orientation=\"Horizontal\" Margin=\"5\"\u003e\n        \u003cBorder Background=\"{x:Static fw:AccentColors.ImmersiveSystemAccentLight1Brush}\"\u003e\n            \u003cTextBlock Text=\"ImmersiveSystemAccentLight1Brush\"/\u003e\n        \u003c/Border\u003e\n        \u003cBorder Background=\"{x:Static fw:AccentColors.ImmersiveSystemAccentLight2Brush}\"\u003e\n            \u003cTextBlock Text=\"ImmersiveSystemAccentLight2Brush\"/\u003e\n        \u003c/Border\u003e\n        \u003cBorder Background=\"{x:Static fw:AccentColors.ImmersiveSystemAccentLight3Brush}\"\u003e\n            \u003cTextBlock Text=\"ImmersiveSystemAccentLight3Brush\" /\u003e\n        \u003c/Border\u003e\n    \u003c/StackPanel\u003e\n    \u003cStackPanel Orientation=\"Horizontal\" Margin=\"5\"\u003e\n        \u003cBorder Background=\"{x:Static fw:AccentColors.ImmersiveSystemAccentDark1Brush}\"\u003e\n            \u003cTextBlock Text=\"ImmersiveSystemAccentDark1Brush\" Foreground=\"White\"/\u003e\n        \u003c/Border\u003e\n        \u003cBorder Background=\"{x:Static fw:AccentColors.ImmersiveSystemAccentDark2Brush}\"\u003e\n            \u003cTextBlock Text=\"ImmersiveSystemAccentDark2Brush\" Foreground=\"White\"/\u003e\n        \u003c/Border\u003e\n        \u003cBorder Background=\"{x:Static fw:AccentColors.ImmersiveSystemAccentDark3Brush}\"\u003e\n            \u003cTextBlock Text=\"ImmersiveSystemAccentDark3Brush\" Foreground=\"White\"/\u003e\n        \u003c/Border\u003e\n    \u003c/StackPanel\u003e\n\u003c/StackPanel\u003e\n```\n\n\n#### Accent Color\n_Accent color depends on the accent color of the system._\n\n|Sample|Color|Brush|\n|-----|-----|-----|\n|![#a6d8ff](https://via.placeholder.com/15/a6d8ff?text=+)|ImmersiveSystemAccentLight3|ImmersiveSystemAccentLight3Brush|\n|![#76b9ed](https://via.placeholder.com/15/76b9ed?text=+)|ImmersiveSystemAccentLight2|ImmersiveSystemAccentLight2Brush|\n|![#429ce3](https://via.placeholder.com/15/429ce3?text=+)|ImmersiveSystemAccentLight1|ImmersiveSystemAccentLight1Brush|\n|![#0078d7](https://via.placeholder.com/15/0078d7?text=+)|ImmersiveSystemAccent|ImmersiveSystemAccentBrush|\n|![#005a9e](https://via.placeholder.com/15/005a9e?text=+)|ImmersiveSystemAccentDark1|ImmersiveSystemAccentDark1Brush|\n|![#004275](https://via.placeholder.com/15/004275?text=+)|ImmersiveSystemAccentDark2|ImmersiveSystemAccentDark2Brush|\n|![#002642](https://via.placeholder.com/15/002642?text=+)|ImmersiveSystemAccentDark3|ImmersiveSystemAccentDark3Brush|\n\n**Usage:**\n```xml\n \u003cBorder Background=\"{x:Static fw:AccentColors.ImmersiveSystemAccentBrush}\"/\u003e\n \u003cBorder Background=\"{Binding Path=(fw:AccentColors.ImmersiveSystemAccentBrush)}\"/\u003e\n```\n\n\n\n#### Base Color\n\n|Light|Dark|Color|Brush|\n|-----|-----|-----|-----|\n|![#000000](https://via.placeholder.com/15/000000?text=+)|![#ffffff](https://via.placeholder.com/15/ffffff?text=+)|SystemBaseHighColor|SystemBaseHighColorBrush|\n|![#333333](https://via.placeholder.com/15/333333?text=+)|![#cccccc](https://via.placeholder.com/15/cccccc?text=+)|SystemBaseMediumHighColor|SystemBaseMediumHighColorBrush|\n|![#666666](https://via.placeholder.com/15/666666?text=+)|![#999999](https://via.placeholder.com/15/999999?text=+)|SystemBaseMediumColor|SystemBaseMediumColorBrush|\n|![#999999](https://via.placeholder.com/15/999999?text=+)|![#666666](https://via.placeholder.com/15/666666?text=+)|SystemBaseMediumLowColor|SystemBaseMediumLowColorBrush|\n|![#cccccc](https://via.placeholder.com/15/cccccc?text=+)|![#333333](https://via.placeholder.com/15/333333?text=+)|SystemBaseLowColor|SystemBaseLowColorBrush|\n\n**Usage:**\n```xml\n \u003cBorder Background=\"{DynamicResource SystemBaseHighColorBrush}\"/\u003e\n```\n\n\n#### Alt Color\n\n|Light|Dark|Color|Brush|\n|-----|-----|-----|-----|\n|![#ffffff](https://via.placeholder.com/15/ffffff?text=+)|![#000000](https://via.placeholder.com/15/000000?text=+)|SystemAltHighColor|SystemAltHighColorBrush|\n|![#cccccc](https://via.placeholder.com/15/cccccc?text=+)|![#333333](https://via.placeholder.com/15/333333?text=+)|SystemAltMediumHighColor|SystemAltMediumHighColorBrush|\n|![#999999](https://via.placeholder.com/15/999999?text=+)|![#666666](https://via.placeholder.com/15/666666?text=+)|SytemAltMediumColor|SytemAltMediumColorBrush|\n|![#666666](https://via.placeholder.com/15/666666?text=+)|![#999999](https://via.placeholder.com/15/999999?text=+)|SystemAltMediumLowColor|SystemAltMediumLowColorBrush|\n|![#333333](https://via.placeholder.com/15/333333?text=+)|![#cccccc](https://via.placeholder.com/15/cccccc?text=+)|SystemAltLowColor|SystemAltLowColorBrush|\n\n**Usage:**\n```xml\n \u003cTextBlock Foreground=\"{DynamicResource SystemAltHighColorBrush}\"/\u003e\n```\n\n#### Chrome Color\n\n|Light|Dark|Color|Brush|\n|-----|-----|-----|-----|\n|![#CCCCCC](https://via.placeholder.com/15/CCCCCC?text=+)|![#767676](https://via.placeholder.com/15/767676?text=+)|SystemChromeHighColor|SystemChromeHighColorBrush|\n|![#E6E6E6](https://via.placeholder.com/15/E6E6E6?text=+)|![#1F1F1F](https://via.placeholder.com/15/1F1F1F?text=+)|SytemAltMediumColor|SytemAltMediumColorBrush|\n|![#F2F2F2](https://via.placeholder.com/15/F2F2F2?text=+)|![#2B2B2B](https://via.placeholder.com/15/2B2B2B?text=+)|SystemChromeMediumLowColor|SystemChromeMediumLowColorBrush|\n|![#F2F2F2](https://via.placeholder.com/15/F2F2F2?text=+)|![#171717](https://via.placeholder.com/15/171717?text=+)|SystemChromeLowColor|SystemChromeLowColorBrush|\n\n**Usage:**\n```xml\n \u003cBorder Background=\"{DynamicResource SystemChromeMediumBrush}\"/\u003e\n```\n\n#### Opacity Color\n\nWindows includes a set of colors that differ only by their opacities:\n\n|Base Color|Opacity|Color|Brush|\n|-----|-----|-----|-----|\n|![#000000](https://via.placeholder.com/15/000000?text=+)|FF|SystemChromeBlackHighColor|SystemChromeBlackHighColorBrush|\n|![#000000](https://via.placeholder.com/15/000000?text=+)|CC|SystemChromeBlackMediumColor|SystemChromeBlackMediumColor|\n|![#000000](https://via.placeholder.com/15/000000?text=+)|66|SystemChromeBlackMediumLowColor|SystemChromeBlackMediumLowColorBrush|\n|![#000000](https://via.placeholder.com/15/000000?text=+)|33|SystemChromeBlackLowColor|SystemChromeBlackLowColorBrush|\n|![#FFFFFF](https://via.placeholder.com/15/FFFFFF?text=+)|33|SystemListMediumColor|SystemListMediumColorBrush|\n|![#FFFFFF](https://via.placeholder.com/15/FFFFFF?text=+)|19|SystemListLowColor|SystemListLowColorBrush|\n\n\n#### Other Colors\n\n|Light|Dark|Color|Brush|\n|-----|-----|-----|-----|\n|![#FFFFFF](https://via.placeholder.com/15/FFFFFF?text=+)|![#FFFFFF](https://via.placeholder.com/15/FFFFFF?text=+)|SystemChromeWhiteColor|SystemChromeWhiteColorBrush|\n|![#171717](https://via.placeholder.com/15/171717?text=+)|![#F2F2F2](https://via.placeholder.com/15/F2F2F2?text=+)|SystemChromeAltLowColor|SystemChromeAltLowColorBrush|\n|![#CCCCCC](https://via.placeholder.com/15/CCCCCC?text=+)|![#333333](https://via.placeholder.com/15/333333?text=+)|SystemChromeDisabledHighColor|SystemChromeDisabledHighColorBrush|\n|![#7A7A7A](https://via.placeholder.com/15/7A7A7A?text=+)|![#858585](https://via.placeholder.com/15/858585?text=+)|SystemChromeDisabledLowColor|SystemChromeDisabledLowColorBrush|\n\n\n\n## License\n\n[MIT License](LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsourcechord%2FFluentWPF","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsourcechord%2FFluentWPF","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsourcechord%2FFluentWPF/lists"}