[How-to] Customize AppYet theme settings

joseph raphael

Well-Known Member
Follow these steps to create and customize a new theme:
  • Create a New theme
  • Import from default Light or Dark themes (choose what you want).
  • Go to the themes tab -> choose the theme and click on details -> action bar tab -> put the hex color you want.
  • Rebuild your app and install the new apk
  • Click on "Switch theme" option on the left menu.
You can create as many themes as you want, you can also disable default themes (Light, Dark) to force your new app users to use your own customized theme.

Good luck,
 

souhail

New Member
Thank You so much sir,
would u give please how to Change font style and size in ARABIC language content
thanx in advance ^^
 

joseph raphael

Well-Known Member
Thank You so much sir,
would u give please how to Change font style and size in ARABIC language content
thanx in advance ^^

English content is like Arabic content... you can put a different style for each feed. In the feed that contains the Arabic text just use:

To change the font size use the following CSS3 code as example:
Code:
html,body{font-size:xx-large;font-style:normal;direction:rtl;}
you can change the xx-large to x-large or large or medium or small as you like.

To change the font use the following CSS3 code as example:
Code:
@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
html,body{font-family: 'Droid Arabic Naskh', serif;font-style:normal;-webkit-font-smoothing: antialiased;text-rendering:optimizeLegibility;}
This is the best Arabic font for Android smartphones.
 

souhail

New Member
English content is like Arabic content... you can put a different style for each feed. In the feed that contains the Arabic text just use:

To change the font size use the following CSS3 code as example:
Code:
html,body{font-size:xx-large;font-style:normal;direction:rtl;}
you can change the xx-large to x-large or large or medium or small as you like.

To change the font use the following CSS3 code as example:
Code:
@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
html,body{font-family: 'Droid Arabic Naskh', serif;font-style:normal;-webkit-font-smoothing: antialiased;text-rendering:optimizeLegibility;}
This is the best Arabic font for Android smartphones.

oh thank you so much for ur reply, btw, i put those codes above in the
Extra HTML Header: but with no result, would you please give me the RIGHT CODE?
i have more 2 last question, how i can CHANGE size and font Titles in the Droped Menu?
and how to put a LOGO in the top of any Catagories exmple in the attachment
thank you in advance ^^
 

Attachments

  • Screenshot_2016-03-18-03-56-09.png
    Screenshot_2016-03-18-03-56-09.png
    193 KB · Views: 197
Last edited:

joseph raphael

Well-Known Member
where did you put the codes ?
Also the codes DOES NOT WORK in the preview, it only works when you open the full articles to read them.
 

souhail

New Member
where did you put the codes ?
Also the codes DOES NOT WORK in the preview, it only works when you open the full articles to read them.

it's work now (Y)
i have add this 2 lines to the code
<style type="text/css">

)the code here(

</style>

thank you Joseph, what about Font and size of Menu Drawer? and if i want to add an image like what i have mention in the attachment?
 

Attachments

  • Screenshot_2016-03-18-03-56-09.png
    Screenshot_2016-03-18-03-56-09.png
    193 KB · Views: 165

joseph raphael

Well-Known Member
it's work now (Y)
i have add this 2 lines to the code
<style type="text/css">
)the code here(
</style>
thank you Joseph, what about Font and size of Menu Drawer? and if i want to add an image like what i have mention in the attachment?

I thought you already have the tags since you are asking for the code !!

Anyway, menu drawer is using the user's default font. You can't customize it, it's different for every user.
 
Top