Development

Configuration

Configuration for setup Legion to your development

Multi-Theme

After implementing the gradle config, next step is to configure the theme on android. Change the parent theme and extend to Legion Theme

Light Theme

  <style name="YourTheme" parent="Legion.Light">
      ...
  </style>

Dark Theme [Work In Progress]

Info : Currently the dark theme is not yet available, so extending with the Legion.Dark theme will result in a Light Mode like extending the Legion.Light theme

  <style name="YourTheme" parent="Legion.Dark">
      ...
  </style>

Available Themes

Not all squad are also provided like tribe, some are ready for use some aren’t since needs will differ across platforms too. Here are the squads that are ready to use by order:

Theme Name	Tribe / Squad Code	Tribe / Squad Description
Theme Agree	`agl`, `agr`, `aqf`	Agree Livestock, Agree Culture, Agree Fisheries
Theme EWZ	`mtn`	MyTEnS

Apply Prebuild Theme

Latest steps you can configure your selected theme with extend your project theme inside your themes.xml files

Tribe Agree

Theme Agree Culture

<style name="YourTheme" parent="AgreeCulture">
  ...
</style>

Theme Agree Fisheries

<style name="YourTheme" parent="AgreeFisheries">
  ...
</style>

Theme Agree Livestok

<style name="YourTheme" parent="AgreeLivestock">
  ...
</style>

Tribe EWZ

Theme MyTens

<style name="YourTheme" parent="Mytens">
  ...
</style>

Customize Themes

The majority of Legion Components use primary and secondary colors, you can override color set colorPrimary and colorSecondary to change all colors in the Legion Component. Please Replace color with your own pallete colors.

If you using prebuild theme, please extend your project theme into prebuild theme. if you want manual crafting theme, you can extend project theme with Legion

<style name="YourTheme" parent="Legion.Light">
    ...
    <item name="colorPrimary_pressed">@color/aqf_pressed</item>
    <item name="colorPrimary_hover">@color/aqf_hover</item>
    <item name="colorPrimary">@color/aqf_normal</item>
    <item name="colorPrimary40">@color/aqf_40</item>
    <item name="colorPrimary30">@color/aqf_30</item>
    <item name="colorPrimary20">@color/aqf_20</item>
    <item name="colorPrimary10">@color/aqf_10</item>

Do you have feedback?

Please let us know to make it better

Send Feedback