MIUI Official Team

Rank: 7Rank: 7Rank: 7

Credits
1470
Device
Mi 3
Online time
37 Hours
Send PM

1 Million Forum MembersMerry ChristmasHumor Master

[Guide] [MeByDesign] MIUI Theme Contest: Online Theme Editor Guide

  [ Promote]
28448 202 |
14:41, Nov-23-2015 | From PC
|
|
Go to reply no.
Online Theme Editor Guide

Hello Mi Fans and aspiring theme designers!

As you know, the first MIUI Theme Contest in India is finally here!! The contest is aimed to inspire MIUI theme developers and other designers from India. The contest is 6 months long, so even if you might not know anything about MIUI themes for now, as long as you’re a good designer, you have plenty of time to learn about themes and participate.
Here is our first guide to how to make themes using the Online Theme Editor tool.
Stick with us for our next news update and be prepared for India’s first, biggest theme design contest! #MeByDesign

Please use this online tool if you're interested in theme making. We'll have a feedback-exclusive thread and give away more Mi gifts soon. Do let us know what you think, it means a lot to us!


Prerequisites for developing a theme online
  • Registered account on designer.xiaomi.com .
  • Working Internet Connection.
  • Passion for design, ideas and files (Like:wallpaper, Icons etc.)
   ... and you are ready to go.  designer.xiaomi.com/


Step 1:-Go to online web tool http://theme.mi.com/editor
  • Click on "Get Started" button.

Step 2:-Login in your mi account which already has designer permissions.
  
  • If you have not applied for designer permissions, go to designer.xiaomi.com.


Step 3:- After you login in, you will be directed to the Editor homepage.
  • To create a new theme, select "Create a Theme"
  • To keep working on themes you had uploaded earlier, select "MIUI Theme Account"

Step 4 :- You have now entered the Theme Editor Tool
Lock Screen Template: Here you can select one of three different unlocking patterns.

5-point unlocker
  • Four app unlock (Home,Call,Messaging,Camera)
  • Inbuilt music player on the lockscreen
  • Multifunction on the same screen
  • Unlock by dragging a circle in the centre to the desired app icon

3-swipe unlocker
  • Three app unlock (Home,Camera,Call).
  • You can put any Quote / Notice on the lockscreen
  • Unlock by swiping up from the desired app icon

Slide right to unlock
  • Very simple unlocker
  • Unlock by simply sliding the lock on the screen following a given path
Select any unlocker style and click


Step 5:-  Edit lockscreen
1.  Lock screen wallpaper
  • Click on Change.
  • Upload your lockscreen wallpaper.
  • The file should be in JPG format with dimension 720×1280 px.
  • Click Next.

