Slide show

These Beauty and the Beast themes will bring some magic to your Android phone

These Beauty and the Beast themes will bring some magic to your Android phone

Theme as old as time… true as it can be…

Beauty and the Beast is coming back to theaters with a big, bold, live-action telling of our favorite bookworm princess. As a diehard Disney fan, this means breaking out the Nova Launcher and the KWGT to get my theme on. There's a lot of iconic characters to cover in Beauty and the Beast, and without further ado, here they are!

We invite you to relax, pull up a chair, as Android Central proudly presents… your themes.

Belle

Belle is a bold, brainy bookworm who wants the world to see past her beautiful exterior to the intellect and ingenuity inside. While Belle has and always will be defined to the world and her fans by the yellow dress, I wanted to portray Belle's theme the way I think she'd use a home screen: elegant but functional, with her passion for books in full view.

This theme wouldn't have been possible without the exceptional skills of Virginia Poltrack of Fat Russell watch faces, who made this perfectly-fitting wallpaper!

  1. Long-press the wallpaper on your home screen until a series of options appear.
  2. Tap Wallpapers.
  3. Tap Pick image.

  4. Select your downloaded Belle's Bookcase Wallpaper.
  5. Center your wallpaper. If your screen is wider than the image, make sure when you zoom in that you stay at the top of the image, cutting off some of the wood at the bottom rather than cutting off the top shelf.
  6. Tap Set wallpaper.

  7. Open Nova Settings.
  8. Tap Look & feel.
  9. Tap Icon theme.

  10. Select Whicons.
  11. Return to the home screen and long-press the app drawer icon until the icon menu appears.
  12. Tap Edit.

  13. Tap the icon box to edit it.
  14. Select Whicons.
  15. Scroll down to G for Google. Select Google Play Books, a symmetrical open book.

  16. Tap Done to confirm the icon change.
  17. Long-press the wallpaper on your home screen until a series of options appear.
  18. Tap Widgets.

  19. Press-and-drag a 1Weather Compact widget to the bottom row of your home screen.

  20. In the configuration window, change Background to Dark.
  21. Change Background opacity to 0%.

  22. Change Accent to White (top row, middle).
  23. Tap Done.
  24. Open Nova Settings.

  25. Tap Desktop.
  26. Under Page indicator, tap Indicator color.
  27. Tap Turquoise (third row, fourth column)

  28. Tap the back arrow in the top left corner to return to the main Nova Settings menu.
  29. Tap Folders.
  30. Under Window, tap Background.

  31. Tap Custom (fifth row, fourth column).
  32. Change the color to #a66e2100.

  33. Tap OK.
  34. Return to the home screen.

Belle's Music Widget

Putting a custom-tinted music widgets perfectly inside the top bookshelf takes a little tinkering on any device it's on. Because of the complexity it can entail, I'm keeping the instructions for it to its own section. I'll try to be as clear as I can and explain things as I go, but this is definitely on the advanced side of our spectrum.

These instructions were drafted with KWGT Pro and Nova Launcher on a Google Pixel with a 6x6 desktop grid with height padding set to small for both the dock and desktop. I mention the padding because that will figure into how the widget fits into the shelf.

Before we begin, download the Belle Music Widget Preset into the Kustom/widgets folder on your device using a file manager. If you can't find that folder, open the app up once so that the app can create the folders.

  1. Long-press the wallpaper on your home screen until a series of options appear.
  2. Tap Widgets.
  3. Press-and-drag a 4x2 KWGT widget to the top two rows of your home screen.

  4. Long-press the widget until a Nova menu pops up.
  5. Tap Resizeand stretch the empty widget until it covers the entire top shelf. If it's just barely not covering the top/bottom of the shelf, long-press the widget until the menu pops up and tap Padding.
  6. Tap the widget to configure it.

  7. Tap Exported in the top carousel of tabs.
  8. Tap Belle Music Widget.

  9. Save the widget using the floppy disk icon in the top left bar of the Kustom editor.
  10. Return to the home screen.

Now that we have the widget preset loaded, we need to see what adjustments need to be made to have the white backer of the widget cover the whole shelf, and to have the top left corner of the Material Music Komponent line up with the white backer. Take a look at how close you are to where we need to be, and from there, we have a few adjustments to make:

Adjusting the backer to the shelf

  1. Tap the widget text to open the KWGT editor. (Tapping the album art should take you into the music app instead.)
  2. Tap Shape in the Items tab of the editor.
  3. To adjust the rectangle width-wise, change the Width in the Shape tab.

  4. To adjust the rectangle height-wise, change the Height in the Shape tab.
  5. To move the rectangle up or down in the widget box, adjust the YOffset in the Position tab.
  6. To move the rectangle left or right in the widget box, adjust the XOffset in the Position tab.
  7. Whenever you wish to return to the home screen and check your edits, Save the widget using the floppy disk icon in the top left bar of the Kustom editor.

