[Android] Styles: improve black theme

Adrien Maglo git at videolan.org
Mon Mar 3 12:02:39 CET 2014


vlc-ports/android | branch: master | Adrien Maglo <magsoft at videolan.org> | Mon Mar  3 12:02:07 2014 +0100| [0ed325b4698af4ac8d269d816bdaedb71f5546ec] | committer: Adrien Maglo

Styles: improve black theme

> http://git.videolan.org/gitweb.cgi/vlc-ports/android.git/?a=commit;h=0ed325b4698af4ac8d269d816bdaedb71f5546ec
---

 vlc-android/res/drawable/bt_header_fadein_overlay.xml  |   10 ++++++++++
 vlc-android/res/drawable/bt_header_fadeout_overlay.xml |   10 ++++++++++
 vlc-android/res/layout/about.xml                       |    2 +-
 vlc-android/res/layout/audio_albums_songs.xml          |    2 +-
 vlc-android/res/layout/audio_browser.xml               |    6 +++---
 vlc-android/res/values/attrs.xml                       |    3 +++
 vlc-android/res/values/colors.xml                      |    5 +++++
 vlc-android/res/values/styles.xml                      |   12 ++++++++++--
 8 files changed, 43 insertions(+), 7 deletions(-)

diff --git a/vlc-android/res/drawable/bt_header_fadein_overlay.xml b/vlc-android/res/drawable/bt_header_fadein_overlay.xml
new file mode 100644
index 0000000..478ebad
--- /dev/null
+++ b/vlc-android/res/drawable/bt_header_fadein_overlay.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle" >
+
+    <gradient
+        android:angle="0"
+        android:endColor="#00FFFFFF"
+        android:startColor="@color/black1" />
+
+</shape>
\ No newline at end of file
diff --git a/vlc-android/res/drawable/bt_header_fadeout_overlay.xml b/vlc-android/res/drawable/bt_header_fadeout_overlay.xml
new file mode 100644
index 0000000..dcf279e
--- /dev/null
+++ b/vlc-android/res/drawable/bt_header_fadeout_overlay.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle" >
+
+    <gradient
+        android:angle="0"
+        android:endColor="@color/black1"
+        android:startColor="#00FFFFFF" />
+
+</shape>
\ No newline at end of file
diff --git a/vlc-android/res/layout/about.xml b/vlc-android/res/layout/about.xml
index 54ad867..f2579b0 100644
--- a/vlc-android/res/layout/about.xml
+++ b/vlc-android/res/layout/about.xml
@@ -20,7 +20,7 @@
                 android:id="@android:id/tabs"
                 android:layout_width="fill_parent"
                 android:layout_height="wrap_content"
-                android:background="?attr/background_menu" />
+                android:background="?attr/background_header" />
 
             <FrameLayout
                 android:id="@android:id/tabcontent"
diff --git a/vlc-android/res/layout/audio_albums_songs.xml b/vlc-android/res/layout/audio_albums_songs.xml
index 51692a8..fd0af89 100644
--- a/vlc-android/res/layout/audio_albums_songs.xml
+++ b/vlc-android/res/layout/audio_albums_songs.xml
@@ -14,7 +14,7 @@
             android:id="@android:id/tabs"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
-            android:background="?attr/background_menu">
+            android:background="?attr/background_header">
         </TabWidget>
 
         <FrameLayout
diff --git a/vlc-android/res/layout/audio_browser.xml b/vlc-android/res/layout/audio_browser.xml
index 28b30a5..026118a 100644
--- a/vlc-android/res/layout/audio_browser.xml
+++ b/vlc-android/res/layout/audio_browser.xml
@@ -13,7 +13,7 @@
 	        android:fadingEdge="none"
 	        android:layout_width="fill_parent"
 	        android:layout_height="wrap_content"
-	        android:background="?attr/background_menu">
+	        android:background="?attr/background_header">
 	        <LinearLayout
 	            android:id="@+id/header_layout"
 	            android:layout_width="wrap_content"
@@ -65,14 +65,14 @@
 	        android:layout_alignBottom="@+id/header"
 	        android:layout_alignLeft="@+id/header"
 	        android:layout_alignTop="@+id/header"