2.  Add lock screen text (This is optional, simply leve this blank if you don't want any text.)
  

3.  Now upload unlocker icons and mask
  • A mask is a layer on the unlocker(Again, this is optional. You can put a blank .png)


Step 6:- Home screen wallpaper
  • Click on Change
  • Upload your home screen wallpaper
  • The file should be in JPG format with dimensions 1440x1280px.
  • Click Next after the wallpaper is done uploading.

Step 7:-  Home screen Icons
  Click on Edit below each icon to upload your own image.
  • There are 32 icons to be changed.
  • Each icon format is in.png.
  • Dimension should be  192x192px (no more, no less).
  • You cannot skip any icons.
After finishing all icons, click on Next.

Step 8 :- Other icons
Change icons for downloaded apps.Click on Edit below each image to upload your own icon.
  • There are 4 type of icons that can be change.
  • Icon background: Covers visible background of app
  • Icon pattern: Pattern for the app icon
  • Icon mask: Visible areas of the icon
  • Folder background: For folders of apps


Step 9:- System UI colors
Change UI colors
  • Choose the foreground and background colors and images that are displayed.
  • Change will reflect on the notification shade, Phone, and Messaging apps.
  • Chose colors from color picker or you can directly enter color values in the textbox.
  • The 1st color will reflect on the top and bottom navigation bars.
  • The 2nd color will reflect on the elements and text that appear on the navigation bars.

Step 10 :- System UI Images
Change UI  Images
  • Upload the top bar and bottom bar images which will be reflect inside apps.
  • Images should be in .png format and dimension should be exact.
  • Here background images will reflect in lots of places in theme, so the color of the background should be compatible with font colors and other UI components.
After finishing all the uploads, click Next.

Step 11 :- Dialer UI
Dialer UI Change
  • Dialer bckground (.png in 720x484px).
  • Bottom bar image (.png in 720x160px).
  • Dial button in both normal/ pressed conditions (388x162px).
Upload your images for each change.
After doing so, click Next.

Step 12 :- Messaging UI
Here you need to change only one image using the Edit button.
The image should be in .png format and with dimention 80x90px.
*Note: It is better if the button image has no background.

You are almost there!

Step 13 :- Notification Shade
Here you will change
  • Colors of toggles, using the color picker or directly entering values in the textbook.
  • Upload  notification shade background (.png and 720x1060p).
After finishing all the uploads click  next button   .
Here You are done with all theme development . Now check all the changes you made by clicking
On icons visible on left side of tool editor and confirm your theme design.
*Check all the  dots under left side icons of tool  are Blue or not

Step 14 :-Publish your theme!
Fill in all the fields.
  • Theme name.
  • Designer Name (your name or the name of your group).
  • Description of your theme based on your theme name or theme idea.

Congratulations You are done !!!!!!!!  
Here you can see preview of your theme by clicking on Save & Preview.
You can save your Theme .mtz file by clicking Download beta button. When you done with all of these you can submit your theme for review. By clicking on button Submit for review button.

For more documents, go here: Online Documents

For a pre-announcement for the MIUI Theme Contest in India, click here>>


Favorite66 Share

Comment

above2all Please fix this link: "For online Doc.Link:- Online Documents"  18:25, Nov-23-2015

Rated by 54 people   Experience Prestige Reason  

Pycm_ + 2 Great!
gentle-men + 1 Awesome!
spacenight + 1 Fantastic!
chrisnovarado + 1 Thanks!
nsaini10 + 1 Thanks!
Ganau + 1 Fantastic!
Mr.Burns. + 5 Thanks!
Srinivas143 + 5 Thanks!
SuprRaptr + 1 Fantastic!
VivianGR + 1 Great!
Lucky16 + 10 + 2 Fantastic!
madblackjack + 1 Thanks!
slnkkeyur + 1 Thanks!
rahulbarai + 1 Thanks!
lijo_1 + 10 + 3 Fantastic!
varunrahul + 2 Thanks!
Tonisage + 5 Jozz
arun6199 + 1 Great!
ghanshyamshinde + 5 Fantastic!
Contax1961 + 1 Fantastic!
jo.luv.mi + 2 Awesome!
Dasari5 + 3 Great!
ydv_shubh + 1 Great!
5630470 + 2 Great!
adrianoc + 1 Awesome!
robydira + 5 Awesome!
vmrr8395 + 2 Awesome!

Experience +221  Prestige +35  View Rating Log

Gold Member

Rank: 3Rank: 3

Credits
436
Device
Mi MIX 3
Online time
211 Hours
Send PM

Unlock MedalAwesome!Fantastic!MIUI Lucky FridaySurge S1Puzzle Master1900K Forum MembersMi Lover Medal

04:20, Sep-25-2016 | From PC
|
This post was edited by ginabobow1 at 04:21, Sep-25-2016

Online theme editor is useless ,cant finising any theme.It demands 36 icons and the options are only for 26 ,so it doesnt works.
Many users here ,have reported that for months ago ,but still no job.

Any help,any fix??

Elite Member

Rank: 6Rank: 6

Credits
10238
Device
Mi 5
Online time
528 Hours
Send PM

Mi Power StripMi VRXiaomi 6 LaunchMi Yi CameraMagic CubeMijia Electric ScooterMi KeyMi HomeUnlock MedalMi Power BankXiaomi 7th AnniversaryAwesome!MIUI 2015MIUI 2016Fantastic!I Love MIUIMIUI 7MIUI 6MIUI 8FlashholicMIUI Devices ContestXiaomi Mi 4Redmi 2Redmi NoteRedmi 3Mi 4iRedmi 4/Prime/4AMi Note ProMi 5MIUI 100 Million UsersPuzzle MasterMIUI Fan From PhilippinesMIUI Fan From SingaporePokemon Master MedalOlympics MedalHappy Valentine's DayMIUI Fan From IndonesiaUEFA EURO Medal600K Forum MembersMIUI Happy MedalHilal Ramadan Fan Of MIUI India800K Forum Members900K Forum MembersAtaturk MourningMIUI 9Thanksgiving DayMIUI 300 WeeksXiaomi 5th Anniversary1 Million Forum Members700K Forum MembersXiaomi 6th AnniversaryFan Of MIUI UkraineSuper MondaySuper ThursdaySurge S1Super WednesdayWomen's Day MedalRocket to FutureMIUI World TourSuper SaturdayMIUI Font LoverSuper Sunday5 Million Forum App InstallsFan Of MIUI RussiaRingolicious Medal500K Forum MembersMIUI 5th Anniversary1900K Forum MembersMi Live MedalFan Of MIUI Italy1400K Forum MembersSuper TuesdayMerry ChristmasMIUI 2017300K Forum MembersRooster Year of 2017Happy New YearI Love 2016MIUI Forum AppI Love Mi BunnyAlpaca Mi Bunny Gamer Mi BunnySummer Mi BunnyMIUI ReviewMIUI Beta TeamMIUI Global Forum 2014MIUI FollowerMIUI Medals CollectorScroll Of WisdomMIUI FB FollowerAndroid GuruMIUI Twitter FollowerDebate MasterForum Contest LoverAndroid ElfMr. DependableApp TalentApp TalentMi Lover MedalMIUI Android 4.4 KitKatTechnology GuruMIUI ExpertStar Of TechnologyMost Active MIUIerMi Bunny Game Master Theme TalentMost Popular Forum UserMaster Of TechnologyStar Of IconsYouth PledgeOTA FeedbackDie-hard MIUI FanUpdates LoverMi TalentRingtone Star Humor MasterMi Story TellerInbox ZeroMIUI G+ FollowerPioneer of MIUI English Forum

14:45, Nov-23-2015 | Via mobile
|
thanks for sharing

Elite Member

Windows Modder. At FreewareSys

Rank: 6Rank: 6

Credits
7278
Device
Mi 5
Online time
2185 Hours
Send PM

Mi Band 2Mijia Story TellerMi  BunnyMi VR HeadsetMi HomeUnlock MedalMi WiFi RouterMi BandMi WiFi Router MiniMi Power BankMi Yi CameraMi Power Bank 10000MAH Mi HeadphonesFlashholicAwesome!I Love MIUIMIUI 8MarshmallowMIUI 7Fantastic!MIUI 2015MIUI 2016Mi 4cRedmi Note 2Redmi 2Xiaomi Mi 4Mi PadRedmi 31 Million Forum MembersOlympics MedalMIUI Fan From PhilippinesMIUI 300 Weeks90000 Forum MembersMid-Autumn FestivalMIUI Fan from Turkey900K Forum MembersMerry ChristmasMIUI Fan from IndiaHappy Valentine's Day1700K Forum MembersMIUI Font LoverDiwali UEFA EURO MedalCamera Filter Guru MedalMIUI Fan From Nepal1800K Forum MembersFan Of MIUI RussiaI Love 20162100K Forum MembersThanksgiving Day3500K Forum Members1 Million Forum App InstallsRooster Year of 2017Super FridaySuper Tuesday3 Million Forum MembersMIUI 2017800K Forum MembersMIUI Weekly PollHappy DiwaliFan of MIUI MyanmarMIUI Fan From SingaporeFan Of MIUI Bangladesh10 Million Forum PostsSuper Monday1900K Forum MembersMIUI 6th AnniversaryXiaomi 6th AnniversaryMIUI Forum AppMIUI World Tour1500K Forum MembersGamer Mi BunnyAlpaca Mi Bunny Summer Mi BunnyI Love Mi BunnyMIUI Beta team - IndiaOTA FeedbackMIUI FB Follower2017 Annual AwardsDie-hard MIUI FanMIUI FollowerYouth PledgeForum Contest LoverMi Bunny Game Master Ringtone Star MIUI Android 4.4 KitKatStar Of TechnologyApp TalentMaster Of TechnologyMi Story TellerScroll Of WisdomMIUI KingMIUI ExpertMost Active MIUIerTheme TalentMost Popular Forum UserMIUI SuperstarStar Of IconsTechnology GuruInbox ZeroAndroid GuruDebate MasterMi TalentPioneer of MIUI English Forum Ringtone TalentAndroid ElfMi Lover MedalWallpaper ExpertMIUI Medals CollectorHumor Master

14:49, Nov-23-2015 | From PC
|
thanks for sharing but its not available in india.
Mi5,Mi4,Mi4i,RN3

MIUI Official Team

Rank: 7Rank: 7Rank: 7

Credits
1470
Device
Mi 3
Online time
37 Hours
Send PM

1 Million Forum MembersMerry ChristmasHumor Master

 Author| 14:55, Nov-23-2015 | From PC
|
DiLshadSys replied at 2015-11-23 14:49
thanks for sharing but its not available in india.

Yes it is... That's why i shared...

Super moderator

Rank: 8Rank: 8

Credits
41468
Device
Mi Note 3
Online time
981 Hours
Send PM

Mi Band 2Mi  BunnyMIUI 2016Fantastic!MIUI 6I Love MIUIMi TVMi 34 Million Forum Members1 Million Forum MembersThanksgiving DayHilal Ramadan Malaysia Anniversary600K Forum MembersMIUI Fan from Malaysia700K Forum MembersMIUI 30 Million Users1700K Forum MembersMIUI Lucky Friday1 Million Forum App Installs3500K Forum MembersMIUI Philippines Fan MeetupMIUI 9I Love 2016300K Forum MembersUEFA EURO Medal1400K Forum MembersMIUI Fan from TurkeyMIUI Fan From SingaporeI Love Mi BunnyMIUI Beta TeamStar Of IconsMIUI 8th AnniversaryMIUI FollowerStar Of ThemesMIUI Resources TeamDie-hard MIUI FanMi Lover MedalAndroid GuruMIUI Global Forum 20142017 Annual AwardsPioneer of MIUI English Forum MIUI FB FollowerMIUI Twitter FollowerMIUI Android 4.4 KitKat

15:01, Nov-23-2015 | From PC
|
DiLshadSys replied at 2015-11-23 14:49
thanks for sharing but its not available in india.

which one is not available in india.. the theme in screenshot or online theme editor?

MIUI Honorary Moderator

Rank: 6Rank: 6

Credits
76103
Device
Redmi Note 3G
Online time
1396 Hours
Send PM

Mi BoxMi BandMi WiFi RouterMi In-Ear HeadphonesMi KeyMi T-ShirtI Love MIUIMIUI 7MIUI 6Fantastic!MIUI 2016Awesome!MIUI 2015Xiaomi Mi 4Mi TVRedmi Note 2Redmi 2Mi NoteRedmiRedmi 1S1300K Forum MembersSingapore BirthdayHappy Valentine's DayMIUI Fan From IndonesiaFan Of MIUI IndiaMIUI 4th AnniversaryMIUI Fan From Philippines1st Anniversary300K Forum MembersHappy DiwaliFan Of MIUI BangladeshFan Of MIUI Ex-Yu Fan Of  MIUI AzerbaijanMIUI 100 Million Users700K Forum MembersMIUI Fan from India1 Million Forum MembersMerry ChristmasThanksgiving Day900K Forum Members500K Forum Members800K Forum MembersHilal Ramadan Fan of MIUI MyanmarMIUI Fan From BrazilXiaomi 5th Anniversary600K Forum Members5 Million Forum PostsSummer Mi BunnyAlpaca Mi Bunny I Love Mi BunnyGamer Mi BunnyRingtone Star Humor MasterStar Of IconsMIUI Medals CollectorAndroid GuruMi Lover MedalMIUI Android 4.4 KitKatDebate MasterAndroid ElfMi TalentMIUI Twitter FollowerMIUI ExpertOTA FeedbackMIUI FB FollowerMIUI FollowerMIUI Global Forum 2014MIUI Resources TeamYouth PledgeDie-hard MIUI FanUpdates LoverMi Bunny Game Master Forum Contest Lover

15:11, Nov-23-2015 | From PC
|
thanks for the guide buddy..

Elite Member

Windows Modder. At FreewareSys

Rank: 6Rank: 6

Credits
7278
Device
Mi 5
Online time
2185 Hours
Send PM

Mi Band 2Mijia Story TellerMi  BunnyMi VR HeadsetMi HomeUnlock MedalMi WiFi RouterMi BandMi WiFi Router MiniMi Power BankMi Yi CameraMi Power Bank 10000MAH Mi HeadphonesFlashholicAwesome!I Love MIUIMIUI 8MarshmallowMIUI 7Fantastic!MIUI 2015MIUI 2016Mi 4cRedmi Note 2Redmi 2Xiaomi Mi 4Mi PadRedmi 31 Million Forum MembersOlympics MedalMIUI Fan From PhilippinesMIUI 300 Weeks90000 Forum MembersMid-Autumn FestivalMIUI Fan from Turkey900K Forum MembersMerry ChristmasMIUI Fan from IndiaHappy Valentine's Day1700K Forum MembersMIUI Font LoverDiwali UEFA EURO MedalCamera Filter Guru MedalMIUI Fan From Nepal1800K Forum MembersFan Of MIUI RussiaI Love 20162100K Forum MembersThanksgiving Day3500K Forum Members1 Million Forum App InstallsRooster Year of 2017Super FridaySuper Tuesday3 Million Forum MembersMIUI 2017800K Forum MembersMIUI Weekly PollHappy DiwaliFan of MIUI MyanmarMIUI Fan From SingaporeFan Of MIUI Bangladesh10 Million Forum PostsSuper Monday1900K Forum MembersMIUI 6th AnniversaryXiaomi 6th AnniversaryMIUI Forum AppMIUI World Tour1500K Forum MembersGamer Mi BunnyAlpaca Mi Bunny Summer Mi BunnyI Love Mi BunnyMIUI Beta team - IndiaOTA FeedbackMIUI FB Follower2017 Annual AwardsDie-hard MIUI FanMIUI FollowerYouth PledgeForum Contest LoverMi Bunny Game Master Ringtone Star MIUI Android 4.4 KitKatStar Of TechnologyApp TalentMaster Of TechnologyMi Story TellerScroll Of WisdomMIUI KingMIUI ExpertMost Active MIUIerTheme TalentMost Popular Forum UserMIUI SuperstarStar Of IconsTechnology GuruInbox ZeroAndroid GuruDebate MasterMi TalentPioneer of MIUI English Forum Ringtone TalentAndroid ElfMi Lover MedalWallpaper ExpertMIUI Medals CollectorHumor Master

15:15, Nov-23-2015 | From PC
|
Piratz replied at 2015-11-23 12:31
which one is not available in india.. the theme in screenshot or online theme editor?

before i tried theme designer and payment option for indian user
Mi5,Mi4,Mi4i,RN3

MIUI Honorary Moderator

Rank: 6Rank: 6

Credits
50867
Device
Redmi Note 5A
Online time
2538 Hours
Send PM

Mi KeyMi In-Ear HeadphonesMi Power BankMi BandMi BoxMIUI 2015MIUI 6Fantastic!FlashholicAwesome!I Love MIUIMi 3Redmi NoteXiaomi Mi 4MIUI Fan From Singapore300K Forum Members900K Forum MembersFan Of MIUI IndiaMIUI 50 Million Users1400K Forum MembersSingapore BirthdayMIUI V5 ReviewMIUI Fan from IndiaHappy Singles' DayMIUI Fan from MalaysiaFan Of MIUI Ex-Yu MIUI 4th AnniversaryDiwali Merry ChristmasMIUI 5th Anniversary700K Forum Members500K Forum MembersXiaomi 5th AnniversaryHappy Valentine's Day1 Million Forum Members800K Forum Members2014 ChristmasThanksgiving DayAlpaca Mi Bunny Summer Mi BunnyGamer Mi BunnyI Love Mi BunnyMIUI Resources TeamMIUI Medals CollectorSuper ModeratorAndroid ElfMIUI FollowerOTA FeedbackDebate MasterPioneer of MIUI English Forum MIUI Global Forum 2014Updates LoverMi Bunny Game Master MIUI FB FollowerForum Contest LoverRingtone ExpertRingtone Star Android GuruInbox ZeroHumor MasterDie-hard MIUI FanMost Active MIUIer

15:19, Nov-23-2015 | From PC
|
Amazing guidance~Thanks very much for your efforts :)

