gistfile1.xml

<Theme ux:Class="Fuse.BasicTheme.BasicTheme" xmlns:b="Fuse.BasicTheme" ux:AutoCtor="false">

	<Font ux:Global="RobotoCondensedBold" File="Fonts/RobotoCondensed-Bold.ttf" />
	<Font ux:Global="RobotoCondensedBoldItalic" File="Fonts/RobotoCondensed-BoldItalic.ttf" />
	<Font ux:Global="RobotoCondensedItalic" File="Fonts/RobotoCondensed-Italic.ttf" />
	<Font ux:Global="RobotoCondensedLight" File="Fonts/RobotoCondensed-Light.ttf" />
	<Font ux:Global="RobotoCondensedLightItalic" File="Fonts/RobotoCondensed-LightItalic.ttf" />
	<Font ux:Global="RobotoCondensedRegular" File="Fonts/RobotoCondensed-Regular.ttf" />
	<Font ux:Global="RobotoItalic" File="Fonts/Roboto-Italic.ttf" />
	<Font ux:Global="RobotoLight" File="Fonts/Roboto-Light.ttf" />
	<Font ux:Global="RobotoLightItalic" File="Fonts/Roboto-LightItalic.ttf" />
	<Font ux:Global="RobotoMedium" File="Fonts/Roboto-Medium.ttf" />
	<Font ux:Global="RobotoMediumItalic" File="Fonts/Roboto-MediumItalic.ttf" />
	<Font ux:Global="RobotoRegular" File="Fonts/Roboto-Regular.ttf" />
	<Font ux:Global="RobotoThin" File="Fonts/Roboto-Thin.ttf" />
	<Font ux:Global="RobotoThinItalic" File="Fonts/Roboto-ThinItalic.ttf" />
	<Font ux:Global="RobotoBlack" File="Fonts/Roboto-Black.ttf" />
	<Font ux:Global="RobotoBlackItalic" File="Fonts/Roboto-BlackItalic.ttf" />
	<Font ux:Global="RobotoBold" File="Fonts/Roboto-Bold.ttf" />
	<Font ux:Global="RobotoBoldItalic" File="Fonts/Roboto-BoldItalic.ttf" />

	<BackButton
		ux:Cascade="false"
		MinWidth="88"
		Font="RobotoLight"
		MinHeight="36"
		Margin="4,4,4,4"
		Padding="8,0,8,0"
		TextAlignment="Center"
		TextColor="#fff"
		Focus.IsFocusable="true">
		    <DockPanel
		        Alignment="CenterLeft"
		        DockPanel.Dock="Left">
		        <Path
		            Data="m 0 10 l 10 10 m 0 -20 l -10 10"
		            FillRule="NonZero"
		            Width="10"
		            Height="20"
		            Margin="5, 0, 2, 0"
		            DockPanel.Dock="Left">
		            <Stroke Width="1">
		                <SolidColor Color="#fff" />
		            </Stroke>
		        </Path>

		        <Text
		            Content="BACK"
		            Alignment="CenterLeft"
		            Margin="5, 0, 5, 0"
		            FontSize="18"
		            TextAlignment="Center" />

		    </DockPanel>
		    <Rectangle ux:Binding="Appearance" />
	</BackButton>

	<Button
		Focus.IsFocusable="true"
		ux:Name="_button"
		Text="BUTTON"
		MinWidth="88"
		Font="RobotoMedium"
		MinHeight="36"
		Margin="4,4,4,4"
		Padding="8,0,8,0"
		TextAlignment="Center"
		TextColor="#fff" >

		<DropShadow Offset="0,1" Softness="5" Multiplier="0.35" />

		<Rectangle ux:Binding="Appearance" CornerRadius="2">
			<SolidColor ux:Name="_buttonBackground" />
		</Rectangle>

		<ResourceBinding Target="_buttonBackground.Color" Key="C500" />
		<!--<ResourceBinding Target="_hovered.Value" Key="C600" />-->
		<ResourceBinding Target="_pressed.Value" Key="C700" />

		<!--<Hovering>
			<Change
				Target="_buttonBackground.Color"
				ux:Name="_hovered"
				Value="#fff"
				Duration="0.25"/>
		</Hovering>-->

		<Pressing>
			<Change
				Target="_buttonBackground.Color"
				ux:Name="_pressed"
				Value="#fff"
				Duration="0.25"/>
		</Pressing>

		<WhileDisabled>
			<Change
				Target="_buttonBackground.Color"
				Value="#fff"
				Duration="0.25"/>
			<Change
				Target="_button.Opacity"
				Value="0.12"
				Duration="0.25" />
			<Change
				Target="_button.TextColor"
				Value="1.0,1.0,1.0,0.30" />
		</WhileDisabled>

	</Button>

	<TextInput
		Focus.IsFocusable="true"
		ux:Name="_textInput"
		TextColor="#000"
		Padding="0,8,0,8"
		Margin="8,8,8,8"
		FontSize="16"
		MinHeight="48"
		Font="RobotoRegular">

		<Panel ux:Binding="Appearance">
			<Rectangle Alignment="Bottom" Height="1" Margin="0,8,0,8" ux:Name="_dividerRect">
				<SolidColor ux:Name="_textInputDivider" Color="#dddddd" />
			</Rectangle>
		</Panel>

		<ResourceBinding Target="_changeTextInputDividerFill1.Value" Key="C700" />
		<ResourceBinding Target="_changeTextInputDividerFill2.Value" Key="C700" />

		<WhileDisabled>
			<Change Duration="0.25" Easing="ExponentialOut" EasingBack="ExponentialIn" Target="_textInput.TextColor" Value="#dddddd" />
			<Change Duration="0.25" Easing="ExponentialOut" EasingBack="ExponentialIn" Target="_textInputDivider.Color" Value="#dddddd" />
		</WhileDisabled>

		<Focusing>
			<Change Duration="0.25" Easing="ExponentialOut" EasingBack="ExponentialIn" Target="_textInputDivider.Color" Value="#fff" ux:Name="_changeTextInputDividerFill1" />
			<Change Duration="0.25" Easing="ExponentialOut" EasingBack="ExponentialIn" Target="_dividerRect.Height" Value="2" />
		</Focusing>

		<Pressing>
			<Change Duration="0.25" Easing="ExponentialOut" EasingBack="ExponentialIn" Target="_textInputDivider.Color" Value="#fff" ux:Name="_changeTextInputDividerFill2" />
			<Change Duration="0.25" Easing="ExponentialOut" EasingBack="ExponentialIn" Target="_dividerRect.Height" Value="2" />
		</Pressing>

	</TextInput>

	<Slider
		Focus.IsFocusable="true"
		ux:Name="_slider"
		MinHeight="36"
		Margin="4,4,4,4">

		<Panel ux:Binding="Thumb" Width="36" Height="36" Alignment="Left">
			<Circle
				ux:Name="_thumb"
				Alignment="VerticalCenter"
				Width="12"
				Height="12">
				<SolidColor ux:Name="_sliderThumbFill" />
			</Circle>

			<Circle
				Alignment="VerticalCenter"
				Width="32"
				Height="32"
				Opacity="0.0"
				ux:Name="_focusedThumb">
				<SolidColor ux:Name="_sliderThumbFill2" />
			</Circle>


		</Panel>

		<Panel ux:Binding="Appearance">
			<Rectangle Alignment="CenterLeft" Height="2" Width="0" WidthUnit="Percent" Margin="18,0,18,0" ux:Name="_progressTrack">
				<SolidColor ux:Name="_sliderTrackFill" />
			</Rectangle>
			<Rectangle Alignment="VerticalCenter" Height="2" Margin="18,0,18,0">
				<SolidColor Color="#00000042"  />
			</Rectangle>
			<Rectangle ux:Binding="Appearance" />
		</Panel>

		<!--<Focusing>
			<Change Target="_focusedThumb.Opacity" Value="0.30" Duration="0.25" Easing="ExponentialOut" EasingBack="ExponentialIn" />
		</Focusing>-->

		<Fuse.BasicTheme.SliderTrigger>
			<Change Target="_progressTrack.Width" Value="100" />
		</Fuse.BasicTheme.SliderTrigger>

		<!--<Pressing>
			<Change Target="_focusedThumb.Opacity" Value="0.30" Duration="0.25" Easing="ExponentialOut" EasingBack="ExponentialIn" />
			<Scale Target="_thumb" Factor="2" Duration="0.25" Easing="ExponentialOut" EasingBack="ExponentialIn" />
		</Pressing>-->

		<WhileDisabled>

		</WhileDisabled>

		<ResourceBinding Target="_sliderThumbFill.Color" Key="C500" />
		<ResourceBinding Target="_sliderTrackFill.Color" Key="C500" />
		<ResourceBinding Target="_sliderThumbFill2.Color" Key="C500" />

	</Slider>

	<Switch
		Focus.IsFocusable="true"
		Margin="4,4,4,4"
		Width="70"
		Height="48">

		<Panel ux:Binding="Appearance">

			<Circle
				ux:Name="_switchThumb"
				Alignment="CenterLeft"
				Width="20"
				Height="20"
				Margin="14,0,14,0">
				<SolidColor ux:Name="_thumbFill" Color="#fafafaff" />
				<DropShadow Offset="0,1" Softness="5" Multiplier="0.35" />
			</Circle>

			<Circle
				ux:Name="_switchThumb2"
				Alignment="TopLeft"
				Width="48"
				Height="48"
				Opacity="0.0">
				<SolidColor ux:Name="_thumbFill2" Color="#fafafaff" />
				<DropShadow Offset="0,1" Softness="5" Multiplier="0.35" />
			</Circle>

			<Rectangle
				ux:Name="_bounds"
				CornerRadius="7"
				Width="32"
				Height="14"
				Alignment="Center">
				<SolidColor ux:Name="_trackFill" Color="#00000042" />
			</Rectangle>

			<Rectangle ux:Binding="Appearance" />

		</Panel>

		<WhileDisabled>
			<Change Target="_thumbFill.Color" Value="#bdbdbdff" Easing="QuadraticInOut" Duration="0.25" />
			<Change Target="_trackFill.Color" Value="#0000001e" Easing="QuadraticInOut" Duration="0.25" />
		</WhileDisabled>

		<Fuse.Controls.DefaultSwitchBehavior >
			<Rectangle ux:Ref="_bounds" ux:Binding="Bounds" />
			<Change ux:Name="_thumbFill1Anim" Target="_thumbFill.Color" Value="#fff" Easing="QuadraticInOut" Duration="0.25" />
			<Change ux:Name="_thumbFill2Anim" Target="_thumbFill2.Color" Value="#fff" Easing="QuadraticInOut" Duration="0.25" />
			<Change ux:Name="_trackFillAnim" Target="_trackFill.Color" Value="#fff" Easing="QuadraticInOut" Duration="0.25" />
			<Move Target="_switchThumb" X="22" Duration="0.25" Easing="QuadraticInOut" />
			<Move Target="_switchThumb2" X="22" Duration="0.25" Easing="QuadraticInOut" />
		</Fuse.Controls.DefaultSwitchBehavior>

		<Pressing>
			<Change Target="_switchThumb2.Opacity" Value="0.30" Easing="QuinticOut" EasingBack="QuinticIn" Duration="0.25" />
		</Pressing>

		<Focusing>
			<Change Target="_switchThumb2.Opacity" Value="0.30" Easing="QuinticOut" EasingBack="QuinticIn" Duration="0.25" />
		</Focusing>

		<ResourceBinding Target="_trackFillAnim.Value" Key="C200" />
		<ResourceBinding Target="_thumbFill1Anim.Value" Key="C500" />
		<ResourceBinding Target="_thumbFill2Anim.Value" Key="C500" />

	</Switch>

	<NavigationBar
		Height="48">

		<Rectangle ux:Binding="Appearance">
			<SolidColor ux:Name="_navigationBarFill" />
		</Rectangle>

		<ResourceBinding Target="_navigationBarFill.Color" Key="C500" />

	</NavigationBar>


</Theme>