This project is read-only.

[Version 2.0] Expression Dark theme?

Aug 4, 2012 at 11:29 AM

Hello,

first of all: Nice Work!
But my question: Before you published this version you said, the final will have an Expression Dark theme "integrated". Will you work on that, too?

Thanks for your good work.

Domi

Aug 4, 2012 at 6:08 PM

Absolutely. I need just a few days to develop it. I'm going to add the Expression theme in two brushes selection Dark and Light.

Thanks,
Ado

Aug 4, 2012 at 7:15 PM

Thanks for your quick reply. I'm glad to see the Expression themes coming ;)

It gives the feeling of the new Visual Studio 2012 ;)

 

Aug 10, 2012 at 7:51 PM
Edited Aug 10, 2012 at 7:52 PM

As a starting point I customized the brushes in AvalonDock.Themes.VS2010 to get pretty close to what I needed.  There isn't anything glaringly wrong but I'm sure it could use a good once-over. This is for the ExpressionDark theme.

 

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    
    
    <DrawingBrush x:Key="AvalonDock_ThemeVS2010_BaseColor1" 
                  TileMode="Tile"  
                Viewport="0 0 5 5" 
				ViewportUnits="Absolute" 
				Stretch="None">
		<DrawingBrush.Drawing>
			<DrawingGroup>
				<GeometryDrawing Brush="#59FFFFFF">
					<GeometryDrawing.Geometry>
						<RectangleGeometry Rect="0,0,10,10"/>
					</GeometryDrawing.Geometry>
				</GeometryDrawing>
				<GeometryDrawing>
					<GeometryDrawing.Pen>
						<Pen Thickness="1" Brush="#00FFFFFF" />
					</GeometryDrawing.Pen>
					<GeometryDrawing.Geometry>
						<GeometryGroup>
							<LineGeometry StartPoint="0,0" EndPoint="10,10" />
						</GeometryGroup>
					</GeometryDrawing.Geometry>
				</GeometryDrawing>
				<GeometryDrawing>
					<GeometryDrawing.Pen>
						<Pen Thickness="1" Brush="#26FFFFFF" />
					</GeometryDrawing.Pen>
					<GeometryDrawing.Geometry>
						<GeometryGroup>
							<LineGeometry StartPoint="1,0" EndPoint="10,9" />
						</GeometryGroup>
					</GeometryDrawing.Geometry>
				</GeometryDrawing>
			</DrawingGroup>
		</DrawingBrush.Drawing>
	</DrawingBrush>

    <SolidColorBrush x:Key="AvalonDock_ThemeVS2010_BaseColor2" 
                     Color="White"/>

    <SolidColorBrush x:Key="AvalonDock_ThemeVS2010_BaseColor3" 
                     Color="Black"/>

    <SolidColorBrush x:Key="AvalonDock_ThemeVS2010_BaseColor4" 
                     Color="Transparent"/>

    <SolidColorBrush x:Key="AvalonDock_ThemeVS2010_BaseColor5" 
                     Color="#293955"/>
    
    <LinearGradientBrush x:Key="AvalonDock_ThemeVS2010_BaseColor6"
                         StartPoint="0,0"
                         EndPoint="0,1">
        <LinearGradientBrush.GradientStops>
			<GradientStop Color="#59FFFFFF" Offset="0" />
			<GradientStop Color="#59FFFFFF" Offset="0.5" />
			<GradientStop Color="#00FFFFFF" Offset="0.5" />
			<GradientStop Color="#26FFFFFF" Offset="1" />
        </LinearGradientBrush.GradientStops>
    </LinearGradientBrush>

    <LinearGradientBrush x:Key="AvalonDock_ThemeVS2010_BaseColor7"
                         StartPoint="0,1"
                         EndPoint="0,0">
        <LinearGradientBrush.GradientStops>
            <GradientStop Color="#50FFFCF2" Offset="0" />
            <GradientStop Color="#50FFEDBA" Offset="0.5" />
            <GradientStop Color="#50FFE8A6" Offset="0.5" />
            <GradientStop Color="#50FFE8A6" Offset="1" />
        </LinearGradientBrush.GradientStops>
    </LinearGradientBrush>

    <SolidColorBrush x:Key="AvalonDock_ThemeVS2010_BaseColor8"
                     Color="White"/>

    <SolidColorBrush x:Key="AvalonDock_ThemeVS2010_BaseColor9"
                     Color="#FFF5F4EA"/>

    <SolidColorBrush x:Key="AvalonDock_ThemeVS2010_BaseColor10" 
                     Color="White"/>

    <SolidColorBrush x:Key="AvalonDock_ThemeVS2010_BaseColor11" 
                     Color="Transparent" />

    <!--<SolidColorBrush x:Key="AvalonDock_ThemeVS2010_BaseColor12"
                     Color="White"/>-->

    <SolidColorBrush x:Key="AvalonDock_ThemeVS2010_BaseColor13"
                     Color="White"/>

    <SolidColorBrush x:Key="AvalonDock_ThemeVS2010_BaseColor14"
                     Color="White"/>

    <LinearGradientBrush x:Key="AvalonDock_ThemeVS2010_BaseColor15"
                         StartPoint="0,0"
                         EndPoint="0,1">
        <GradientStop Color="#545454" Offset="0" />
		<GradientStop Color="#D4D4D4" Offset="0.5" />
        <GradientStop Color="#DEDEDE" Offset="0.5" />
        <GradientStop Color="#DEDEDE" Offset="1" />
    </LinearGradientBrush>


    <LinearGradientBrush x:Key="AvalonDock_ThemeVS2010_BaseColor16"
                         StartPoint="0,0"
                         EndPoint="0,1">
        <GradientStop Color="#646464" Offset="0" />
        <GradientStop Color="#494949" Offset="1" />
    </LinearGradientBrush>

    <!--<SolidColorBrush x:Key="AvalonDock_ThemeVS2010_BaseColor17" 
        Color="White"/>

    <SolidColorBrush x:Key="AvalonDock_ThemeVS2010_BaseColor18" 
        Color="Black"/>

    <SolidColorBrush x:Key="AvalonDock_ThemeVS2010_BaseColor20" 
                     Color="White"/>

    <SolidColorBrush x:Key="AvalonDock_ThemeVS2010_BaseColor21" 
        Color="White"/>

    <SolidColorBrush x:Key="AvalonDock_ThemeVS2010_BaseColor22" 
        Color="Black"/>

    <SolidColorBrush x:Key="AvalonDock_ThemeVS2010_BaseColor23" 
        Color="Black"/>-->


    <LinearGradientBrush x:Key="AvalonDock_ThemeVS2010_BaseColor24" StartPoint="0,0" EndPoint="0,1">
        <GradientStop Color="#FBFCFC" Offset="0" />
        <GradientStop Color="#D7DCE4" Offset="0.5" />
        <GradientStop Color="#CED4DF" Offset="0.5" />
        <GradientStop Color="#CED4DF" Offset="1" />
    </LinearGradientBrush>

    <LinearGradientBrush x:Key="AvalonDock_ThemeVS2010_BaseColor25" StartPoint="0,0" EndPoint="0,1">
        <GradientStop Color="#FFFCF2" Offset="0" />
        <GradientStop Color="#FFEDBA" Offset="0.5" />
        <GradientStop Color="#FFE8A6" Offset="0.5" />
        <GradientStop Color="#FFE8A6" Offset="1" />
    </LinearGradientBrush>

    <!--<LinearGradientBrush x:Key="AvalonDock_ThemeVS2010_BaseColor26" StartPoint="0,0" EndPoint="0,1">
        <LinearGradientBrush.GradientStops>
            <GradientStop Color="#50FFE8A6" Offset="0" />
            <GradientStop Color="#50FFE8A6" Offset="0.5" />
            <GradientStop Color="#50FFEDBA" Offset="0.5" />
            <GradientStop Color="#50FFFCF2" Offset="1" />
        </LinearGradientBrush.GradientStops>
    </LinearGradientBrush>

    <LinearGradientBrush x:Key="AvalonDock_ThemeVS2010_BaseColor27"
                         StartPoint="0,0" EndPoint="0,1">
        <LinearGradientBrush.GradientStops>
            <GradientStop Color="#50FFE8A6" Offset="0" />
            <GradientStop Color="#50FFE8A6" Offset="0.5" />
            <GradientStop Color="#50FFEDBA" Offset="0.5" />
            <GradientStop Color="#50FFFCF2" Offset="1" />
        </LinearGradientBrush.GradientStops>
    </LinearGradientBrush>-->

    <SolidColorBrush x:Key="AvalonDock_ThemeVS2010_BaseColor28"
                         Color="White"/>

    <SolidColorBrush x:Key="AvalonDock_ThemeVS2010_BaseColor30" 
        Color="#CED4DF"/>

    <SolidColorBrush x:Key="AvalonDock_ThemeVS2010_BaseColor31" 
        Color="#FFE8A6"/>

    <!--<SolidColorBrush x:Key="AvalonDock_ThemeVS2010_BaseColor32"
                     Color="Transparent"/>-->

    <SolidColorBrush x:Key="AvalonDock_ThemeVS2010_BaseColor33"
        Color="#3D5277"/>    