Elite Member

fb.me/tsrajarajan

Rank: 6Rank: 6

Credits
11697
Device
Redmi Note 7
Online time
984 Hours
Send PM

Mi BandMi In-Ear HeadphonesFantastic!MIUI 2015I Love MIUIMIUI 6MIUI 7MIUI 8Redmi Note 2Mi 3Xiaomi Mi 4MIUI Fan from India800K Forum MembersHilal Ramadan MIUI 100 Million UsersFan Of MIUI IndiaMIUI 5th Anniversary600K Forum MembersHappy Valentine's Day700K Forum MembersSuper Friday900K Forum MembersMIUI Fan From SingaporeXiaomi 6th AnniversaryMIUI 6th AnniversaryMid-Autumn Festival1 Million Forum MembersDiwali 500K Forum MembersI Love 2016MIUI 4th AnniversaryThanksgiving DayUEFA EURO MedalI Love Mi BunnyAndroid GuruAndroid ElfForum Contest LoverMIUI FollowerUpdates LoverSuper MIUI ThemePioneer of MIUI English Forum Youth PledgeMi Lover MedalMIUI Android 4.4 KitKatTechnology GuruHumor MasterRingtone Star Mi TalentMIUI G+ FollowerMIUI FB FollowerOTA FeedbackDebate MasterMIUI Designer Team

