Eleven: Add a lot of the styling/colors to the Eleven app

There is still quite a few pieces missing like menu, the music
player section, and tweaking of margins and removing of the action
bar, but this change was getting so large I wanted to get this in
first

Change-Id: I3dfa7aff97810b80187eba41435f43edee828213

3 files changed, 138 insertions, 15 deletions

diff --git a/res/values/colors.xml b/res/values/colors.xml
index dc994ce..ee6fd2f 100644
--- a/res/values/colors.xml
+++ b/res/values/colors.xml
@@ -15,6 +15,9 @@
  -->
 <resources>
 
+    <!-- light color -->
+    <color name="background_color">#ffe4e9ed</color>
+
     <!-- See through -->
     <color name="transparent">#00000000</color>
 
@@ -24,15 +27,15 @@
     <!-- White -->
     <color name="white">#ffffffff</color>
 
+    <!-- Standard Text Color -->
+    <color name="default_text_color">#cc231f20</color>
+
     <!-- Transparent black -->
     <color name="transparent_black">#99000000</color>
 
     <!-- Transparent white -->
     <color name="transparent_white">#ffcccccc</color>
 
-    <!-- Dark transparent color -->
-    <color name="list_item_background">#c1000000</color>
-
     <!-- A darkish color used for the action bar -->
     <color name="action_bar_color">#ff0d0d0d</color>
 
@@ -57,10 +60,29 @@
     <!-- A dark Holo shade of orange -->
     <color name="holo_orange_dark">#ffff8800</color>
 
-    <!-- Color for the header action bar -->
-    <color name="header_action_bar_color">#ff444444</color>
+    <!-- Color for the action bar -->
+    <color name="header_action_bar_color">#ff31353f</color>
+    <color name="header_action_bar_text_color">@color/white</color>
+    <color name="bottom_action_bar_text_color">@color/white</color>
+
+
+    <!-- Color for the audio player fragment text -->
+    <color name="audio_player_text_color">@color/default_text_color</color>
+
+    <!-- Color for the pop up menu -->
+    <color name="menu_divider_color">#4ca19d9e</color>
+    <color name="menu_text_color">@color/white</color>
+
+    <!-- List view related colors -->
+    <color name="list_item_background">#4ce4e9ed</color>
+    <color name="list_item_header_text_color">#ff3d4049</color>
+    <color name="list_item_text_color">@color/default_text_color</color>
+    <color name="list_item_divider_color">#4c231f20</color>
+
+    <!-- Top title page colors -->
+    <color name="tpi_background_color">#fff4f4f4</color>
+    <color name="tpi_text_color">#bf3d4049</color>
+    <color name="tpi_selected_text_color">#bf3d4049</color>
 
-    <!-- Color for backgrounds of panels -->
-    <color name="panel_background_color">#ff000000</color>
 
 </resources>
diff --git a/res/values/dimens.xml b/res/values/dimens.xml
index e412595..9eb4cb0 100644
--- a/res/values/dimens.xml
+++ b/res/values/dimens.xml
@@ -26,6 +26,15 @@
 
     <!-- List and grid view padding -->
     <dimen name="list_preferred_item_padding">10.0dip</dimen>
+    <dimen name="list_menu_item_padding_right">2.0dip</dimen>
+    <dimen name="list_item_menu_button_width">24.0dip</dimen>
+    <dimen name="list_item_menu_button_height">30.0dip</dimen>
+    <dimen name="list_item_padding_top">10.0dip</dimen>
+    <dimen name="list_item_padding_bottom">10.0dip</dimen>
+    <dimen name="list_item_header_size">16.0sp</dimen>
+    <dimen name="list_item_main_text_size">14.0sp</dimen>
+    <dimen name="list_item_secondary_text_size">12.0sp</dimen>
+
     <!-- List view fast scroll padding left -->
     <dimen name="fast_scroll_padding_left">8.0dip</dimen>
     <!-- List view fast scroll padding right -->
@@ -39,7 +48,9 @@
     <!-- Left padding in the grid text -->
     <dimen name="grid_item_padding_left">8.0dip</dimen>
     <!-- Grid and list item normal height -->
-    <dimen name="item_normal_height">64.0dip</dimen>
+    <dimen name="item_normal_height">70.0dip</dimen>
+    <dimen name="list_item_image_height">50.0dip</dimen>
+    <dimen name="list_item_image_width">50.0dip</dimen>
 
     <!-- Bottom Action Bar -->
     <dimen name="bottom_action_bar_height">48.0dip</dimen>
@@ -123,12 +134,17 @@
     <dimen name="sliding_panel_indicator_height">25.0dip</dimen>
 
     <!-- Header Bar -->
-    <dimen name="header_bar_up_width">40.0dip</dimen>
-    <dimen name="header_bar_up_height">40.0dip</dimen>
-    <dimen name="header_bar_up_padding">8.0dip</dimen>
-    <dimen name="header_bar_menu_button_width">50.0dip</dimen>
+    <dimen name="header_bar_up_width">50.0dip</dimen>
+    <dimen name="header_bar_up_height">50.0dip</dimen>
+    <dimen name="header_bar_menu_button_width">30.0dip</dimen>
     <dimen name="header_bar_menu_button_height">50.0dip</dimen>
 
+    <!-- Title Page Indicator Settings -->
+    <dimen name="tpi_height">50dp</dimen>
+    <dimen name="tpi_footer_line_height">0dp</dimen>
+    <dimen name="tpi_footer_indicator_height">6dp</dimen>
+    <dimen name="tpi_text_size">16sp</dimen>
+
     <dimen name="songlist_control_button_width">50.0dip</dimen>
     <dimen name="songlist_control_button_height">50.0dip</dimen>
 </resources>