</ResourceDictionary>
Oct 17, 2012 at 5:06 PM

Hello Adospace.

 

Have you managed to make any advances on the expression dark/light theme?

 

If so any idea of a release date?

 

Thanks for your excellent work.

Oct 18, 2012 at 10:18 PM

I do really want to theme AvalonDock. Unfortunately, there is little information about styling. The sample themes are huge! and although the styles are there with self-descriptive names, someone cannot figure out what styles affect what part in the whole AvalonDock layout.

Oct 18, 2012 at 10:37 PM

Hi all,
unfortunately in the last month a long series of critical bugs have been discovered and I was busy in fixing all of them. Actually latest build seems to be quite stable so that I can move on to the new themes:

Expression Dark/Light (really soon)
Metro (by the end of October)
VS2012 (in November)

Thanks,

Ado

Oct 19, 2012 at 1:06 AM

Excellent to hear that Ado... about the themes, not the bugs!

 

Daniel

Oct 19, 2012 at 6:28 PM

Yaay (for the themes) !!

Oct 30, 2012 at 12:57 AM

You can find my home made version of Dark Expression here:

http://edi.codeplex.com/

The theme is mostly target towards dark screen environment and high contrast. Dialogs and Message Boxes are not skinnable in my Editor but thats not a problem for AvalonDock. I found a few items that do not seem to be skinable and am going to enter an issue for it (hoping this is more helpful than a Yaay for the themes :)