Adjusting the music component to the white backer

  1. Tap the widget text to open the KWGT editor.
  2. Tap Material Music Komponent in the Items tab of the editor.
  3. To adjust the size of the music komponent, change the Scale in the Layer tab.

  4. To move the komponent up or down to align the album art with the top line of the the white box, adjust the YOffset in the Position tab.
  5. To move the komponent left or right to align the album art with the left line of the the white box, adjust the XOffset in the Position tab.
  6. When you have the top left corners of the komponent and rectangle aligns as you wish, Save the widget using the floppy disk icon in the top left bar of the Kustom editor.

Adjusting the touch shortcuts

Once you have the widget set as you'd like, you can edit the widget to so that you don't re-open the editor every time you hit the text instead of the playback buttons.

  1. Tap the widget text to open the KWGT editor.
  2. Pull the tabs list halfway down the page to the left so that you can see the Touch tab.
  3. Tap the Touch tab.

  4. Tap Kustom Action => Advanced Editor.
  5. Tap Kustom Action to bring up the types of commands you can trigger.
  6. Tap None.
  7. Save the widget using the floppy disk icon in the top left bar of the Kustom editor.

With this touch action saved, you won't re-open the editor by tapping the widget. If you need to edit the widget in the future, you can reach the editor by opening the KWGT app.

Beast

The Beast is a brash, angry, and uncaring individual that Disney has somehow made us all care about more than should be reasonable. We do love a good underdog story, or underbeast story, as it were, but the Beast's whole existence before he meets Belle is consumed by two things: the curse that transformed him, and the enchanted rose that acts as the countdown clock to his eternal punishment as a beast. It is only fitting that his theme is also dominated by these two things as well, with the unnatural fuschia accenting the unnatural magic the Enchantress struck him with.

  1. Long-press the wallpaper on your home screen until a series of options appear.
  2. Tap Wallpapers.
  3. Tap Pick image.

  4. Select your downloaded The Rose She Offered Wallpaper.
  5. Center the rose on your screen as best you can.
  6. Tap Set wallpaper.

  7. Open Nova Settings.
  8. Tap Look & feel.
  9. Tap Icon theme.

  10. Select Lines.
  11. Return to the home screen.
  12. Long-press the app drawer icon until the icon menu appears.

  13. Tap Edit.
  14. Tap the icon box to edit it.
  15. Select Lines.

  16. Scroll down to D for Disney.
  17. Select Disney, the Disney D.
  18. Tap Done to confirm the icon change.

  19. Long-press the wallpaper on your home screen until a series of options appear.
  20. Tap Widgets.
  21. Press-and-drag a 1Weather Tabbed widget to the bottom row of your home screen.

  22. In the configuration window, change Background to Dark.
  23. Change Background opacity to 0%.
  24. Change Icon Set to White.

  25. Change Accent to Fuschia (second row from the bottom, middle).
  26. Tap Done.
  27. Open Nova Settings.

  28. Tap Folders.
  29. Under Window, tap Background.
  30. Select Purple (second row, third column).

  31. Tap the back arrow in the top left corner to return to the main Nova Settings menu.
  32. Tap Desktop
  33. Under Page indicator, tap Indicator color.

  34. Select Purple (second row, third column).
  35. Return to the home screen.

Prince Adam

Wait, Beast has a name?! Yes, yes, he does! And because I feel like Prince Adam would keep a reminder like this on his home screen not only to remind himself of his humanity but of his recovery. In honor of his transformation, this theme follows our previous Beast theme very closely, but things are a little brighter and rosier.

  1. Long-press the wallpaper on your home screen until a series of options appear.
  2. Tap Wallpapers.
  3. Tap Pick image.

  4. Select your downloaded Enchanted Rose Wallpaper.
  5. Zoom in on the wallpaper, cropping the black bars at the top and bottom.
  6. Tap Set wallpaper.

  7. Open Nova Settings.
  8. Tap Look & feel.
  9. Tap Icon theme.

  10. Select Whicons.
  11. Return to the home screen.
  12. Long-press the app drawer icon until the icon menu appears.

  13. Tap Edit.
  14. Tap the icon box to edit it.
  15. Select Whicons.

  16. Scroll down to K for King.
  17. Select King, a symmetrical crown with a fleur-de-lis pattern.
  18. Tap Done to confirm the icon change.

  19. Long-press the wallpaper on your home screen until a series of options appear.
  20. Tap Widgets.
  21. Press-and-drag a 1Weather Tabbed widget to the bottom row of your home screen.

  22. In the configuration window, change Background to Dark.
  23. Change Background opacity to 0%.
  24. Change Icon Set to White.

  25. Change Accent to Custom (rainbow in the top left box)
  26. Drag the arrow in the right-hand color bar between red and purple.
  27. Drag the color circle in the left box to the top of the box about a third in from the left.

  28. Tap OK.
  29. Tap Done.
  30. Open Nova Settings.

  31. Tap Folders.
  32. Under Window, tap Background.
  33. Tap Custom (fifth row, fourth column).

  34. Change the color to #9ad77ba2.
  35. Tap OK.
  36. Tap the back arrow in the top left corner to return to the main Nova Settings menu.

  37. Tap Desktop
  38. Under Page indicator, tap Indicator color.

  39. Tap the most recently used color (sixth row, first column) to use same pink you just used on your folders.
  40. Return to the home screen.

