[WIP] Material Snapchat

theme/src/main/assets/overlays/com.snapchat.android/TODO.md

@@ -0,0 +1,11 @@
+# To do
+#### and also stuff to fix. :p
+
+##### Bugs
+1. Needs better icons / consistency in icons
+2. Decide on a consistent color scheme with a yellow that doesn't burn my eyes
+3. Some buttons have dimension problems
+4. The main screen has some dimen issues and coloring/shade issues
+
+
+###### WIP

theme/src/main/assets/overlays/com.snapchat.android/res/drawable/menu_item_pressed.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<ripple xmlns:android="http://schemas.android.com/apk/res/android"
+    android:color="@android:color/white">
+    <item android:drawable="@android:color/white" />
+
+    <ripple android:color="@android:color/white">
+        <item android:drawable="@drawable/snapchat_yellow_button_pressed" />
+    </ripple>
+</ripple>

theme/src/main/assets/overlays/com.snapchat.android/res/drawable/snapchat_yellow_button_pressed.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<ripple xmlns:android="http://schemas.android.com/apk/res/android"
+    android:color="@color/colorPrimaryDark">
+    <item android:id="@android:id/mask" android:drawable="@color/colorPrimary" />
+
+</ripple>

theme/src/main/assets/overlays/com.snapchat.android/res/drawable/splash_background.xml

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android"
+    android:opacity="opaque">
+    <item android:drawable="@android:color/white" />
+    <item android:bottom="@dimen/launch_screen_logo_bottom">
+        <bitmap
+            android:gravity="center"
+            android:src="@drawable/aa_splash_ghost" />
+    </item>
+    <item android:bottom="@dimen/launch_screen_text_bottom">
+        <bitmap
+            android:gravity="bottom|center_horizontal"
+            android:src="@drawable/aa_snapchat_text_logo" />
+    </item>
+</layer-list>

theme/src/main/assets/overlays/com.snapchat.android/res/values-v21/styles.xml

@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <style name="SnapchatTheme" parent="@android:style/Theme.Material.Light.NoActionBar">
+        <item name="android:windowBackground">@drawable/splash_background</item>
+         <item name="android:windowDrawsSystemBarBackgrounds">false</item>
+        <item name="android:statusBarColor">@color/colorPrimaryDark</item>
+        <item name="android:colorPrimary">@color/colorPrimary</item>
+        <item name="android:colorPrimaryDark">@color/colorPrimaryDark</item>
+        <item name="android:colorAccent">@color/colorAccent</item>
+        <item name="android:windowContentOverlay">@null</item>
+    </style>
+
+    <style name="SpinnerLightCustom" parent="@android:style/Widget.Material.Light.Spinner">
+
+    </style>
+
+    <style name="Theme.Dialog.Alert" parent="@android:style/Theme.Material.Dialog">
+        <item name="android:windowBackground">@android:color/transparent</item>
+        <item name="android:windowContentOverlay">@null</item>
+    </style>
+
+    <style name="TopPanelIncludingStatusBarHeight">
+        <item name="android:background">#33000000</item>
+                <item name="android:statusBarColor">@color/colorPrimaryDark</item>
+        <item name="android:colorPrimary">@color/colorPrimary</item>
+        <item name="android:colorPrimaryDark">@color/colorPrimaryDark</item>
+        <item name="android:colorAccent">@color/colorAccent</item>
+    </style>    
+
+     <style name="Theme.IAPTheme" parent="@android:style/Theme.Material.Light">
+        <item name="android:windowBackground">@android:color/transparent</item>
+        <item name="android:windowNoTitle">true</item>
+        <item name="android:windowIsFloating">true</item>
+        <item name="android:windowIsTranslucent">false</item>
+        <item name="android:windowContentOverlay">@null</item>
+        <item name="android:backgroundDimEnabled">false</item>
+        <item name="android:statusBarColor">@color/colorPrimaryDark</item>
+        <item name="android:colorPrimary">@color/colorPrimary</item>
+        <item name="android:colorPrimaryDark">@color/colorPrimaryDark</item>
+        <item name="android:colorAccent">@color/colorAccent</item>
+    </style>
+
+    <style name="ActionBar" parent="@android:style/Theme.Material.Light">
+        <item name="android:background">@color/colorPrimary</item>
+        <item name="android:clickable">true</item>
+        <item name="android:layout_width">fill_parent</item>
+        <item name="android:layout_height">@dimen/action_bar_height</item>
+        <item name="android:elevation">2.0dip</item>
+        <item name="android:statusBarColor">@color/colorPrimaryDark</item>
+        <item name="android:colorPrimary">@color/colorPrimary</item>
+        <item name="android:colorPrimaryDark">@color/colorPrimaryDark</item>
+        <item name="android:colorAccent">@color/colorAccent</item>        
+    </style>    
+
+     <style name="BottomPanel">
+        <item name="android:layout_height">56.0dip</item>
+        <item name="android:elevation">2.0dip</item>
+    </style>   
+
+    <style name="noAnimationTheme" parent="@android:style/Theme.Black.NoTitleBar.Fullscreen">
+        <item name="android:windowAnimationStyle">@null</item>
+        <item name="android:statusBarColor">@color/colorPrimaryDark</item>
+        <item name="android:colorPrimary">@color/colorPrimary</item>
+        <item name="android:colorPrimaryDark">@color/colorPrimaryDark</item>
+        <item name="android:colorAccent">@color/colorAccent</item>        
+    </style>    
+
+</resources>

theme/src/main/assets/overlays/com.snapchat.android/res/values/colors.xml

@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <!-- Hex transparency cheatsheet. -->
+    <!--
+    100% — FF
+    95% — F2
+    90% — E6
+    85% — D9
+    80% — CC
+    75% — BF
+    70% — B3
+    65% — A6
+    60% — 99
+    55% — 8C
+    50% — 80
+    45% — 73
+    40% — 66
+    35% — 59
+    30% — 4D
+    25% — 40
+    20% — 33
+    15% — 26
+    10% — 1A
+    5% — 0D
+    0% — 00
+    -->
+    <color name="colorPrimary">#FF242830</color>
+    <color name="colorPrimaryDark">#FFFAFAFA</color>
+    <color name="colorAccent">#FF00ADB5</color>
+     <color name="green">#FF00ADB5</color>
+     <color name="blue">#ff272829</color>
+     <color name="purple">#ff6a1b9a</color>
+     <color name="status_bar_default_background">#ff00ADB5</color>
+    <color name="status_bar_red_background">#ffe45e58</color>
+    <color name="divider_grey">#10000000</color>
+    <color name="feed_cell_grey">#33f2f2f2</color>
+    <color name="feed_divider_color">#33f7f8f9</color>
+    <color name="feed_primary_text_color">#ff505050</color>
+    <color name="feed_secondary_text_color">#ff707070</color>
+     <color name="header_divider">#10000000</color>
+     <color name="white">#FFFAFAFA</color>
+     <color name="chat_v2_background_gray_color">#fffafafa</color>
+
+</resources>

theme/src/main/assets/overlays/com.snapchat.android/res/values/dimens.xml

@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <dimen name="action_bar_button_size_with_padding">56.0dip</dimen>
+    <dimen name="action_bar_height">56.0dip</dimen>
+    <dimen name="chat_edit_bar_height">56.0dip</dimen>
+    <dimen name="deep_link_add_friend_snapcode_container_width_height">256.0dip</dimen>
+    <dimen name="default_gap_6x">56.0dip</dimen>
+    <dimen name="discover_video_player_height">56.0dip</dimen>
+    <dimen name="incoming_button_margin">56.0dip</dimen>
+    <dimen name="loading_screen_horizontal_margin">56.0dip</dimen>
+    <dimen name="my_story_swipe_info_height">56.0dip</dimen>
+    <dimen name="my_story_viewer_container_height">56.0dip</dimen>
+    <dimen name="notification_bar_height">56.0dip</dimen>
+    <dimen name="profile_button_size">56.0dip</dimen>
+    <dimen name="registration_continue_button_height">56.0dip</dimen>
+    <dimen name="send_to_cell_min_height">56.0dip</dimen>
+    <dimen name="stories_search_bar_margin_right">56.0dip</dimen>
+    <dimen name="story_reply_view_caption_min_height">56.0dip</dimen>
+    <dimen name="title_with_back_button_margin">56.0dip</dimen>
+    <dimen name="video_player_height">56.0dip</dimen>
+ <dimen name="default_gap">16.0dip</dimen>
+ <dimen name="default_gap_2x">16.0dip</dimen>
+     <dimen name="feed_cell_height">72.0dip</dimen>
+    <dimen name="feed_cell_primary_text_size">16.0sp</dimen>
+    <dimen name="feed_cell_secondary_text_size">12.0sp</dimen>
+
+        <dimen name="launch_screen_logo_bottom">16.0dip</dimen>
+    <dimen name="launch_screen_text_bottom">48.0dip</dimen>
+</resources>

theme/src/main/assets/overlays/com.snapchat.android/res/values/styles.xml

@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <style name="SnapchatTheme" parent="@android:style/Theme.Material.Light.NoActionBar">
+        <item name="android:windowBackground">@drawable/splash_background</item>
+         <item name="android:windowDrawsSystemBarBackgrounds">false</item>
+        <item name="android:statusBarColor">@color/colorPrimaryDark</item>
+        <item name="android:colorPrimary">@color/colorPrimary</item>
+        <item name="android:colorPrimaryDark">@color/colorPrimaryDark</item>
+        <item name="android:colorAccent">@color/colorAccent</item>
+        <item name="android:windowContentOverlay">@null</item>
+    </style>
+
+    <style name="SpinnerLightCustom" parent="@android:style/Widget.Material.Light.Spinner">
+
+    </style>
+
+    <style name="Theme.Dialog.Alert" parent="@android:style/Theme.Material.Dialog">
+        <item name="android:windowBackground">@android:color/transparent</item>
+        <item name="android:windowContentOverlay">@null</item>
+    </style>
+
+    <style name="TopPanelIncludingStatusBarHeight">
+        <item name="android:background">#33000000</item>
+                <item name="android:statusBarColor">@color/colorPrimaryDark</item>
+        <item name="android:colorPrimary">@color/colorPrimary</item>
+        <item name="android:colorPrimaryDark">@color/colorPrimaryDark</item>
+        <item name="android:colorAccent">@color/colorAccent</item>
+    </style>    
+
+     <style name="Theme.IAPTheme" parent="@android:style/Theme.Material.Light">
+        <item name="android:windowBackground">@android:color/transparent</item>
+        <item name="android:windowNoTitle">true</item>
+        <item name="android:windowIsFloating">true</item>
+        <item name="android:windowIsTranslucent">false</item>
+        <item name="android:windowContentOverlay">@null</item>
+        <item name="android:backgroundDimEnabled">false</item>
+        <item name="android:statusBarColor">@color/colorPrimaryDark</item>
+        <item name="android:colorPrimary">@color/colorPrimary</item>
+        <item name="android:colorPrimaryDark">@color/colorPrimaryDark</item>
+        <item name="android:colorAccent">@color/colorAccent</item>
+    </style>
+
+    <style name="ActionBar" parent="@android:style/Theme.Material.Light">
+        <item name="android:background">@color/colorPrimary</item>
+        <item name="android:clickable">true</item>
+        <item name="android:layout_width">fill_parent</item>
+        <item name="android:layout_height">@dimen/action_bar_height</item>
+        <item name="android:elevation">2.0dip</item>
+        <item name="android:statusBarColor">@color/colorPrimaryDark</item>
+        <item name="android:colorPrimary">@color/colorPrimary</item>
+        <item name="android:colorPrimaryDark">@color/colorPrimaryDark</item>
+        <item name="android:colorAccent">@color/colorAccent</item>        
+    </style>    
+
+     <style name="BottomPanel">
+        <item name="android:layout_height">56.0dip</item>
+        <item name="android:elevation">2.0dip</item>
+    </style>   
+
+    <style name="noAnimationTheme" parent="@android:style/Theme.Black.NoTitleBar.Fullscreen">
+        <item name="android:windowAnimationStyle">@null</item>
+        <item name="android:statusBarColor">@color/colorPrimaryDark</item>
+        <item name="android:colorPrimary">@color/colorPrimary</item>
+        <item name="android:colorPrimaryDark">@color/colorPrimaryDark</item>
+        <item name="android:colorAccent">@color/colorAccent</item>        
+    </style>    
+
+</resources>