Customisation

The BAGTAG EBT Framework can be customised by creating a Theme object. The Theme object contains design elements like fonts, colors, TextStyles and ButtonStyles.

The Theme object contains all your personalized styling. Including the font, custom TextStyles and ButtonStyles.

let theme = Theme()

theme.colorStyles = [
	...
]

theme.textStyles = [
	...
]

theme.buttonStyles = [
	...
]

Color configuration

The file app/src/main/res/values/colors.xml is used to configure the colors for the interface.

<?xml version="1.0" encoding="utf-8" standalone="no"?>
<resources>
    <color name="bagtag_background_secondary">@android:color/white</color>
    <color name="bagtag_button_outline">@color/bagtag_background</color>
    <color name="bagtag_button_outline_ripple">#F2F2F2</color>
    <color name="bagtag_button_primary">#E37222</color>
    <color name="bagtag_progress">@android:color/white</color>
    <color name="bagtag_text_default">@android:color/white</color>
    <color name="bagtag_text_description">#0D3850</color>
    <color name="bagtag_text_error">#E00034</color>
    <color name="bagtag_text_hint_color">#003145</color>
    <color name="bagtag_text_title">#3AABE5</color>

    <color name="bagtag_background">#00A1DE</color>
    <color name="bagtag_color_icontint">@android:color/white</color>
</resources>

Styles

The file app/src/main/res/values/styles.xml is used to configure the style of the elements of the interface.

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<resources>
	<style name="Button" parent="Widget.AppCompat.Button">
		<item name="android:textAllCaps">false</item>
		<item name="android:textSize">@dimen/text_size_medium</item>
		<item name="android:fontFamily">@font/font_button</item>
		<item name="android:padding">@dimen/button_padding</item>
	</style>
	<style name="Button.bagtag_button_primary" parent="Button">
                ...
	</style>
	<style name="Button.bagtag_button_secondary" parent="Button">
                ...
        </style>

	<style name="bagtag_textstyle_h1" parent="Widget.AppCompat.TextView">
                ...
	</style>
        ...
</resources>