diff --git a/res/values/styles.xml b/res/values/styles.xml
index 7160dee..95a1307 100644
--- a/res/values/styles.xml
+++ b/res/values/styles.xml
@@ -16,14 +16,98 @@
 <resources xmlns:android="http://schemas.android.com/apk/res/android">
 
     <!-- Main Holo -->
-    <style name="Eleven.Theme" parent="@android:style/Theme.DeviceDefault">
+    <style name="Eleven.Theme" parent="@android:style/Theme.Holo.Light">
         <item name="android:windowContentOverlay">@null</item>
-    </style>
-
+        <item name="android:popupMenuStyle">@style/PopupMenu</item>
+        <item name="android:dropDownListViewStyle">@style/DropDownListView</item>
+        <item name="android:textAppearanceSmallPopupMenu">@style/SmallPopupMenu</item>
+        <item name="android:textAppearanceLargePopupMenu">@style/LargePopupMenu</item>
+        <item name="android:listViewStyle">@style/ListView</item>
+        <item name="android:actionBarStyle">@style/ActionBar</item>
+        <item name="android:actionOverflowButtonStyle">@style/ActionOverFlowButton</item>
+        <!-- this guy is too large - need to get a smaller one -->
+        <!--item name="android:homeAsUpIndicator">@drawable/back_arrow</item-->
+    </style>
+
+    <!-- Make the action bar not take up space - I will remove action bar this upcoming week -->
     <style name="Eleven.Theme.ActionBar.Overlay" parent="@style/Eleven.Theme">
         <item name="android:windowActionBarOverlay">true</item>
     </style>
 
+    <!-- Set the default list view divider color and size -->
+    <style name="ListView" parent="@android:style/Widget.Holo.ListView">
+        <item name="android:divider">@color/list_item_divider_color</item>
+        <item name="android:dividerHeight">1dp</item>
+    </style>
+
+    <!-- Sets up the pop up menu backgroudn resource -->
+    <style name="PopupMenu" parent="@android:style/Widget.Holo.PopupMenu">
+        <item name="android:popupBackground">@drawable/menu_background</item>
+    </style>
+
+    <!-- Sets up the pop up menu divider color and height -->
+    <style name="DropDownListView" parent="@android:style/Widget.Holo.ListView.DropDown">
+        <item name="android:divider">@color/menu_divider_color</item>
+        <item name="android:dividerHeight">1dp</item>
+    </style>
+
+    <!-- Sets up the pop up menu text color and size -->
+    <style name="SmallPopupMenu" parent="@android:style/TextAppearance.Widget.PopupMenu.Small">
+        <item name="android:textColor">@color/menu_text_color</item>
+        <item name="android:textSize">@dimen/text_size_medium</item>
+    </style>
+
+    <!-- Sets up the pop up menu text color and size -->
+    <style name="LargePopupMenu" parent="@android:style/TextAppearance.Widget.PopupMenu.Large">
+        <item name="android:textColor">@color/menu_text_color</item>
+        <item name="android:textSize">@dimen/text_size_medium</item>
+    </style>
+
+    <!-- Sets the action bar title text style -->
+    <style name="ActionBar" parent="@android:style/Widget.Holo.Light.ActionBar">
+        <item name="android:titleTextStyle">@style/ActionBar.TitleText</item>
+        <item name="android:subtitleTextStyle">@style/ActionBar.SubtitleText</item>
+        <item name="android:background">@color/header_action_bar_color</item>
+    </style>
+
+    <!-- Sets the action bar title text color -->
+    <style name="ActionBar.TitleText" parent="@android:style/TextAppearance.Holo.Widget.ActionBar.Title">
+        <item name="android:textColor">@color/header_action_bar_text_color</item>
+    </style>
+
+    <style name="ActionBar.SubtitleText" parent="@android:style/TextAppearance.Holo.Widget.ActionBar.Subtitle">
+        <item name="android:textColor">@color/header_action_bar_text_color</item>
+    </style>
+
+    <!-- Sets the action bar menu icon -->
+    <style name="ActionOverFlowButton" parent="@android:style/Widget.Holo.ActionButton.Overflow">
+        <item name="android:src">@drawable/menu_button_light</item>
+    </style>
+
+    <!-- The list item main text style/color -->
+    <style name="ListItemMainText">
+        <item name="android:textColor">@color/list_item_text_color</item>
+        <item name="android:textSize">@dimen/list_item_main_text_size</item>
+        <item name="android:textStyle">bold</item>
+        <item name="android:singleLine">true</item>
+        <item name="android:ellipsize">end</item>
+    </style>
+
+    <style name="ListItemMainText.Single" parent="ListItemMainText">
+        <item name="android:singleLine">true</item>
+    </style>
+
+    <!-- The list item secondary text style/color -->
+    <style name="ListItemSecondaryText">
+        <item name="android:textColor">@color/list_item_text_color</item>
+        <item name="android:textSize">@dimen/list_item_secondary_text_size</item>
+        <item name="android:ellipsize">end</item>
+    </style>
+
+    <style name="ListItemSecondaryText.Single" parent="ListItemSecondaryText">
+        <item name="android:singleLine">true</item>
+    </style>
+
     <!-- Shortcut Activity theme -->
     <style name="Theme.Transparent" parent="@android:style/Theme.Holo.NoActionBar">
         <item name="android:windowIsTranslucent">true</item>
@@ -82,6 +166,7 @@
         <item name="android:gravity">top|left|center</item>
         <item name="android:singleLine">true</item>
         <item name="android:textAllCaps">true</item>
+        <item name="android:textColor">@color/bottom_action_bar_text_color</item>
         <item name="android:textSize">@dimen/text_size_extra_micro</item>
     </style>