Erumic UI (Settings) Android Custom Theme

in #utopian-io7 years ago (edited)

Hello, everyone!
I'd like to share theme development for Android ROM called Erumic UI.
What is Erumic UI?

Erumic UI is a substratum custom theme, but for now it's only settings applied.

What is substratum?

Substratum is built up on the RRO framework developed by Sony. RRO Stands for Runtime Resource Overlay, to further it, Sony worked on OMS. OMS stands for Overlay Manager Service. OMS is created for managing overlays, allow the providers to control priorities and enable/disable overlays, but that causes a few conflicts with Layers and these functions were under the control of the themer. So, to workaround the issues by OMS, the developers behind Layers Managers have teamed up to create Substratum.

Github Repo:
https://github.com/delanoister-Andro-ID/erumic-ui-settings

Proof of Login and Works
Proof.png
Proof3.png
Proof2.png

Details
What I've done the most is at here, because I focus on settings changes.
If we'd like to theme an application, we need to find the package name first. When we find out what's the name, create a folder within "assets/overlays" and name it as the package name, then start to theme what's part you want to.
Overlay Location.JPG

For me, these are the folders I want to theme. You can change to what folders you just want to theme. If you're confused what's the inside of your application, you can use the Stanley Explorer and see how to use it on my post here.
Overlay files themed.JPG

As the default, Android start to use VectorDrawable.
What is VectorDrawable?

VectorDrawable is a drawable based on an XML vector graphic. You can see more about at here

It is alright if you don't want to use SVG's path data format.
What is SVG's path data?

SVG stands for Scalable Vector Graphic. It is XML vector image format and path data is basically the virtual canvas where the paths are drawn on.

Android VectorDrawable PathData.JPG

You can change into PNG files instead.
What is PNG?

PNG stands for Portable Network Graphics. It is an image or graphic format that support lossless data compression.

VectorDrawables.JPG

And, this is the inside of values folder that I've changed.
Values.JPG

Especially, on dimens.xml, because we want to make the dashboard separate and give the space to make the look beautiful.

Dimens is dimension. Dimension is specified with a number followed by a unit of measure. You can see more about it at here.

Settings dimentional.JPG


Here is The Final Result
Screenshot_2017-08-09-15-15-30.png
Screenshot_2017-08-09-15-39-36.png
Screenshot_2017-08-09-15-16-09.png



Posted on Utopian.io - Rewarding Open Source Contributors

Sort:  

Thank you for the contribution. It has been approved.

You can contact us on Discord.
[utopian-moderator]

Thanks for approval @gerginho

Hey @dissgo I am @utopian-io. I have just upvoted you!

Achievements

  • You have less than 500 followers. Just gave you a gift to help you succeed!
  • Seems like you contribute quite often. AMAZING!

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!

mooncryption-utopian-witness-gif

Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x

Your contribution cannot be approved yet because it is not as informative as other contributions. See the Utopian Rules. Please edit your contribution and add try to improve the length and detail of your contribution (or add more images/mockups/screenshots), to reapply for approval.

You may edit your post here, as shown below:

You can contact us on Discord.
[utopian-moderator]

Done @gerginho. You can review again.

Coin Marketplace

STEEM 0.20
TRX 0.13
JST 0.030
BTC 67271.13
ETH 3515.41
USDT 1.00
SBD 2.70