Setting Color Scheme

Default Colors

The VenueNext Android SDK comes with a built-in, baseline color scheme that can be used out of the box. The VenueNext Android SDK defaults to the following colors:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="vnColorPrimary">#1774C1</color>
    <color name="vnColorOnPrimary">#FFFFFF</color>
</resources>

Customizing Your App Colors

Any of the VenueNext Android SDK colors can be overridden by your app level colors.xml file, which is generated automatically when creating a new Android project.

For example, if you want to change the on primary background color, which is white (#FFFFFF) by default, a color named vnColorOnPrimary should be added to your app level colors.xml file:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!-- Other color values here -->
    <color name="vnColorOnPrimary">#[your-desired-hex-value]</color>
</resources>

Supporting colors for the overflow menu

The VenueNext web sdk supports a back button at the top left, and an overflow menu with a single option to close the webview. In order to support color theming for the more menu, please add the following to your styles.xml (theme):

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:actionOverflowButtonStyle">@style/VNActionButtonOverflow</item>
    </style>
</resources>

Colors Explained

Colors

vnColorPrimary

This is the primary branding color of the app. This is used mostly on long-lived components that manifest throughout the app, such as the AppBar and the NavBar.

vnColorOnPrimary

This is the color that is used for main or title typography and iconography that sits on top of the primary color.

Updated: