Post Reply

[XAP] Custom Theme & Accent Colors for Samsung Phones (1st & 2nd Gen)

OP voluptuary

19th January 2012, 11:17 PM   |  #21  
Member
Thanks Meter: 3
 
73 posts
Join Date:Joined: Mar 2010
Below is the contents of one of these Theme Resource XAML files...

Code:
<ResourceDictionary
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:System="clr-namespace:System;assembly=mscorlib">

  
<Color x:Key="PhoneForegroundColor">#DE000000</Color>
<Color x:Key="PhoneBackgroundColor">#FFFFFFFF</Color>

<Color x:Key="PhoneContrastForegroundColor">#FFFFFFFF</Color>
<Color x:Key="PhoneContrastBackgroundColor">#FF000000</Color>

<!-- Text caret color -->
<Color x:Key="PhoneTextCaretColor">#FFFFFFFF</Color>

<!-- 80 percent Black -->
<Color x:Key="PhoneTextBoxColor">#CC000000</Color>

<!-- 60 percent Black -->
<Color x:Key="PhoneBorderColor">#99000000</Color>

<!-- 40 percent Black -->
<Color x:Key="PhoneSubtleColor">#66000000</Color>

<!-- 30 percent Black -->
<Color x:Key="PhoneDisabledColor">#4D000000</Color>

<!-- 20 percent Black -->
<Color x:Key="PhoneInactiveColor">#33000000</Color>

<!-- 66 percent transparent -->
<Color x:Key="PhoneSemitransparentColor">#AAFFFFFF</Color>

<!-- Inverse inactive background color -->
<Color x:Key="PhoneInverseInactiveColor">#FFE5E5E5</Color>

<!-- Inverse background color -->
<Color x:Key="PhoneInverseBackgroundColor">#FFDDDDDD</Color>


<!-- System chrome color -->
<Color x:Key="PhoneChromeColor">#FFDDDDDD</Color>

<!-- Green -->
<Color x:Key="PhoneAccentColor">#FF339933</Color>

<SolidColorBrush x:Key="PhoneForegroundBrush" Color="{StaticResource PhoneForegroundColor}"/>
<SolidColorBrush x:Key="PhoneBackgroundBrush" Color="{StaticResource PhoneBackgroundColor}"/>

<SolidColorBrush x:Key="PhoneContrastForegroundBrush" Color="{StaticResource PhoneContrastForegroundColor}"/>
<SolidColorBrush x:Key="PhoneContrastBackgroundBrush" Color="{StaticResource PhoneContrastBackgroundColor}"/>

<SolidColorBrush x:Key="PhoneTextCaretBrush" Color="{StaticResource PhoneTextCaretColor}"/>

<SolidColorBrush x:Key="PhoneInactiveBrush" Color="{StaticResource PhoneInactiveColor}"/>

<SolidColorBrush x:Key="PhoneTextBoxBrush" Color="{StaticResource PhoneTextBoxColor}"/>

<SolidColorBrush x:Key="PhoneBorderBrush" Color="{StaticResource PhoneBorderColor}"/>

<SolidColorBrush x:Key="PhoneDisabledBrush" Color="{StaticResource PhoneDisabledColor}"/>

<SolidColorBrush x:Key="PhoneSubtleBrush" Color="{StaticResource PhoneSubtleColor}"/>

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

<SolidColorBrush x:Key="PhoneSemitransparentBrush" Color="{StaticResource PhoneSemitransparentColor}"/>

<SolidColorBrush x:Key="PhoneInverseInactiveBrush" Color="{StaticResource PhoneInverseInactiveColor}"/>

<SolidColorBrush x:Key="PhoneInverseBackgroundBrush" Color="{StaticResource PhoneInverseBackgroundColor}"/>

<SolidColorBrush x:Key="PhoneChromeBrush" Color="{StaticResource PhoneChromeColor}"/>

<SolidColorBrush x:Key="PhoneAccentBrush" Color="{StaticResource PhoneAccentColor}"/>

<!-- Touch Target area -->
<Thickness x:Key="PhoneTouchTargetOverhang">12</Thickness>

<!-- Touch Target area for CheckBox / RadioButton -->
<Thickness x:Key="PhoneTouchTargetLargeOverhang">12,20</Thickness>

