Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
gdevelop5:all-features:themes [2019/05/19 22:00]
piyushpalawat99
gdevelop5:all-features:themes [2019/06/11 17:48] (current)
nilarjun Fixed Images
Line 18: Line 18:
   * DefaultTheme   * DefaultTheme
   * DarkTheme   * DarkTheme
-{{ :​gdevelop5:​all-features:​gdthemefileslocation.png?400 |}}+{{ :​gdevelop5:​all-features:​gdthemefileslocation.png |}}
  
 Next, decide whether your new theme will be light or dark. If it is light, copy the entire DefaultTheme and paste it into the Theme folder. Likewise, if you want to work with darker colors, copy the DarkTheme and paste it into the Theme folder. Depending on your IDE, you may need to use your file manager to duplicate the file outside of your IDE and then reload it. Next, decide whether your new theme will be light or dark. If it is light, copy the entire DefaultTheme and paste it into the Theme folder. Likewise, if you want to work with darker colors, copy the DarkTheme and paste it into the Theme folder. Depending on your IDE, you may need to use your file manager to duplicate the file outside of your IDE and then reload it.
Line 24: Line 24:
 Rename the newly copied theme folder to your own theme'​s description. A short description is best. ie  Sunrise, Sunset, etc. Rename the newly copied theme folder to your own theme'​s description. A short description is best. ie  Sunrise, Sunset, etc.
  
-{{ :​gdevelop5:​all-features:​sunrisethemefolder.png?200 |}}+{{ :​gdevelop5:​all-features:​sunrisethemefolder.png |}}
  
 ===== Working with the new theme ===== ===== Working with the new theme =====
 Now that you have your newly copied theme, you will see four files included in the theme'​s folder: Now that you have your newly copied theme, you will see four files included in the theme'​s folder:
-{{ :​gdevelop5:​all-features:​sunrisethemefiles.png?400 |}}+{{ :​gdevelop5:​all-features:​sunrisethemefiles.png |}}
  
 You can change the theme colors in each of these files. ​ You can change the theme colors in each of these files. ​
Line 34: Line 34:
 Notice also, that there is an index.js file that resides in the Theme folder but outside of the themes. You will also be using this file. Notice also, that there is an index.js file that resides in the Theme folder but outside of the themes. You will also be using this file.
  
-{{ :​gdevelop5:​all-features:​index.js.png?200 |}}+{{ :​gdevelop5:​all-features:​index.js.png |}}
  
 ==== index.js is the place to start your theme. ==== ==== index.js is the place to start your theme. ====
Line 59: Line 59:
 {{ :​gdevelop5:​all-features:​preferencessunrise.png |}} {{ :​gdevelop5:​all-features:​preferencessunrise.png |}}
 For additional information check out the link that is included in GDevelop: For additional information check out the link that is included in GDevelop:
-{{ :​gdevelop5:​all-features:​gdpreferencesthemehelp.png|}}+{{ :​gdevelop5:​all-features:​gdpreferencesthemehelp.png |}}
  
 Read **[[gdevelop5/​all-features//​2-themes.txt|Part 2 of Creating Themes here]]**! ​ Read **[[gdevelop5/​all-features//​2-themes.txt|Part 2 of Creating Themes here]]**! ​