Attend XDA's Second Annual Developer Conference, XDA:DevCon 2014!
5,731,300 Members 53,350 Now Online
XDA Developers Android and Mobile Development Forum

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

Tip us?
 
daniel-t
Old
#21  
Member
Thanks Meter 3
Posts: 73
Join Date: 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: [ Click to Expand ]
 
voluptuary
Old
(Last edited by voluptuary; 20th January 2012 at 12:58 AM.)
#22  
voluptuary's Avatar
Senior Member - OP
Thanks Meter 738
Posts: 939
Join Date: Dec 2010
Location: Mukwonago

 
DONATE TO ME
Quote:
Originally Posted by daniel-t View Post
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.
 
svtfmook
Old
#23  
Senior Member
Thanks Meter 230
Posts: 1,304
Join Date: Aug 2007

 
DONATE TO ME
i see light, dark and blood in the theme selection, but i do not see a "darker" option
 
voluptuary
Old
#24  
voluptuary's Avatar
Senior Member - OP
Thanks Meter 738
Posts: 939
Join Date: Dec 2010
Location: Mukwonago

 
DONATE TO ME
Quote:
Originally Posted by svtfmook View Post
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'
 
voluptuary
Old
(Last edited by voluptuary; 20th January 2012 at 04:29 AM.)
#25  
voluptuary's Avatar
Senior Member - OP
Thanks Meter 738
Posts: 939
Join Date: Dec 2010
Location: Mukwonago

 
DONATE TO ME
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.
 
koolaid359
Old
#26  
koolaid359's Avatar
Senior Member
Thanks Meter 0
Posts: 125
Join Date: Dec 2007
Location: Dallas, Texas
Default 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
Current Phones: Samsung Focus

Previous Phones: HTC Surround
HTC Tilt 2
HTC Fuze
HTC Wizard
HTC Tilt
 
poloche
Old
(Last edited by poloche; 20th January 2012 at 10:25 AM.)
#27  
poloche's Avatar
Senior Member
Thanks Meter 182
Posts: 368
Join Date: Jul 2009

 
DONATE TO ME
Quote:
Originally Posted by voluptuary View Post
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 !!!!
Samsung Omnia 7 ---{ WP7.8 SE 8858 }--- || ---{ [i]WP8.10 SE 12359/i] }--- Samsung Ativ S InterOP-Unlock
... What'Hel$e ???


The Following User Says Thank You to poloche For This Useful Post: [ Click to Expand ]
 
daniel-t
Old
#28  
Member
Thanks Meter 3
Posts: 73
Join Date: 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: [ Click to Expand ]
 
voluptuary
Old
#29  
voluptuary's Avatar
Senior Member - OP
Thanks Meter 738
Posts: 939
Join Date: Dec 2010
Location: Mukwonago

 
DONATE TO ME
Quote:
Originally Posted by koolaid359 View Post
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: [ Click to Expand ]
 
voluptuary
Old
#30  
voluptuary's Avatar
Senior Member - OP
Thanks Meter 738
Posts: 939
Join Date: Dec 2010
Location: Mukwonago

 
DONATE TO ME
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.

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

Advanced Search
Display Modes