wpf-400340-common-concepts-themes-palettes-use-palette-resources.md
DevExpress themes allow you to use palette colors as resources in code. You can paint custom controls with the DevExpress Theme colors to make your application’s style consistent.
Note
If you use Lightweight Themes, refer to the following topic: Lightweight Themes - Obtain Palette Colors.
You can use each palette color as a Color (PaletteColorThemeKey) or a Brush (PaletteBrushThemeKey).
In XAML:
<ThemedWindow ...
xmlns:dxi="http://schemas.devexpress.com/winfx/2008/xaml/core/internal"
xmlns:dxt="http://schemas.devexpress.com/winfx/2008/xaml/core/themekeys">
<Grid>
<Button Background="{dxi:ThemeResource {dxt:PaletteBrushThemeKey ResourceKey=Button.Background}}"
BorderBrush="{dxi:ThemeResource {dxt:PaletteBrushThemeKey ResourceKey=Border}}"
BorderThickness="1" />
</Grid>
</ThemedWindow>
The ThemeResource markup extension dynamically sets its target property to a resource from the target element’s applied theme. The target element must be in your application’s visual tree.
In Code:
private void ThemeManager_ThemeChanged(DependencyObject sender, ThemeChangedRoutedEventArgs e) {
var resource = TryFindResource(new PaletteBrushThemeKeyExtension { ThemeName = e.ThemeName, ResourceKey = "Backstage.Background" });
myButton.Background = (Brush)resource;
}
Private Sub ThemeManager_ThemeChanged(ByVal sender As DependencyObject, ByVal e As ThemeChangedRoutedEventArgs)
Dim resource = TryFindResource(New PaletteBrushThemeKeyExtension With {
.ThemeName = e.ThemeName,
.ResourceKey = "Backstage.Background"
})
myButton.Background = CType(resource, Brush)
End Sub
The code example below demonstrates how to bind the VS2017Blue theme’s Border palette resource to a custom control’s BorderBrush property:
<Window
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:local="clr-namespace:WpfApp36"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
x:Class="WpfApp36.MainWindow">
<Grid>
<Grid.RowDefinitions>
<RowDefinition/>
</Grid.RowDefinitions>
<local:CustomControl1 Grid.Row="0" Margin="5" Text="Custom control binding to a theme name"/>
</Grid>
</Window>
using System.Windows;
using System.Windows.Controls;
namespace WpfApp36 {
public class CustomControl1 : Control {
static CustomControl1() {
DefaultStyleKeyProperty.OverrideMetadata(typeof(CustomControl1), new FrameworkPropertyMetadata(typeof(CustomControl1)));
}
public string Text {
get { return (string)GetValue(TextProperty); }
set { SetValue(TextProperty, value); }
}
public static readonly DependencyProperty TextProperty =
DependencyProperty.Register("Text", typeof(string), typeof(CustomControl1), new PropertyMetadata(null));
}
}
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:dxt="http://schemas.devexpress.com/winfx/2008/xaml/core/themekeys"
xmlns:local="clr-namespace:WpfApp36">
<Style TargetType="{x:Type local:CustomControl1}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type local:CustomControl1}">
<Border BorderBrush="{DynamicResource {dxt:PaletteBrushThemeKey ResourceKey=Border, ThemeName=VS2017Blue}}" BorderThickness="3">
<TextBlock Foreground="Black" HorizontalAlignment="Center" Text="{TemplateBinding Text}" VerticalAlignment="Center"/>
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</ResourceDictionary>
<Application x:Class="WpfApp36.App"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
StartupUri="MainWindow.xaml">
<Application.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<ResourceDictionary Source="/WPFApp36;component/CustomControl1_Resources.xaml" />
</ResourceDictionary.MergedDictionaries>
</ResourceDictionary>
</Application.Resources>
</Application>
Add the XPF.Core and VS2017Blue theme references to run this project.
This section contains palette color names and values.
You can find the theme resource keys in the following files: DevExpressControlsInstallationPath\Components\Sources\XPF\DevExpress.Xpf.Themes\Theme_Name\Core\Core\ Themes\Theme_Name\Palettes.xaml``DevExpressControlsInstallationPath\Components\Sources\XPF\DevExpress.Xpf.Themes\Theme_Name\Core\Core\ Themes\Theme_Name\Palettes_Base.xaml
Show palette colors
| Color Name | Color Value | Color Sample |
|---|---|---|
| Accent | #FF60CDFF | |
| Backstage.Background | #FF005FBA | |
| Backstage.Focused | #FF090909 | |
| Backstage.ItemHoverBackground | #FF287AC9 | |
| Backstage.ItemHoverBorder | #FF287AC9 | |
| Backstage.ItemSelectionBackground | #FF085299 | |
| Backstage.ItemSelectionBorder | #FF085299 | |
| Backstage.Separator | #26FFFFFF | |
| Border | #FF7D7D7D | |
| Button.Background | #00FFFFFF | |
| Button.Border | #00FFFFFF | |
| Button.CheckedBackground | #FF60CDFF | |
| Button.CheckedBorder | #FF60CDFF | |
| Button.CheckedHoverBackground | #FF59BBE8 | |
| Button.CheckedHoverBorder | #FF59BBE8 | |
| Button.CheckedPressedBackground | #FF53AAD2 | |
| Button.CheckedPressedBorder | #FF53AAD2 | |
| Button.DisableBackground | #FF2F2F2F | |
| Button.DisableBorder | #122C2C2C | |
| Button.HoverBackground | #17FFFFFF | |
| Button.HoverBorder | #17FFFFFF | |
| Button.PressedBackground | #0FFFFFFF | |
| Button.PressedBorder | #0FFFFFFF | |
| Button.SimpleButtonBackground | #FF303030 | |
| Button.SimpleButtonBorder | #FF494949 | |
| Button.SimpleButtonHoverBorder | #26FFFFFF | |
| Button.SimpleButtonPressedBorder | #1FFFFFFF | |
| Button.WindowCloseButtonHover | #FFC42B1C | |
| Button.WindowCloseButtonPressed | #FFC94032 | |
| Control.Background | #FF4C4C4C | |
| Control.NeutralBackground | #FFA0A0A0 | |
| Custom.Blue | #FF0066CC | |
| Custom.Green | #FF00CC66 | |
| Custom.Red | #FFCC0000 | |
| Delimiter | #FF7D7D7D | |
| Editor.Background | #FF292929 | |
| Editor.Border | #FF2E2E2E | |
| Editor.DisableBackground | #0FFFFFFF | |
| Editor.DisableBorder | #FF2C2C2C | |
| Editor.HoverBackground | #FF2F2F2F | |
| Editor.PressedBackground | #FF232323 | |
| Editor.PressedBorder | #B31E1E1E | |
| Editor.PressedForeground | #FFD0D0D0 | |
| FlyoutBackground | #FF2C2C2C | |
| FlyoutBorder | #FF121212 | |
| Foreground.Alt | #FF000000 | |
| Foreground.AltMuted | #FFD1D1D1 | |
| Foreground.Disabled | #FF656565 | |
| Foreground.Muted | #FFABABAB | |
| Foreground.Primary | #FFFFFFFF | |
| Foreground.Secondary | #FFB8B8B8 | |
| ListItem.HoverBackground | #0FFFFFFF | |
| ListItem.HoverBorder | #0FFFFFFF | |
| ListItem.PressedBackground | #0AFFFFFF | |
| ListItem.PressedBorder | #0AFFFFFF | |
| ListItem.SelectionAlt | #FF325B6D | |
| ListItem.SelectionBackground | #0AFFFFFF | |
| ListItem.SelectionBorder | #0AFFFFFF | |
| PanelBackground | #FF272727 | |
| PanelBorder | #FF404040 | |
| Ribbon.Background | #FF292929 | |
| Separator | #FF3F3F3F | |
| WindowBackground | #FF1C1C1C | |
| WindowBorder | #FF3B3B3B |
Show palette colors
| Color Name | Color Value | Color Sample |
|---|---|---|
| Accent | #FF005FBA | |
| Backstage.Background | #FF005FBA | |
| Backstage.Focused | #FFFEFEFE | |
| Backstage.ItemHoverBackground | #FF1A6FC0 | |
| Backstage.ItemHoverBorder | #FF1A6FC0 | |
| Backstage.ItemSelectionBackground | #FF004F99 | |
| Backstage.ItemSelectionBorder | #FF004F99 | |
| Backstage.Separator | #26FFFFFF | |
| Border | #FFD0D0D0 | |
| Button.Background | #00FFFFFF | |
| Button.Border | #00FFFFFF | |
| Button.CheckedBackground | #FF005FB8 | |
| Button.CheckedBorder | #FF0058AB | |
| Button.CheckedHoverBackground | #E6005FB8 | |
| Button.CheckedHoverBorder | #E6005FB8 | |
| Button.CheckedPressedBackground | #CC005FB8 | |
| Button.CheckedPressedBorder | #CC005FB8 | |
| Button.DisableBackground | #FFFDFDFD | |
| Button.DisableBorder | #FFF0F0F0 | |
| Button.HoverBackground | #0F000000 | |
| Button.HoverBorder | #0F000000 | |
| Button.PressedBackground | #08000000 | |
| Button.PressedBorder | #08000000 | |
| Button.SimpleButtonBackground | #FFFFFFFF | |
| Button.SimpleButtonBorder | #FFE3E3E3 | |
| Button.SimpleButtonHoverBorder | #FFD6D6D6 | |
| Button.SimpleButtonPressedBorder | #FFEBEBEB | |
| Button.WindowCloseButtonHover | #FFC42B1C | |
| Button.WindowCloseButtonPressed | #FFC94032 | |
| Control.Background | #FFF4F4F4 | |
| Control.NeutralBackground | #FFA8A8A8 | |
| Custom.Blue | #FF0066CC | |
| Custom.Green | #FF00CC66 | |
| Custom.Red | #FFCC0000 | |
| Delimiter | #FFD0D0D0 | |
| Editor.Background | #FFFFFFFF | |
| Editor.Border | #FFEBEBEB | |
| Editor.DisableBackground | #FFFDFDFD | |
| Editor.DisableBorder | #FFF0F0F0 | |
| Editor.HoverBackground | #FFF9F9F9 | |
| Editor.PressedBackground | #FFF9F9F9 | |
| Editor.PressedBorder | #FFEBEBEB | |
| Editor.PressedForeground | #FF626262 | |
| FlyoutBackground | #FFF9F9F9 | |
| FlyoutBorder | #FFE7E7E7 | |
| Foreground.Alt | #FFFFFFFF | |
| Foreground.AltMuted | #FFD1D1D1 | |
| Foreground.Disabled | #FFA2A2A2 | |
| Foreground.Muted | #FF626262 | |
| Foreground.Primary | #FF1A1A1A | |
| Foreground.Secondary | #FF646464 | |
| ListItem.HoverBackground | #0F000000 | |
| ListItem.HoverBorder | #0F000000 | |
| ListItem.PressedBackground | #08000000 | |
| ListItem.PressedBorder | #08000000 | |
| ListItem.SelectionAlt | #FFCCE8FF | |
| ListItem.SelectionBackground | #0A000000 | |
| ListItem.SelectionBorder | #0A000000 | |
| PanelBackground | #FFF2F2F2 | |
| PanelBorder | #FFE1E1E1 | |
| Ribbon.Background | #FFFFFFFF | |
| Separator | #FFCECECE | |
| WindowBackground | #FFF9F9F9 | |
| WindowBorder | #FFB4B4B4 | |
Show palette colors
| Color Name | Color Value | Color Sample |
|---|---|---|
| Backstage.Button.Background | #FF252525 | |
| Backstage.Delimiter | #FF414141 | |
| Backstage.Editor.Background | #FF191919 | |
| Backstage.Focused | #FF0078D7 | |
| Backstage.Foreground | #FFF2F2F2 | |
| Backstage.HoverBackground | #FF353535 | |
| Backstage.SelectionBackground | #FF4C4C4C | |
| Backstage.Window.Background | #FF1A1A1A | |
| Button.Background | #FF2B2B2B | |
| Control.Background | #FF202020 | |
| Control.NeutralBackground | #FF4D4D4D | |
| Custom.Blue | #FF0066CC | |
| Custom.Green | #FF00CC66 | |
| Custom.Red | #FFCC0000 | |
| Editor.Background | #FF191919 | |
| AltBorder | #FF4D4D4D | |
| AltHover | #FF888888 | |
| AltPressed | #FFA6A6A6 | |
| Border | #FF2B2B2B | |
| Delimiter | #FF808080 | |
| Focused | #FF0078D7 | |
| FocusedBorder | #FFFFFFFF | |
| Foreground | #FFF2F2F2 | |
| HoverBackground | #FF444444 | |
| HoverBorder | #FF444444 | |
| HoverForeground | #FFF6F6F6 | |
| SelectionBackground | #FF777777 | |
| SelectionBorder | #FF777777 | |
| SelectionForeground | #FFFFFFFF | |
| WindowHeaderActive | #FF000000 | |
| WindowHeaderInActive | #FF2B2B2B | |
| Item.FadeSelection | #FF333333 | |
| Menu.Background | #FF2B2B2B | |
| Window.Background | #FF191919 | |
| Window.CloseButton.HoverBackground | #FFE81123 | |
| Window.HeaderButton.HoverBackground | #FF1A1A1A | |
| Window.HeaderButton.SelectionBackground | #FF333333 |
Show palette colors
| Color Name | Color Value | Color Sample |
|---|---|---|
| Backstage.Button.Background | #FFF5F6F7 | |
| Backstage.Delimiter | #FFD9D9D9 | |
| Backstage.Editor.Background | #FFFFFFFF | |
| Backstage.Focused | #FF0078D7 | |
| Backstage.Foreground | #FF373737 | |
| Backstage.HoverBackground | #FFEFEFEF | |
| Backstage.SelectionBackground | #FFF7F7F7 | |
| Backstage.Window.Background | #FFE4E4E4 | |
| Border | #FFCFCFCF | |
| AltHover | #FFCCCCCC | |
| AltPressed | #FF666666 | |
| Button.Background | #FFF4F4F4 | |
| Control.Background | #FFF5F6F7 | |
| Control.NeutralBackground | #FFCFCFCF | |
| Custom.Blue | #FF0066CC | |
| Custom.Green | #FF00CC66 | |
| Custom.Red | #FFCC0000 | |
| Delimiter | #FFD9D9D9 | |
| Editor.Background | #FFFFFFFF | |
| Focused | #FF0078D7 | |
| Foreground | #FF373737 | |
| HighlightedForeground | #FFFFFFFF | |
| HoverBackground | #FFE5F1FB | |
| HoverBorder | #FFCCE8FF | |
| HoverForeground | #FF3E3E3E | |
| Item.FadeSelection | #FFD9D9D9 | |
| Menu.Background | #FFFCFCFC | |
| SelectionBackground | #FFCCE8FF | |
| SelectionBorder | #FF99D1FF | |
| SelectionForeground | #FF3E3E3E | |
| Window.Background | #FFFFFFFF | |
| Window.CloseButton.HoverBackground | #FFE81123 | |
| Window.HeaderButton.HoverBackground | #FFE5E5E5 | |
| Window.HeaderButton.SelectionBackground | #FFCCCCCC |
Show palette colors
| Color Name | Color Value | Color Sample |
|---|---|---|
| Backstage.Button.Background | #FF444444 | |
| Backstage.Delimiter | #FF686868 | |
| Backstage.Editor.Background | #FF262626 | |
| Backstage.Focused | #FFB5B5B5 | |
| Backstage.Foreground | #FFFFFFFF | |
| Backstage.HoverBackground | #FF444444 | |
| Backstage.SelectionBackground | #FF6A6A6A | |
| Backstage.Window.Background | #FF0A0A0A | |
| Border | #FF686868 | |
| Button.Background | #FF444444 | |
| Control.Background | #FF2D2D2D | |
| Control.NeutralBackground | #FF626262 | |
| Control.HoverBackground | #FF505050 | |
| Control.SelectionBackground | #FF6A6A6A | |
| ControlLight.Background | #FF363636 | |
| ControlLight.Foreground | #FFDADADA | |
| ControlLight.HoverBackground | #FF505050 | |
| ControlLight.HoverForeground | #FFFFFFFF | |
| ControlLight.SelectionBackground | #FF6A6A6A | |
| ControlLight.SelectionForeground | #FFFFFFFF | |
| Custom.Blue | #FF99CCFF | |
| Custom.Green | #FF99FF99 | |
| Custom.Red | #FFFF9999 | |
| Delimiter | #FF686868 | |
| Editor.Background | #FF444444 | |
| Editor.Delimiter | #FF686868 | |
| Focused | #FFB5B5B5 | |
| Foreground | #FFDADADA | |
| ForegroundDark | #FF999999 | |
| HoverBackground | #FF505050 | |
| HoverBorder | #FF505050 | |
| HoverForeground | #FFFFFFFF | |
| SelectionBackground | #FF6A6A6A | |
| SelectionBorder | #FF6A6A6A | |
| SelectionForeground | #FFFFFFFF | |
| Window.Background | #FF262626 | |
| Window.CloseButton.HoverBackground | #FFE81123 | |
| Window.CloseButton.SelectionBackground | #FFF1707A | |
| Window.HeaderButton.HoverBackground | #FF444444 | |
| Window.HeaderButton.SelectionBackground | #FF969696 |
Show palette colors
| Color Name | Color Value | Color Sample |
|---|---|---|
| Backstage.Button.Background | #FF015C9F | |
| Backstage.Delimiter | #FF2A8DD4 | |
| Backstage.Editor.Background | #FF015C9F | |
| Backstage.Focused | #FFFFFFFF | |
| Backstage.Foreground | #FFFFFFFF | |
| Backstage.HoverBackground | #FF2A8AD4 | |
| Backstage.SelectionBackground | #FF015C9F | |
| Backstage.Window.Background | #FF0173C7 | |
| Border | #FFABABAB | |
| Button.Background | #FFFDFDFD | |
| Control.Background | #FFF0F0F0 | |
| Control.NeutralBackground | #FFABABAB | |
| Custom.Blue | #FF0026C1 | |
| Custom.Green | #FF00C126 | |
| Custom.Red | #FFC12600 | |
| Delimiter | #FFD5D5D5 | |
| Editor.Background | #FFFFFFFF | |
| Focused | #FF0173C7 | |
| Foreground | #FF444444 | |
| HoverAltBackground | #FFCBCACA | |
| HoverAltBorder | #FFCBCACA | |
| HoverBackground | #FFE6F2FA | |
| HoverBorder | #FFE6F2FA | |
| HoverForeground | #FF444444 | |
| SelectionAltBackground | #FFBABAB9 | |
| SelectionAltBorder | #FFBABAB9 | |
| SelectionBackground | #FFCDE6F7 | |
| SelectionBorder | #FFCDE6F7 | |
| SelectionForeground | #FF444444 | |
| Window.Background | #FFF8F8F8 |
Show palette colors
| Color Name | Color Value | Color Sample |
|---|---|---|
| Backstage.Button.Background | #FF363636 | |
| Backstage.Delimiter | #FF666666 | |
| Backstage.Editor.Background | #FF363636 | |
| Backstage.Focused | #FFFFFFFF | |
| Backstage.Foreground | #FFEFEFEF | |
| Backstage.HoverBackground | #FF0072C6 | |
| Backstage.SelectionBackground | #FF0072C6 | |
| Backstage.Window.Background | #FF444444 | |
| Border | #FF444444 | |
| Button.Background | #FFD4D4D4 | |
| Control.Background | #FF605E5C | |
| Control.NeutralBackground | #FFC4C4C4 | |
| Control.HoverBackground | #FF484848 | |
| Control.SelectionBackground | #FF303030 | |
| ControlLight.Background | #FFBEBBB8 | |
| ControlLight.Foreground | #FF262626 | |
| ControlLight.HoverBackground | #FF989694 | |
| ControlLight.HoverForeground | #FF000000 | |
| ControlLight.SelectionBackground | #FF898785 | |
| ControlLight.SelectionForeground | #FF000000 | |
| Custom.Blue | #FF44AFE0 | |
| Custom.Green | #FF5EA600 | |
| Custom.Red | #FFFF4A11 | |
| Delimiter | #FF808080 | |
| Editor.Background | #FFD4D4D4 | |
| Editor.Delimiter | #FFC2C2C2 | |
| Focused | #FF0072C6 | |
| Foreground | #FFEFEFEF | |
| ForegroundDark | #FFC2C2C2 | |
| HoverBackground | #FF484848 | |
| HoverBorder | #FF484848 | |
| HoverForeground | #FFEFEFEF | |
| SelectionBackground | #FF444444 | |
| SelectionBorder | #FF444444 | |
| SelectionForeground | #FFEFEFEF | |
| Window.Background | #FF605E5C | |
| Window.CloseButton.HoverBackground | #FFE81123 | |
| Window.CloseButton.SelectionBackground | #FFF1707A | |
| Window.HeaderButton.SelectionBackground | #FF303030 |
Show palette colors
| Color Name | Color Value | Color Sample |
|---|---|---|
| Backstage.Button.Background | #FF1AEBFF | |
| Backstage.Delimiter | #FFFFFFFF | |
| Backstage.Editor.Background | #FF1AEBFF | |
| Backstage.Focused | #FFFFFFFF | |
| Backstage.Foreground | #FFFFFFFF | |
| Backstage.HoverBackground | #FF1AEBFF | |
| Backstage.SelectionBackground | #FF1AEBFF | |
| Backstage.Window.Background | #FF37006E | |
| Border | #FFFFFFFF | |
| Button.Background | #FF000000 | |
| Control.Background | #FF000000 | |
| Control.NeutralBackground | #FFFFFFFF | |
| Custom.Blue | #FF007FFF | |
| Custom.Green | #FFB5EEB5 | |
| Custom.Red | #FFFF0000 | |
| Delimiter | #FFFFFFFF | |
| Editor.Background | #FF000000 | |
| Focused | #FF1AEBFF | |
| Foreground | #FFFFFFFF | |
| HoverBackground | #FF1AEBFF | |
| HoverBorder | #FF1AEBFF | |
| HoverForeground | #FF000000 | |
| SelectionBackground | #FF1AEBFF | |
| SelectionBorder | #FF1AEBFF | |
| SelectionForeground | #FF000000 | |
| Window.Background | #FF000000 |
Show palette colors
| Color Name | Color Value | Color Sample |
|---|---|---|
| Backstage.Button.Background | #FF106EBE | |
| Backstage.Delimiter | #FF2A8DD4 | |
| Backstage.Editor.Background | #FF106EBE | |
| Backstage.Focused | #FFFFFFFF | |
| Backstage.Foreground | #FFFFFFFF | |
| Backstage.HoverBackground | #FF005A9E | |
| Backstage.SelectionBackground | #FF004578 | |
| Backstage.Window.Background | #FF106EBE | |
| Border | #FFC8C6C4 | |
| Button.Background | #FFFCFCFC | |
| Control.Background | #FFFFFFFF | |
| Control.NeutralBackground | #FFE1DFDD | |
| Custom.Blue | #FF0026C1 | |
| Custom.Green | #FF00C126 | |
| Custom.Red | #FFC12600 | |
| Delimiter | #FFE1DFDD | |
| Editor.Background | #FFFFFFFF | |
| Focused | #FF106EBE | |
| Foreground | #FF444444 | |
| HoverBackground | #FFEFF6FC | |
| HoverBorder | #FFEFF6FC | |
| HoverForeground | #FF106EBE | |
| SelectionBackground | #FFDEECF9 | |
| SelectionBorder | #FFDEECF9 | |
| SelectionForeground | #FF106EBE | |
| Window.Background | #FFFFFFFF |
Show palette colors
| Color Name | Color Value | Color Sample |
|---|---|---|
| Backstage.Button.Background | #FF40568D | |
| Backstage.Delimiter | #FF5B7199 | |
| Backstage.Editor.Background | #FF40568D | |
| Backstage.Focused | #FFF5CC84 | |
| Backstage.Foreground | #FFFFFFFF | |
| Backstage.HoverBackground | #FFBBC6F1 | |
| Backstage.SelectionBackground | #FFF5CC84 | |
| Backstage.Window.Background | #FF5D6B99 | |
| Border | #FF8E9BBC | |
| Button.Background | #FFF2F5FC | |
| Control.Background | #FFE9EEFF | |
| Control.NeutralBackground | #FFD8DAEB | |
| ControlLight.HoverBorder | #FFC4D5FF | |
| ControlLight.SelectionBorder | #FFC4D5FF | |
| Custom.Blue | #FF0026C1 | |
| Custom.Green | #FF00C126 | |
| Custom.Red | #FFC12600 | |
| Delimiter | #FFBFC3D9 | |
| Editor.Background | #FFFFFFFF | |
| Focused | #FFF5CC84 | |
| Foreground | #FF1E1E1E | |
| HoverBackground | #FFFBE0B3 | |
| HoverBorder | #FFE5C365 | |
| HoverForeground | #FF1E1E1E | |
| SelectionBackground | #FFFCD89F | |
| SelectionBorder | #FFE5C365 | |
| SelectionForeground | #FF1E1E1E | |
| Window.Background | #FFE9EEFF | |
| Window.CloseButton.HoverBackground | #FFFBE0B3 | |
| Window.CloseButton.SelectionBackground | #FFFCD89F | |
| Window.HeaderButton.HoverBackground | #FFFBE0B3 | |
| Window.HeaderButton.SelectionBackground | #FFFCD89F |
Show palette colors
| Color Name | Color Value | Color Sample |
|---|---|---|
| Backstage.Button.Background | #FF118EDA | |
| Backstage.Delimiter | #FF118EDA | |
| Backstage.Editor.Background | #FF006EB7 | |
| Backstage.Focused | #FFFFFFFF | |
| Backstage.Foreground | #FFFFFFFF | |
| Backstage.HoverBackground | #FF1C97EA | |
| Backstage.SelectionBackground | #FF005E9F | |
| Backstage.Window.Background | #FF007ACC | |
| Border | #FF3F3F46 | |
| Button.Background | #FF333337 | |
| Control.Background | #FF252526 | |
| Control.NeutralBackground | #FF333337 | |
| Custom.Blue | #FFADD8E6 | |
| Custom.Green | #FF90EE90 | |
| Custom.Red | #FFFFB6C1 | |
| Delimiter | #FF3F3F46 | |
| Editor.Background | #FF333337 | |
| Focused | #FF007ACC | |
| Foreground | #FFF1F1F1 | |
| Glyph | #FF92929B | |
| HoverBackground | #FF3E3E40 | |
| HoverBorder | #FF3E3E40 | |
| HoverForeground | #FFFFFFFF | |
| SelectionBackground | #FF007ACC | |
| SelectionBorder | #FF007ACC | |
| SelectionForeground | #FFFFFFFF | |
| Window.Background | #FF2D2D30 |
Show palette colors
| Color Name | Color Value | Color Sample |
|---|---|---|
| Backstage.Button.Background | #FF118EDA | |
| Backstage.Delimiter | #FF118EDA | |
| Backstage.Editor.Background | #FF006EB7 | |
| Backstage.Focused | #FFFFFFFF | |
| Backstage.Foreground | #FFFFFFFF | |
| Backstage.HoverBackground | #FF2E98E0 | |
| Backstage.SelectionBackground | #FF005E9F | |
| Backstage.Window.Background | #FF007ACC | |
| Border | #FFCCCEDB | |
| Button.Background | #FFF5F5F7 | |
| Control.Background | #FFF5F5F7 | |
| Control.NeutralBackground | #FFCCCEDB | |
| Custom.Blue | #FF0026C1 | |
| Custom.Green | #FF00C126 | |
| Custom.Red | #FFC12600 | |
| Delimiter | #FFCCCEDB | |
| Editor.Background | #FFFFFFFF | |
| Focused | #FF007ACC | |
| Foreground | #FF1E1E1E | |
| HoverBackground | #FFC9DEF5 | |
| HoverBorder | #FFC9DEF5 | |
| HoverForeground | #FF1E1E1E | |
| SelectionBackground | #FF007ACC | |
| SelectionBorder | #FF007ACC | |
| SelectionForeground | #FFFFFFFF | |
| Window.Background | #FFEEEEF2 |
Show palette colors
| Color Name | Color Value | Color Sample |
|---|---|---|
| Backstage.Button.Background | #FF4D6082 | |
| Backstage.Delimiter | #FF5B7199 | |
| Backstage.Editor.Background | #FF364E6F | |
| Backstage.Focused | #FFFFFFFF | |
| Backstage.Foreground | #FFFFFFFF | |
| Backstage.HoverBackground | #FF5B7199 | |
| Backstage.SelectionBackground | #FF4D6082 | |
| Backstage.Window.Background | #FF293955 | |
| Border | #FF8E9BBC | |
| Button.Background | #FFDCE0EC | |
| Control.Background | #FFCFD6E5 | |
| Control.NeutralBackground | #FFBDC5D8 | |
| Custom.Blue | #FF0026C1 | |
| Custom.Green | #FF00C126 | |
| Custom.Red | #FFC12600 | |
| Delimiter | #FFBDC5D8 | |
| Editor.Background | #FFFFFFFF | |
| Focused | #FFE5C365 | |
| Foreground | #FF1E1E1E | |
| HoverBackground | #FFFDF4BF | |
| HoverBorder | #FFE5C365 | |
| HoverForeground | #FF1E1E1E | |
| SelectionBackground | #FFFFF29D | |
| SelectionBorder | #FFE5C365 | |
| SelectionForeground | #FF1E1E1E | |
| Window.Background | #FFD6DBE9 | |
| Window.CloseButton.HoverBackground | #FFFDF4BF | |
| Window.CloseButton.SelectionBackground | #FFFFF29D | |
| Window.HeaderButton.HoverBackground | #FFFDF4BF | |
| Window.HeaderButton.SelectionBackground | #FFFFF29D |
Show palette colors
| Color Name | Color Value | Color Sample |
|---|---|---|
| Backstage.Button.Background | #FF118EDA | |
| Backstage.Delimiter | #FF118EDA | |
| Backstage.Editor.Background | #FF006EB7 | |
| Backstage.Focused | #FFFFFFFF | |
| Backstage.Foreground | #FFFFFFFF | |
| Backstage.HoverBackground | #FF1C97EA | |
| Backstage.SelectionBackground | #FF005E9F | |
| Backstage.Window.Background | #FF007ACC | |
| Border | #FF3F3F46 | |
| Button.Background | #FF333337 | |
| Control.Background | #FF252526 | |
| Control.NeutralBackground | #FF333337 | |
| Custom.Blue | #FFADD8E6 | |
| Custom.Green | #FF90EE90 | |
| Custom.Red | #FFFFB6C1 | |
| Glyph | #FF92929B | |
| Delimiter | #FF3F3F46 | |
| Editor.Background | #FF333337 | |
| Focused | #FF007ACC | |
| Foreground | #FFF1F1F1 | |
| HoverBackground | #FF3E3E40 | |
| HoverBorder | #FF3E3E40 | |
| HoverForeground | #FFFFFFFF | |
| SelectionBackground | #FF007ACC | |
| SelectionBorder | #FF007ACC | |
| SelectionForeground | #FFFFFFFF | |
| Window.Background | #FF2D2D30 |
Show palette colors
| Color Name | Color Value | Color Sample |
|---|---|---|
| Backstage.Button.Background | #FF118EDA | |
| Backstage.Delimiter | #FF118EDA | |
| Backstage.Editor.Background | #FF006EB7 | |
| Backstage.Focused | #FFFFFFFF | |
| Backstage.Foreground | #FFFFFFFF | |
| Backstage.HoverBackground | #FF2E98E0 | |
| Backstage.SelectionBackground | #FF005E9F | |
| Backstage.Window.Background | #FF007ACC | |
| Border | #FFCCCEDB | |
| Button.Background | #FFF5F5F7 | |
| Control.Background | #FFF5F5F7 | |
| Control.NeutralBackground | #FFCCCEDB | |
| Custom.Blue | #FF0026C1 | |
| Custom.Green | #FF00C126 | |
| Custom.Red | #FFC12600 | |
| Delimiter | #FFCCCEDB | |
| Editor.Background | #FFFFFFFF | |
| Focused | #FF007ACC | |
| Foreground | #FF1E1E1E | |
| HoverBackground | #FFC9DEF5 | |
| HoverBorder | #FFC9DEF5 | |
| HoverForeground | #FF1E1E1E | |
| SelectionBackground | #FF007ACC | |
| SelectionBorder | #FF007ACC | |
| SelectionForeground | #FFFFFFFF | |
| Window.Background | #FFEEEEF2 |
Show palette colors
| Color Name | Color Value | Color Sample |
|---|---|---|
| Backstage.Button.Background | #FF444444 | |
| Backstage.Delimiter | #FF686868 | |
| Backstage.Editor.Background | #FF262626 | |
| Backstage.Focused | #FFB5B5B5 | |
| Backstage.Foreground | #FFFFFFFF | |
| Backstage.HoverBackground | #FF444444 | |
| Backstage.SelectionBackground | #FF6A6A6A | |
| Backstage.Window.Background | #FF0A0A0A | |
| Border | #FF686868 | |
| Button.Background | #FF444444 | |
| Control.Background | #FF2D2D2D | |
| Control.NeutralBackground | #FF686868 | |
| Control.HoverBackground | #FF505050 | |
| Control.SelectionBackground | #FF6A6A6A | |
| ControlLight.Background | #FF363636 | |
| ControlLight.Foreground | #FFDADADA | |
| ControlLight.HoverBackground | #FF505050 | |
| ControlLight.HoverForeground | #FFFFFFFF | |
| ControlLight.SelectionBackground | #FF6A6A6A | |
| ControlLight.SelectionForeground | #FFFFFFFF | |
| Custom.Blue | #FF99CCFF | |
| Custom.Green | #FF99FF99 | |
| Custom.Red | #FFFF9999 | |
| Delimiter | #FF686868 | |
| Editor.Background | #FF444444 | |
| Editor.Delimiter | #FF686868 | |
| Focused | #FFB5B5B5 | |
| Foreground | #FFDADADA | |
| ForegroundDark | #FF999999 | |
| HoverBackground | #FF505050 | |
| HoverBorder | #FF505050 | |
| HoverForeground | #FFFFFFFF | |
| SelectionBackground | #FF6A6A6A | |
| SelectionBorder | #FF6A6A6A | |
| SelectionForeground | #FFFFFFFF | |
| Window.Background | #FF262626 | |
| Window.CloseButton.HoverBackground | #FFE81123 | |
| Window.CloseButton.SelectionBackground | #FFF1707A | |
| Window.HeaderButton.HoverBackground | #FF444444 | |
| Window.HeaderButton.SelectionBackground | #FF969696 |
Show palette colors
| Color Name | Color Value | Color Sample |
|---|---|---|
| Backstage.Button.Background | #FF015C9F | |
| Backstage.Delimiter | #FF2A8DD4 | |
| Backstage.Editor.Background | #FF015C9F | |
| Backstage.Focused | #FFFFFFFF | |
| Backstage.Foreground | #FFFFFFFF | |
| Backstage.HoverBackground | #FF2A8AD4 | |
| Backstage.SelectionBackground | #FF015C9F | |
| Backstage.Window.Background | #FF0173C7 | |
| Border | #FFABABAB | |
| Button.Background | #FFFDFDFD | |
| Control.Background | #FFF0F0F0 | |
| Control.NeutralBackground | #FFD5D5D5 | |
| Custom.Blue | #FF0026C1 | |
| Custom.Green | #FF00C126 | |
| Custom.Red | #FFC12600 | |
| Delimiter | #FFD5D5D5 | |
| Editor.Background | #FFFFFFFF | |
| Focused | #FF0173C7 | |
| Foreground | #FF444444 | |
| HoverBackground | #FFC5C5C5 | |
| HoverBorder | #FFC5C5C5 | |
| HoverForeground | #FF444444 | |
| SelectionBackground | #FFAEAEAE | |
| SelectionBorder | #FFAEAEAE | |
| SelectionForeground | #FF444444 | |
| Window.Background | #FFE6E6E6 | |
| Window.CloseButton.HoverBackground | #FFE81123 | |
| Window.CloseButton.SelectionBackground | #FFF1707A | |
| Window.HeaderButton.HoverBackground | #FF2A8AD4 | |
| Window.HeaderButton.SelectionBackground | #FF015C9F |
Show palette colors
| Color Name | Color Value | Color Sample |
|---|---|---|
| Backstage.Button.Background | #FF363636 | |
| Backstage.Delimiter | #FF666666 | |
| Backstage.Editor.Background | #FF363636 | |
| Backstage.Focused | #FFFFFFFF | |
| Backstage.Foreground | #FFEFEFEF | |
| Backstage.HoverBackground | #FF575757 | |
| Backstage.SelectionBackground | #FF303030 | |
| Backstage.Window.Background | #FF444444 | |
| Border | #FF444444 | |
| Button.Background | #FFD4D4D4 | |
| Control.Background | #FF595959 | |
| Control.NeutralBackground | #FFC4C4C4 | |
| Control.HoverBackground | #FF484848 | |
| Control.SelectionBackground | #FF303030 | |
| ControlLight.Background | #FFB2B2B2 | |
| ControlLight.Foreground | #FF262626 | |
| ControlLight.HoverBackground | #FF969696 | |
| ControlLight.HoverForeground | #FF000000 | |
| ControlLight.SelectionBackground | #FF868686 | |
| ControlLight.SelectionForeground | #FF000000 | |
| Custom.Blue | #FF44AFE0 | |
| Custom.Green | #FF5EA600 | |
| Custom.Red | #FFFF4A11 | |
| Delimiter | #FF808080 | |
| Editor.Background | #FFD4D4D4 | |
| Editor.Delimiter | #FFC2C2C2 | |
| Focused | #FF000000 | |
| Foreground | #FFEFEFEF | |
| ForegroundDark | #FFC2C2C2 | |
| HoverBackground | #FF575757 | |
| HoverBorder | #FF575757 | |
| HoverForeground | #FFEFEFEF | |
| SelectionBackground | #FF444444 | |
| SelectionBorder | #FF444444 | |
| SelectionForeground | #FFEFEFEF | |
| Window.Background | #FF666666 | |
| Window.CloseButton.HoverBackground | #FFE81123 | |
| Window.CloseButton.SelectionBackground | #FFF1707A | |
| Window.HeaderButton.HoverBackground | #FF575757 | |
| Window.HeaderButton.SelectionBackground | #FF303030 |
Show palette colors
| Color Name | Color Value | Color Sample |
|---|---|---|
| Backstage.Button.Background | #FF1664A7 | |
| Backstage.Delimiter | #FF2A8DD4 | |
| Backstage.Editor.Background | #FF1664A7 | |
| Backstage.Focused | #FFFFFFFF | |
| Backstage.Foreground | #FFFFFFFF | |
| Backstage.HoverBackground | #FF2A8DD4 | |
| Backstage.SelectionBackground | #FF1664A7 | |
| Backstage.Window.Background | #FF0072C6 | |
| Border | #FFD4D4D4 | |
| Button.Background | #FFFCFCFC | |
| Control.Background | #FFFFFFFF | |
| Control.NeutralBackground | #FFDEDEDE | |
| Custom.Blue | #FF0026C1 | |
| Custom.Green | #FF00C126 | |
| Custom.Red | #FFC12600 | |
| Delimiter | #FFE1E1E1 | |
| Editor.Background | #FFFFFFFF | |
| Focused | #FF0072C6 | |
| Foreground | #FF444444 | |
| HoverBackground | #FFCDE6F7 | |
| HoverBorder | #FFCDE6F7 | |
| HoverForeground | #FF0072C6 | |
| SelectionBackground | #FF92C0E0 | |
| SelectionBorder | #FF92C0E0 | |
| SelectionForeground | #FF0072C6 | |
| Window.Background | #FFFFFFFF |