Gaston

He may use antlers in all of his decorating, but there's no way Gaston's wallpaper wouldn't just be a selfie. There's just no way. And lacking Gaston's selfies, his profile portrait from Gaston's tavern is just about as good as it gets. Also keeping to Gaston's simplistic and narcissistic nature, this theme is devoid of widgets, because Gaston wouldn't know how to use them, and he wouldn't stand for any of his lovely form to be covered up.

  1. Long-press the wallpaper on your home screen until a series of options appear.
  2. Tap Wallpapers.
  3. Tap Pick image.

  4. Select your downloaded Gaston's Profile Wallpaper.
  5. Adjust the wallpaper to keep Gaston fully on the screens. On some device this may mean cutting off part of his rifle.
  6. Tap Set wallpaper.

  7. Open Nova Settings.
  8. Tap Look & feel.
  9. Tap Icon theme.

  10. Select Absolute Red.
  11. Return to the home screen.
  12. Long-press the app drawer icon until the icon menu appears.

  13. Tap Edit.
  14. Tap the icon box to edit it.
  15. Select Absolute Red.

  16. Scroll down to D for Deerhunter.
  17. Select DeerHunter 2016, a stag icon.
  18. Tap Done to confirm the icon change.

  19. Open Nova Settings.
  20. Tap Folders.
  21. Under Window, tap Background.

  22. Tap Red (second row, first column).
  23. Tap the back arrow in the top left corner to return to the main Nova Settings menu.
  24. Tap Desktop.

  25. Under Page indicator, tap Indicator color.
  26. Tap Red (second row, first column).
  27. Return to the home screen.

Lumiere

Our golden candelabra gave me a good amount of trouble, as womanizers are wont to do, but I believe I've managed to maintain the maitre d's suave style while imbuing a rosy motif and some modern magic to his setup here. Lumiere is a showman whose very being is quite musical, so we have a nice big widget front and center for him.

  1. Long-press the wallpaper on your home screen until a series of options appear.
  2. Tap Wallpapers.
  3. Tap Pick image.

  4. Select your downloaded Brass Wallpaper.
  5. Center your wallpaper.
  6. Tap Set wallpaper.

  7. Open Nova Settings.
  8. Tap Look & feel.
  9. Tap Icon theme.

  10. Select Golden Icons.
  11. Return to the home screen.
  12. Long-press the app drawer icon until the icon menu appears.

  13. Tap Edit.
  14. Tap the icon box to edit it.
  15. Select Golden Icons.

  16. Scroll down to N for NFL.
  17. Select New Orleans' Fleur-de-lis
  18. Tap Done to confirm the icon change.

  19. Open Nova Settings.
  20. Tap Folders
  21. Under Window, tap Background.

  22. Tap Black (first row, fourth column).
  23. Tap the back arrow in the top left corner to return to the main Nova Settings menu.
  24. Tap Dock.

  25. Tap Dock Background.
  26. Under Shape, tap Rectangle.
  27. Under Content, tap Color.

  28. Tap Black (first row, fourth column).
  29. Under Transparency, drag the slider to 60%.
  30. If your phone uses on-screen buttons, tap Draw behind navigation bar.

  31. Tap the back arrow in the top left corner twice to return to the main Nova Settings menu.
  32. Tap Desktop.
  33. Under Page indicator, tap Indicator color.

  34. Tap Gold (fifth row, first column).
  35. Under Layout, tap Width padding.
  36. Tap None.

  37. Return to the home screen.
  38. Long-press the wallpaper on your home screen until a series of options appear.
  39. Tap Widgets.

  40. Press-and-drag a 4x2 KWGT widget to the top two rows of your home screen.
  41. Long-press the widget until a Nova menu pops up.
  42. Tap Resize.

  43. Resize the empty widget until it covers the top two rows of your screen.
  44. Long-press the widget until a Nova menu pops up.
  45. Tap Padding. This should extend the widget to the edges of your screen.

  46. Tap the widget to configure it.
  47. Tap Exported in the top carousel of tabs.
  48. Tap Lumiere Music Widget. If you don't see it, then you haven't copied the preset at the top of these instructions to the Kustom/widgets folder.

  49. Save the widget using the floppy disk icon in the top left bar of the Kustom editor.
  50. Tap the Layer tab.
  51. Adjust the Scale until the music komponent reaches to the left and right edges of the box.

  52. Save the widget using the floppy disk icon in the top left bar of the Kustom editor again. (Yes, again!)
  53. Return to the home screen.

Cogsworth

Our favorite mantle clock has a short fuse, a meek disposition, and some of the best comedic lines in the film. He's a clock on a schedule and someone who demands to be in the know at all times. While he may not be as musical as Lumiere, I've not doubt he'd keep a music widget on his home screen so that he could strike up some Bach or Mozart to keep him mellow as he puts up with the insanity of the household.

  1. Open Hypno Clock.
  2. Tap Set live wallpaper.
  3. Tap Apply.

  4. Tap Layout, zoom, and scrolling.
  5. Using the Original layout, adjust the scale to put the gears as large or as small on the screen as you like. I've tried to put the center of the bottom-most gear as close to the center my app drawer button.
  6. Press the back button to return to the main menu.

  7. Tap Special Effects.
  8. Under Fluid movement, tap Slow.
  9. Tap Ghostly Gears.

  10. Press the back button to return to the main menu.
  11. Tap Paint your components.
  12. Tap Seconds needle to open the Select components menu.

  13. Scrolls down and tap COLOR EVERYTHING.
  14. Scroll the color bar on the right side until you reach a nice goldenrod.
  15. Press the back button to return to the main menu.

  16. Tap Background image.
  17. Tap Import new image.
  18. Select your downloaded wood grain image.

  19. Scroll down through Available background images and select to your downloaded wood grain.
  20. Tap the slider under Adjust background image darkness and drag it towards about 50%.
  21. Return to home screen.

  22. Open Nova Settings.
  23. Tap Look & feel.
  24. Tap Icon theme.

  25. Tap Golden Icons.
  26. Return to the home screen.
  27. Long-press the app drawer icon until a Nova menu pops up.

  28. Tap Edit.
  29. Tap the icon box to edit the icon.
  30. Select Golden Icons.

  31. Scroll down to C for Cogsworth.
  32. Select the Clock icon that features a solid face and three watch hands, one pointing down, one pointing to 10 and one pointing to 2.
  33. Tap Done to confirm your change.

  34. Open Nova Settings.
  35. Tap Folders.
  36. Under Window, tap Background.

  37. Tap Custom (fifth row, fourth column)
  38. Change color to #a66e2100.
  39. Tap OK.

  40. Tap the back arrow in the top left corner to return to the main Nova Settings menu.
  41. Tap Dock.
  42. Tap Dock Background.

  43. Under Shape, tap Rectangle.
  44. Under Content, tap Color.
  45. Tap the most recent color to select the same shade of brown we just used (sixth row, first column).

  46. Under Transparency, drag the slider to 60%.
  47. If your phone uses on-screen buttons, tap Draw behind navigation bar.
  48. Tap the back arrow in the top left corner twice to return to the main Nova Settings menu.

  49. Tap Desktop.
  50. Under Page Indicator, tap Indicator color.
  51. Tap Gold (fifth row, first column).

  52. Under Layout, tap Width padding.
  53. Tap None.
  54. Return to the home screen.

  55. Long-press the wallpaper on your home screen until a series of options appear.
  56. Tap Widgets.
  57. Press-and-drag a 4x2 KWGT widget to the top two rows of your home screen.

  58. Long-press the widget until a Nova menu pops up.
  59. Tap Resize.
  60. Resize the empty widget until it covers the top two rows of your screen.

  61. Long-press the widget until a Nova menu pops up.
  62. Tap Padding. This should extend the widget to the edges of your screen.
  63. Tap the widget to configure it.

  64. Tap Exported in the top carousel of tabs.
  65. Tap Cogsworth Music Widget. If you don't see it, then you haven't copied the preset at the top of these instructions to the Kustom/widgets folder.
  66. Save the widget using the floppy disk icon in the top left bar of the Kustom editor.

  67. Tap the Layer tab.
  68. Adjust the Scale until the music komponent reaches to the left and right edges of the box.

  69. Save the widget using the floppy disk icon in the top left bar of the Kustom editor again. (Yes, again!)
  70. Return to the home screen.

No comments: