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.
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
Example
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.
Palette Color List
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
Win11Dark
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 |
|
Win11Light
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 |
|
Win10Dark
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 |
|
Win10Light
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 |
|
Office2019Black
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 |
|
Office2019Colorful
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 |
|
Office2019DarkGray
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 |
|
Office2019HighContrast
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 |
|
Office2019White
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 |
|
VS2019Blue
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 |
|
VS2019Dark
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 |
|
VS2019Light
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 |
|
VS2017Blue
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 |
|
VS2017Dark
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 |
|
VS2017Light
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 |
|
Office2016BlackSE
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 |
|
Office2016ColorfulSE
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 |
|
Office2016DarkGraySE
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 |
|
Office2016WhiteSE
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 |
|