15:21, Nov-23-2015 | From PC
|
Awesome

Platinum Member

Always Hope. Never Expect.

Rank: 4

Credits
2380
Device
Redmi Note 7
Online time
93 Hours
Send PM

Mi Band 2Mi VR HeadsetMi Power Bank 10000MAH Mi  BunnyUnlock MedalMi HomeMIUI 2016MIUI 8Awesome!MIUI 7Fantastic!MIUI 2015MIUI Devices ContestI Love MIUIFlashholicRedmi 1SRedmi 2Redmi 3Happy DiwaliFan Of MIUI IndiaMIUI Drawing TalentHappy New YearMIUI Fan From PhilippinesHappy Valentine's Day1 Million Forum MembersSuper TuesdayThanksgiving DayRocket to FutureHappy Singles' DayMIUI Happy MedalWomen's Day MedalMIUI 9MIUI Fan from IndiaXiaomi 6th AnniversaryMerry ChristmasMIUI 300 WeeksDiwali Olympics MedalMIUI 6th AnniversaryMIUI Forum AppPokemon Master Medal1500K Forum Members1800K Forum Members1300K Forum MembersUEFA EURO Medal5 Million Forum PostsMiPopI Love Mi BunnyAlpaca Mi Bunny SurpriseMIUI Quick DiscussionHumor MasterScroll Of Wisdom25 Million StrongPioneer of MIUI English Forum Mr. Dependable9 Million Forum MembersXiaomi 8th AnniversaryMi Lover MedalMIUI Weekly Devices QuizMIUI SuperstarTechnology GuruOTA FeedbackAndroid GuruMi Bunny Game Master Updates LoverYouth PledgeRingtone Star Theme TalentMIUI FB FollowerMIUI Twitter FollowerStar Of IconsForum Contest LoverMIUI G+ FollowerInbox ZeroDebate MasterMi TalentRingtone TalentAndroid ElfStar Of TechnologyMIUI Follower

15:46, Nov-23-2015 | From PC
|
Awesome thanks
--------- ----------------------- --------

Credits Management

Quick Reply Top Return to the list