New colors and logo (#523)

* Change demo app colors

* Change logo

* Align screenshots

* Update logo in demo app

* Update logo in static folder

* Update app overlay

* Update first screenshot

* Add banner in README

* Add banner in website

README.md

@@ -4,9 +4,10 @@
 [![Issues](https://img.shields.io/github/issues-raw/natario1/CameraView.svg)](https://github.com/natario1/CameraView/issues)
 [![Funding](https://img.shields.io/opencollective/all/CameraView.svg?colorB=r)](https://natario1.github.io/CameraView/extra/donate)
 
+&#10240;  <!-- Hack to add whitespace -->
 
 <p align="center">
-  <img src="docs/static/icon.png" vspace="10" width="250" height="250">
+  <img src="docs/static/banner.png" width="100%">
 </p>
 
 # CameraView
@@ -36,12 +37,14 @@ Read the [official website](https://natario1.github.io/CameraView) for setup ins
 You might also be interested in [changelog](https://natario1.github.io/CameraView/about/changelog.html)
 or in the [v1 migration guide](https://natario1.github.io/CameraView/extra/v1-migration-guide.html).
 
-<p>
-  <img src="docs/static/screen1.jpg" width="250" vspace="20" hspace="5">
-  <img src="docs/static/screen2.jpg" width="250" vspace="20" hspace="5">
-  <img src="docs/static/screen3.jpg" width="250" vspace="20" hspace="5">
+&#10240;  <!-- Hack to add whitespace -->
+
+<p align="center">
+  <img src="docs/static/screen1.png" width="250" hspace="5"><img src="docs/static/screen2.png" width="250" hspace="5"><img src="docs/static/screen3.png" width="250" hspace="5">
 </p>
 
+&#10240;  <!-- Hack to add whitespace -->
+
 If you like the project, use it with profit, or simply want to thank back, please consider [donating
 to the project](https://natario1.github.io/CameraView/extra/donate) now! You can either make a one time
 donation or become a sponsor, in which case your company logo will immediately show up here.

demo/src/main/AndroidManifest.xml

@@ -7,7 +7,7 @@
 
     <application
         android:allowBackup="false"
-        android:icon="@mipmap/cameraview"
+        android:icon="@mipmap/logo"
         android:label="@string/app_name"
         android:supportsRtl="true"
         android:theme="@style/AppTheme"

demo/src/main/res/layout/activity_camera.xml

@@ -9,7 +9,6 @@
 
     <!-- Camera -->
     <com.otaliastudios.cameraview.CameraView
-        xmlns:app="http://schemas.android.com/apk/res-auto"
         android:id="@+id/camera"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
@@ -35,14 +34,13 @@
         <!-- Watermark -->
         <ImageView
             android:id="@+id/watermark"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
+            android:layout_width="72dp"
+            android:layout_height="72dp"
             android:layout_gravity="bottom|end"
             app:layout_drawOnPreview="true"
             app:layout_drawOnVideoSnapshot="true"
             app:layout_drawOnPictureSnapshot="true"
-            android:src="@mipmap/cameraview"
-            android:padding="8dp"/>
+            android:src="@mipmap/logo_foreground"/>
 
     </com.otaliastudios.cameraview.CameraView>
 
@@ -53,6 +51,7 @@
         android:layout_margin="16dp"
         android:layout_gravity="top|end"
         android:background="@drawable/background"
+        android:elevation="6dp"
         app:srcCompat="@drawable/ic_switch" />
 
     <!-- Controls -->

demo/src/main/res/mipmap-anydpi-v26/logo.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@mipmap/logo_background"/>
+    <foreground android:drawable="@mipmap/logo_foreground"/>
+</adaptive-icon>

demo/src/main/res/values/colors.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
-    <color name="colorPrimary">#009966</color>
-    <color name="colorPrimaryDark">#00734d</color>
-    <color name="colorAccent">#57db27</color>
+    <color name="colorPrimary">#FFA000</color>
+    <color name="colorPrimaryDark">#F57C00</color>
+    <color name="colorAccent">#40C4FF</color>
 </resources>

docs/index.md

@@ -8,6 +8,10 @@ title: "CameraView v2"
 CameraView is a well documented, high-level library that makes capturing pictures and videos easy,
 addressing most of the common issues and needs, and still leaving you with flexibility where needed.
 
+<p align="center">
+  <img src="static/banner.png" vspace="10" width="100%">
+</p>
+
 - Fast & reliable
 - Gestures support [[docs]](docs/gestures.html)
 - Camera1 or Camera2 powered engine [[docs]](docs/previews.html)
@@ -22,10 +26,6 @@ addressing most of the common issues and needs, and still leaving you with flexi
 - Works down to API level 15
 - Well tested
 
-<p align="center">
-  <img src="static/icon.png" vspace="10" width="200" height="200">
-</p>
-
 ### Get started
 
 Get started with [install info](about/install.html), [quick setup](about/getting-started.html), or