<!-- Default margins for non-touch items -->
<Thickness x:Key="PhoneHorizontalMargin">12,0</Thickness>
<Thickness x:Key="PhoneVerticalMargin">0,12</Thickness>
<Thickness x:Key="PhoneMargin">12</Thickness>

<!-- Default border size-->
<Thickness x:Key="PhoneBorderThickness">3</Thickness>

<!-- Default stroke for RadioButton -->
<System:Double x:Key="PhoneStrokeThickness">3</System:Double>

<!-- Font names -->
<FontFamily x:Key="PhoneFontFamilyNormal">Segoe WP</FontFamily>
<FontFamily x:Key="PhoneFontFamilyLight">Segoe WP Light</FontFamily>
<FontFamily x:Key="PhoneFontFamilySemiLight">Segoe WP SemiLight</FontFamily>
<FontFamily x:Key="PhoneFontFamilySemiBold">Segoe WP Semibold</FontFamily>

<!-- Font sizes -->

<!--14pt-->
<System:Double x:Key="PhoneFontSizeSmall">18.667</System:Double>
<!--15pt-->
<System:Double x:Key="PhoneFontSizeNormal">20</System:Double>
<!--17pt-->
<System:Double x:Key="PhoneFontSizeMedium">22.667</System:Double>
<!--19pt-->
<System:Double x:Key="PhoneFontSizeMediumLarge">25.333</System:Double>
<!--24pt-->
<System:Double x:Key="PhoneFontSizeLarge">32</System:Double>
<!--32pt-->
<System:Double x:Key="PhoneFontSizeExtraLarge">42.667</System:Double>
<!--54pt-->
<System:Double x:Key="PhoneFontSizeExtraExtraLarge">72</System:Double>

<!-- TextBlock styles -->

<Style x:Key="PhoneTextBlockBase" TargetType="TextBlock">
  <Setter Property="FontFamily" Value="{StaticResource PhoneFontFamilyNormal}"/>
  <Setter Property="FontSize" Value="{StaticResource PhoneFontSizeNormal}"/>
  <Setter Property="Foreground" Value="{StaticResource PhoneForegroundBrush}"/>
  <Setter Property="Margin" Value="{StaticResource PhoneHorizontalMargin}"/>
</Style>

<Style x:Key="PhoneTextNormalStyle" TargetType="TextBlock" BasedOn="{StaticResource PhoneTextBlockBase}" />
  
<Style x:Key="PhoneTextSubtleStyle" TargetType="TextBlock" BasedOn="{StaticResource PhoneTextBlockBase}">
  <Setter Property="Foreground" Value="{StaticResource PhoneSubtleBrush}"/>
</Style>

<Style x:Key="PhoneTextTitle1Style" TargetType="TextBlock" BasedOn="{StaticResource PhoneTextBlockBase}">
  <Setter Property="FontFamily" Value="{StaticResource PhoneFontFamilySemiLight}"/>
  <Setter Property="FontSize" Value="{StaticResource PhoneFontSizeExtraExtraLarge}"/>
</Style>

<Style x:Key="PhoneTextTitle2Style" TargetType="TextBlock" BasedOn="{StaticResource PhoneTextBlockBase}">
  <Setter Property="FontFamily" Value="{StaticResource PhoneFontFamilySemiLight}"/>
  <Setter Property="FontSize" Value="{StaticResource PhoneFontSizeLarge}"/>
</Style>

<Style x:Key="PhoneTextTitle3Style" TargetType="TextBlock" BasedOn="{StaticResource PhoneTextBlockBase}">
  <Setter Property="FontFamily" Value="{StaticResource PhoneFontFamilySemiLight}"/>
  <Setter Property="FontSize" Value="{StaticResource PhoneFontSizeMedium}"/>
</Style>

<Style x:Key="PhoneTextExtraLargeStyle" TargetType="TextBlock" BasedOn="{StaticResource PhoneTextBlockBase}">
  <Setter Property="FontFamily" Value="{StaticResource PhoneFontFamilySemiLight}"/>
  <Setter Property="FontSize" Value="{StaticResource PhoneFontSizeExtraLarge}"/>
</Style>

