DevExpress v24.2 Update — Your Feedback Matters
Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.
Take the survey
Not interested
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