-	        android:background="@drawable/header_fadein_overlay" />
+	        android:background="?attr/header_fadein_overlay" />
 	    <View
 	        android:layout_width="20dip"
 	        android:layout_height="10dip"
 	        android:layout_alignBottom="@+id/header"
 	        android:layout_alignRight="@+id/header"
 	        android:layout_alignTop="@+id/header"
-	        android:background="@drawable/header_fadeout_overlay" />
+	        android:background="?attr/header_fadeout_overlay" />
     </RelativeLayout>
 
     <TextView
diff --git a/vlc-android/res/values/attrs.xml b/vlc-android/res/values/attrs.xml
index 23ef9ec..5d6b58c 100644
--- a/vlc-android/res/values/attrs.xml
+++ b/vlc-android/res/values/attrs.xml
@@ -8,6 +8,7 @@
     <attr name="playlist_item_footer" format="reference|color" />
     <attr name="background_menu_divider" format="reference|color" />
     <attr name="background_menu" format="reference|color" />
+    <attr name="background_header" format="reference|color" />
     <attr name="background_player" format="reference|color" />
     <attr name="background_playlist" format="reference|color" />
     <attr name="font_default" format="reference|color" />
@@ -30,6 +31,8 @@
 
     <attr name="mini_player_top_shadow" format="reference" />
     <attr name="audio_playlist_shadow" format="reference" />
+    <attr name="header_fadein_overlay" format="reference" />
+    <attr name="header_fadeout_overlay" format="reference" />
 
     <declare-styleable name="SlidingPaneLayout">
         <attr name="overhangSize" format="dimension" />
diff --git a/vlc-android/res/values/colors.xml b/vlc-android/res/values/colors.xml
index 5ed9263..3a3da15 100644
--- a/vlc-android/res/values/colors.xml
+++ b/vlc-android/res/values/colors.xml
@@ -22,4 +22,9 @@
     <color name="action_bar_title">#FFFFFF</color>
     <color name="darkgrey">#ffa0a0a0</color>
 
+    <color name="black1">#0f0f0f</color>
+    <color name="black2">#222222</color>
+
+    <color name="grey1">#393939</color>
+
 </resources>
\ No newline at end of file
diff --git a/vlc-android/res/values/styles.xml b/vlc-android/res/values/styles.xml
index 7f3dc3f..d1e04cd 100644
--- a/vlc-android/res/values/styles.xml
+++ b/vlc-android/res/values/styles.xml
@@ -27,6 +27,7 @@
         <item name="background_menu">@color/background_menu</item>
         <item name="background_player">@color/background_player</item>
         <item name="background_playlist">@color/background_playlist</item>
+        <item name="background_header">@color/background_menu</item>
         <item name="audio_browser_separator">@color/darkorange</item>
         <item name="playlist_item_drag_shadow">@color/darkorange</item>
         <item name="audio_player_header_time">@color/darkorange</item>
@@ -40,19 +41,26 @@
 
         <item name="mini_player_top_shadow">@drawable/mini_player_top_shadow</item>
         <item name="audio_playlist_shadow">@drawable/audio_playlist_shadow</item>
+        <item name="header_fadein_overlay">@drawable/header_fadein_overlay</item>
+        <item name="header_fadeout_overlay">@drawable/header_fadeout_overlay</item>
     </style>
 
     <style name="Theme.VLC.Black" parent="Theme.VLC">
         <item name="android:textColor">@color/white</item>
 
         <item name="font_default">@color/white</item>
-        <item name="background_player">@color/font_default</item>
-        <item name="background_playlist">@color/font_default</item>
+        <item name="item_footer">@color/grey1</item>
+        <item name="playlist_item_footer">@color/grey1</item>
+        <item name="background_player">@color/black1</item>
+        <item name="background_playlist">@color/black2</item>
+        <item name="background_header">@color/black1</item>
         <item name="list_title">@color/bt_list_title</item>
         <item name="android:windowBackground">@color/font_default</item>
 
         <item name="mini_player_top_shadow">@null</item>
         <item name="audio_playlist_shadow">@null</item>
+        <item name="header_fadein_overlay">@drawable/bt_header_fadein_overlay</item>
+        <item name="header_fadeout_overlay">@drawable/bt_header_fadeout_overlay</item>
     </style>
 
     <style name="Theme.VLC.List">



More information about the Android mailing list