<Style x:Key="PhoneTextGroupHeaderStyle" TargetType="TextBlock" BasedOn="{StaticResource PhoneTextBlockBase}">
  <Setter Property="FontFamily" Value="{StaticResource PhoneFontFamilySemiLight}"/>
  <Setter Property="FontSize" Value="{StaticResource PhoneFontSizeLarge}"/>
  <Setter Property="Foreground" Value="{StaticResource PhoneSubtleBrush}"/>
</Style>

<Style x:Key="PhoneTextLargeStyle" TargetType="TextBlock" BasedOn="{StaticResource PhoneTextBlockBase}">
  <Setter Property="FontFamily" Value="{StaticResource PhoneFontFamilySemiLight}"/>
  <Setter Property="FontSize" Value="{StaticResource PhoneFontSizeLarge}"/>
</Style>

<Style x:Key="PhoneTextSmallStyle" TargetType="TextBlock" BasedOn="{StaticResource PhoneTextBlockBase}">
  <Setter Property="FontSize" Value="{StaticResource PhoneFontSizeSmall}"/>
  <Setter Property="Foreground" Value="{StaticResource PhoneSubtleBrush}"/>
</Style>

<Style x:Key="PhoneTextContrastStyle" TargetType="TextBlock" BasedOn="{StaticResource PhoneTextBlockBase}">
  <Setter Property="FontFamily" Value="{StaticResource PhoneFontFamilySemiBold}"/>
  <Setter Property="Foreground" Value="{StaticResource PhoneContrastForegroundBrush}"/>
</Style>

<Style x:Key="PhoneTextAccentStyle" TargetType="TextBlock" BasedOn="{StaticResource PhoneTextBlockBase}">
  <Setter Property="FontFamily" Value="{StaticResource PhoneFontFamilySemiBold}"/>
  <Setter Property="Foreground" Value="{StaticResource PhoneAccentBrush}"/>
</Style>

  </ResourceDictionary>
The Following User Says Thank You to daniel-t For This Useful Post: [ View ]
20th January 2012, 12:22 AM   |  #22  
voluptuary's Avatar
OP Senior Member
Flag Mukwonago
Thanks Meter: 745
 
941 posts
Join Date:Joined: Dec 2010
Donate to Me
More
Quote:
Originally Posted by daniel-t

Below is the contents of one of these Theme Resource XAML files...

OK, I can't seem to get this to work. I had thought that was the file I needed to edit but after editing it and then putting it in the Windows directory I still can't get it to work with 3rd party apps. I must be missing something. I assume the important part of the file as far as accents is concerned is:

Code:
<!-- Gray -->
<Color x:Key="PhoneAccentColor">#FF333333</Color>
This is what I edited it to for the Gray accent. I then named the file 0004_ThemeResources.xaml since 'Gray' is #4 for my accent pack, put it in Windows, but I see no change. Any extra input would be great. I'm going to take a look at the xamlbin file too perhaps I need to edit and add that as well.

EDIT: Well I edited 0004_ThemeResources.xamlbin as well and still no luck. So untill I get some more info on this whole thing I'm going to put this part on hold.
Last edited by voluptuary; 20th January 2012 at 12:58 AM.
20th January 2012, 12:25 AM   |  #23  
Senior Member
Thanks Meter: 237
 
1,341 posts
Join Date:Joined: Aug 2007
Donate to Me
More
i see light, dark and blood in the theme selection, but i do not see a "darker" option
20th January 2012, 12:55 AM   |  #24  
voluptuary's Avatar
OP Senior Member
Flag Mukwonago
Thanks Meter: 745
 
941 posts
Join Date:Joined: Dec 2010
Donate to Me
More
Quote:
Originally Posted by svtfmook

i see light, dark and blood in the theme selection, but i do not see a "darker" option

Try going back into the Diagnosis app and re-applying 'Darker Theme'
20th January 2012, 04:27 AM   |  #25  
voluptuary's Avatar
OP Senior Member
Flag Mukwonago
Thanks Meter: 745
 
941 posts
Join Date:Joined: Dec 2010
Donate to Me
More
I wasn't happy with the 'Blood' theme I posted earlier so I re-did it. I think it is much improved now and it pairs very well with 'Zebra'. Enjoy.
Last edited by voluptuary; 20th January 2012 at 04:29 AM.
20th January 2012, 09:29 AM   |  #26  
koolaid359's Avatar
Senior Member
Flag Dallas, Texas
Thanks Meter: 1
 
125 posts
Join Date:Joined: Dec 2007
More
not working for me
so, i tried it out and its not working for me, i actually have to hardreset my phone beacuse none of the app on my phone will open. i am not sure if it has to do with the fact that i already messed with the reg for my themes before or if i did something else wrong... good thing i had my phone backed up! lol
20th January 2012, 10:20 AM   |  #27  
poloche's Avatar
Senior Member
Thanks Meter: 182
 
368 posts
Join Date:Joined: Jul 2009
Donate to Me
More
Quote:
Originally Posted by voluptuary

OK, I can't seem to get this to work. I had thought that was the file I needed to edit but after editing it and then putting it in the Windows directory I still can't get it to work with 3rd party apps. I must be missing something. I assume the important part of the file as far as accents is concerned is:

Code:
<!-- Gray -->
<Color x:Key="PhoneAccentColor">#FF333333</Color>
This is what I edited it to for the Gray accent. I then named the file 0004_ThemeResources.xaml since 'Gray' is #4 for my accent pack, put it in Windows, but I see no change. Any extra input would be great. I'm going to take a look at the xamlbin file too perhaps I need to edit and add that as well.

EDIT: Well I edited 0004_ThemeResources.xamlbin as well and still no luck. So untill I get some more info on this whole thing I'm going to put this part on hold.

There are both files XAML (download here) !!!
One for Dark theme and one for light theme !

So , you must edit and rename the files as for example :

- 01XX_ThemeResources.xaml for dark theme
- 00XX_ThemeResources.xaml for light theme

XX = color code (in your case : 04)

... and place both files in \Windows folder

!!! Don't touch/edit any other files !!!!
Last edited by poloche; 20th January 2012 at 10:25 AM.
The Following User Says Thank You to poloche For This Useful Post: [ View ]
20th January 2012, 02:39 PM   |  #28  
Member
Thanks Meter: 3
 
73 posts
Join Date:Joined: Mar 2010
There are actually Light and Dark themes for each accent colour.

0000_ThemeResources.xaml -|- 0100_ThemeResources.xaml
0001_ThemeResources.xaml -|- 0101_ThemeResources.xaml
0002_ThemeResources.xaml -|- 0102_ThemeResources.xaml
0003_ThemeResources.xaml -|- 0103_ThemeResources.xaml
0004_ThemeResources.xaml -|- 0104_ThemeResources.xaml
0005_ThemeResources.xaml -|- 0105_ThemeResources.xaml
0006_ThemeResources.xaml -|- 0106_ThemeResources.xaml
0007_ThemeResources.xaml -|- 0107_ThemeResources.xaml
0008_ThemeResources.xaml -|- 0108_ThemeResources.xaml
0009_ThemeResources.xaml -|- 0109_ThemeResources.xaml
0010_ThemeResources.xaml -|- 0110_ThemeResources.xaml

There are also System.Windows.xaml files, which are control templates, but you shouldn't have to edit those, just make sure there is one with the same number like 0107_System.Windows.xaml

As long as the third party app has not bypassed these files to re-style its UI, then it should work.
The Following User Says Thank You to daniel-t For This Useful Post: [ View ]
20th January 2012, 04:21 PM   |  #29  
voluptuary's Avatar
OP Senior Member
Flag Mukwonago
Thanks Meter: 745
 
941 posts
Join Date:Joined: Dec 2010
Donate to Me
More
Quote:
Originally Posted by koolaid359

so, i tried it out and its not working for me, i actually have to hardreset my phone beacuse none of the app on my phone will open. i am not sure if it has to do with the fact that i already messed with the reg for my themes before or if i did something else wrong... good thing i had my phone backed up! lol

I just helped someone else with this, we determined that the color values they used were bad, as in they messed up converting HEX to Integer. That is probably what happened.
The Following User Says Thank You to voluptuary For This Useful Post: [ View ]
20th January 2012, 05:23 PM   |  #30  
voluptuary's Avatar
OP Senior Member
Flag Mukwonago
Thanks Meter: 745
 
941 posts
Join Date:Joined: Dec 2010
Donate to Me
More
A fix for accent colors in 3rd party apps is now included in 'Extra Accents' please see first post for details.

Thanks to daniel-t & poloche.

Post Reply Subscribe to Thread

Tags
accent, colors, custom, samsung, theme
Previous Thread Next Thread
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes