Launcher Themes: Difference between revisions

From Flashpoint Datahub
Jump to navigation Jump to search
mNo edit summary
(Migrated links from Discord CDN)
 
(6 intermediate revisions by 6 users not shown)
Line 5: Line 5:
== Creating Themes ==
== Creating Themes ==


Add a folder with the theme's name in Flashpoint's themes folder, and a <code>index.css</code> file inside. The launcher runs on Electron, being possible to press <code>Ctrl+Shift+I</code>, open the Elements tab in developer tools, and hover over individual elements to know what they are.
Add a folder with its name in Flashpoint's themes folder, and a <code>theme.css</code> file inside. The launcher runs on Electron, being possible to press <code>Ctrl+Shift+I</code>, open the Elements tab in developer tools, and hover over individual elements to know what they are.


The launcher will follow the created style on top of the default theme; you can also stylize over other themes via @import:
The launcher will follow the created style on top of the default theme; you can also stylize over other themes via @import:
Line 11: Line 11:


== Downloadable Themes ==
== Downloadable Themes ==
{| class="wikitable sortable"
|-
! Theme Name !! Version !! Created by !! Download !! Info
|-
| Custom Background Image || 0.3.1 ||  Obelisk || [https://cdn.discordapp.com/attachments/496132309498724391/851330463012487209/CustomBackgroundImage.zip Download] || This theme allows you to personalise your launcher. You can change the background and even import other themes on top of it. <br>To do that, replace the <code>background.png</code> to an image of your choosing and rename it, then you can edit the <code>theme.css</code> file with a text editor to change the image layout and import other themes.
|-
|}
<div><gallery mode="slideshow" heights=400px caption="Custom Background Image Theme by Obelisk">
<div><gallery mode="slideshow" heights=400px caption="Custom Background Image Theme by Obelisk">
File:Customhome.PNG|Home page
File:Customhome.PNG|Home page
Line 28: Line 20:
! Theme Name !! Version !! Created by !! Download !! Info
! Theme Name !! Version !! Created by !! Download !! Info
|-
|-
| Right to Left Theme || 1.01 ||  [.] aka [ DOTY ] || [https://cdn.discordapp.com/attachments/849140426156933130/854798239689211944/RTL.zip Download] || This theme is intended to be used with languages that read right to left (e.g Arabic)<br>Thanks to Obelisk and his theme (Custom Background Image), this theme can blend with other themes!<br>Just open the <code>theme.css</code> with a text editor and change the default applied theme.
| Custom Background Image || 0.3.1 ||  Obelisk || [[Media:CustomBackgroundImage.zip|Download]] || This theme allows you to personalise your launcher. You can change the background and even import other themes on top of it. <br>To do that, replace the <code>background.png</code> to an image of your choosing and rename it, then you can edit the <code>theme.css</code> file with a text editor to change the image layout and import other themes.
|-
|-
|}
|}
Line 36: Line 28:
File:rtlgame.PNG|Games page
File:rtlgame.PNG|Games page
</gallery></div>
</gallery></div>


{| class="wikitable sortable"
{| class="wikitable sortable"
Line 42: Line 33:
! Theme Name !! Version !! Created by !! Download !! Info
! Theme Name !! Version !! Created by !! Download !! Info
|-
|-
| Exceptional World || 1.0 ||  Ponblox || [https://cdn.discordapp.com/attachments/621510779476115496/801520024808194109/FPEW.zip Download] || This theme pack is based on the Eddsworld internet cartoon series. <br>This file contains a ReadMe document, it is heavily required that you read it before installing the theme.  
| Right to Left Theme || 1.01 ||  [.] aka [ DOTY ] || [[Media:RTL.zip|Download]] || This theme is intended to be used with languages that read right to left (e.g Arabic)<br>Thanks to Obelisk and his theme (Custom Background Image), this theme can blend with other themes!<br>Just open the <code>theme.css</code> with a text editor and change the default applied theme.
|-
|-
|}
|}
Line 55: Line 46:
! Theme Name !! Version !! Created by !! Download !! Info
! Theme Name !! Version !! Created by !! Download !! Info
|-
|-
| Modern Light Theme || 0.2 ||  LostError || [https://cdn.discordapp.com/attachments/569426826691346444/648777030971817985/ModernLightTheme.zip Download] || A bright modern light theme.
| Exceptional World || 1.0 ||  Ponblox || [[Media:FPEW.zip|Download]] || This theme pack is based on the Eddsworld internet cartoon series. <br>This file contains a ReadMe document, it is heavily required that you read it before installing the theme.
|-
|}
 
<div><gallery mode="slideshow" heights=400px caption="Emo Theme by Ponblox">
File:Emotheme.png|Home page
File:Emotheme2.png|Games page
</gallery></div>
 
{| class="wikitable sortable"
|-
! Theme Name !! Version !! Created by !! Download !! Info
|-
| Emo || 1.1 ||  Ponblox || [[Media:emotheme.zip|Download]] || Theme Pack inspired by the 2000s Emo Scene with an Emphasis on My Chemical Romance
|-
|-
|}
|}
Line 68: Line 72:
! Theme Name !! Version !! Created by !! Download !! Info
! Theme Name !! Version !! Created by !! Download !! Info
|-
|-
| Pastel Pink || 1.0 ||  Greett || [https://cdn.discordapp.com/attachments/496132309498724391/849976124549496842/Pastelpink.zip Download] || This theme makes the launcher very pink and cute!
| Modern Light Theme || 0.2 ||  LostError || [[Media:ModernLightTheme.zip|Download]] || A bright modern light theme.
|-
|-
|}
|}
Line 81: Line 85:
! Theme Name !! Version !! Created by !! Download !! Info
! Theme Name !! Version !! Created by !! Download !! Info
|-
|-
| Ubuntu Theme || 0.0.1 ||  TheCheeseWeez || [https://cdn.discordapp.com/attachments/496132309498724391/851484920039211078/Ubuntu.zip Download] || A Theme that looks like Ubuntu. It is the default theme for OfficeBlock, a side project related to Flashpoint. <br>You must read the ReadMe or it will not work.
| Pastel Pink || 1.0 ||  Greett || [[Media:Pastelpink.zip|Download]] || This theme makes the launcher very pink and cute!
|-
|}
|}


Line 93: Line 98:
! Theme Name !! Version !! Created by !! Download !! Info
! Theme Name !! Version !! Created by !! Download !! Info
|-
|-
| Iconic Dark Theme || 1.2.0 ||  LostError || [https://cdn.discordapp.com/attachments/496132309498724391/920166639092248576/IconicDark.zip Download] || A modern dark theme, with icons.
| Ubuntu Theme || 0.0.1 ||  TheCheeseWeez || [[Media:Ubuntu.zip|Download]] || A Theme that looks like Ubuntu. It is the default theme for OfficeBlock, a side project related to Flashpoint. <br>You must read the ReadMe or it will not work.
|-
| Iconic Light Theme || 1.0.0 ||  LostError || [https://cdn.discordapp.com/attachments/496132309498724391/918885267698487396/IconicLight.zip Download] || A bright modern light theme, with icons.
|}
|}


Line 105: Line 108:
</gallery></div>
</gallery></div>


== Downloadable Theme Packs ==
{| class="wikitable sortable"
{| class="wikitable sortable"
|-
|-
! Theme Name !! Version !! Created by !! Download !! Info
! Theme Name !! Version !! Created by !! Download !! Info
|-
|-
| Colorized || 1.2 ||  mathgeniuszach || [https://cdn.discordapp.com/attachments/496132309498724391/709859929330155571/Themes.7z Download] <br>[https://cdn.discordapp.com/attachments/496132309498724391/709860335049375754/ThemesEXT.7z Download Expansion] || This theme pack allows for customization of 4 main areas of the launcher with any color variation. <br>Colors included: Bronze, Forest, Gold, Gray, Green, Light, Magenta, Ocean, Orange, Purple, Red, Red Velvet, Silver, Steel Blue, Teal and Yellow.
| Iconic Dark Theme || 1.2.0 ||  LostError || [[Media:IconicDark.zip|Download]] || A modern dark theme, with icons.
|-
| Iconic Light Theme || 1.0.0 ||  LostError || [[Media:IconicLight.zip|Download]] || A bright modern light theme, with icons.
|}
 
<div><gallery mode="slideshow" heights=400px caption="Coolmath Classic Theme by Wumbo">
File:CoolmathClassic_Home.png|Home page
File:CoolmathClassic_Browse.png|Games page
</gallery></div>
 
{| class="wikitable sortable"
|-
! Theme Name !! Version !! Created by !! Download !! Info
|-
| Coolmath Classic || 1.0 ||  Wumbo || [[Media:CoolmathClassic.zip|Download]] || A theme based on the design of Coolmath (Games) circa 2011.
|-
|-
|}
|}


== Downloadable Theme Packs ==
<div><gallery mode="slideshow" heights=150px caption="Colorized Theme Pack by mathgeniuszach">
<div><gallery mode="slideshow" heights=150px caption="Colorized Theme Pack by mathgeniuszach">
File:SteelBlue.PNG|Steel Blue
File:SteelBlue.PNG|Steel Blue
Line 132: Line 149:
File:Yellow.PNG|Yellow (In Expansion)
File:Yellow.PNG|Yellow (In Expansion)
</gallery></div>
</gallery></div>
{| class="wikitable sortable"
|-
! Theme Name !! Version !! Created by !! Download !! Info
|-
| Colorized || 1.2 ||  mathgeniuszach || [[Media:ColorizedThemes.7z|Download]] <br>[[Media:ColorizedThemesEXT.7z|Download Expansion]] || This theme pack allows for customization of 4 main areas of the launcher with any color variation. <br>Colors included: Bronze, Forest, Gold, Gray, Green, Light, Magenta, Ocean, Orange, Purple, Red, Red Velvet, Silver, Steel Blue, Teal and Yellow.
|-
|}


== Default Themes ==
== Default Themes ==

Latest revision as of 18:24, 15 November 2023

Here are themes for the Launcher that have been made by our community. You can talk about them or ask questions in our Discord in the #launcher-chat channel.

Themes are located in Data\Themes in your Flashpoint folder. To install one, move its folder to this location; It will show up in the Config tab upon restart.

Creating Themes

Add a folder with its name in Flashpoint's themes folder, and a theme.css file inside. The launcher runs on Electron, being possible to press Ctrl+Shift+I, open the Elements tab in developer tools, and hover over individual elements to know what they are.

The launcher will follow the created style on top of the default theme; you can also stylize over other themes via @import: 

@import url('/Themes/Metal/theme.css');

Downloadable Themes

  • Custom Background Image Theme by Obelisk
  • Home page

    Home page

  • Games page

    Games page

Theme Name Version Created by Download Info
Custom Background Image 0.3.1 Obelisk Download This theme allows you to personalise your launcher. You can change the background and even import other themes on top of it.
To do that, replace the background.png to an image of your choosing and rename it, then you can edit the theme.css file with a text editor to change the image layout and import other themes.
  • Right to Left Theme by [ DOTY ]
  • Home page

    Home page

  • Games page

    Games page

Theme Name Version Created by Download Info
Right to Left Theme 1.01 [.] aka [ DOTY ] Download This theme is intended to be used with languages that read right to left (e.g Arabic)
Thanks to Obelisk and his theme (Custom Background Image), this theme can blend with other themes!
Just open the theme.css with a text editor and change the default applied theme.
  • Exceptional World Theme by Ponblox
  • Home page

    Home page

  • Games page

    Games page

Theme Name Version Created by Download Info
Exceptional World 1.0 Ponblox Download This theme pack is based on the Eddsworld internet cartoon series.
This file contains a ReadMe document, it is heavily required that you read it before installing the theme.
  • Emo Theme by Ponblox
  • Home page

    Home page

  • Games page

    Games page

Theme Name Version Created by Download Info
Emo 1.1 Ponblox Download Theme Pack inspired by the 2000s Emo Scene with an Emphasis on My Chemical Romance
  • Modern Light Theme by LostError
  • Home page

    Home page

  • Games page

    Games page

Theme Name Version Created by Download Info
Modern Light Theme 0.2 LostError Download A bright modern light theme.
  • Pastel Pink Theme by Greett
  • Home page

    Home page

  • Games page

    Games page

Theme Name Version Created by Download Info
Pastel Pink 1.0 Greett Download This theme makes the launcher very pink and cute!
  • Ubuntu Theme by TheCheeseWeez
  • Home page

    Home page

  • Games page

    Games page

Theme Name Version Created by Download Info
Ubuntu Theme 0.0.1 TheCheeseWeez Download A Theme that looks like Ubuntu. It is the default theme for OfficeBlock, a side project related to Flashpoint.
You must read the ReadMe or it will not work.
  • Iconic Theme by LostError
  • Iconic Dark Home page

    Iconic Dark Home page

  • Iconic Dark Games page

    Iconic Dark Games page

  • Iconic Light Home page

    Iconic Light Home page

  • Iconic Light Games page

    Iconic Light Games page

Theme Name Version Created by Download Info
Iconic Dark Theme 1.2.0 LostError Download A modern dark theme, with icons.
Iconic Light Theme 1.0.0 LostError Download A bright modern light theme, with icons.
  • Coolmath Classic Theme by Wumbo
  • Home page

    Home page

  • Games page

    Games page

Theme Name Version Created by Download Info
Coolmath Classic 1.0 Wumbo Download A theme based on the design of Coolmath (Games) circa 2011.

Downloadable Theme Packs

  • Colorized Theme Pack by mathgeniuszach
  • Steel Blue

    Steel Blue

  • Forest

    Forest

  • Gold

    Gold

  • Light

    Light

  • Red Velvet

    Red Velvet

  • Silver

    Silver

  • Bronze (In Expansion)

    Bronze (In Expansion)

  • Gray (In Expansion)

    Gray (In Expansion)

  • Green (In Expansion)

    Green (In Expansion)

  • Magenta (In Expansion)

    Magenta (In Expansion)

  • Ocean (In Expansion)

    Ocean (In Expansion)

  • Orange (In Expansion)

    Orange (In Expansion)

  • Purple (In Expansion)

    Purple (In Expansion)

  • Red (In Expansion)

    Red (In Expansion)

  • Teal (In Expansion)

    Teal (In Expansion)

  • Yellow (In Expansion)

    Yellow (In Expansion)

Theme Name Version Created by Download Info
Colorized 1.2 mathgeniuszach Download
Download Expansion		 This theme pack allows for customization of 4 main areas of the launcher with any color variation.
Colors included: Bronze, Forest, Gold, Gray, Green, Light, Magenta, Ocean, Orange, Purple, Red, Red Velvet, Silver, Steel Blue, Teal and Yellow.

Default Themes

  • Default Themes
  • No Theme

    No Theme

  • Flat Metal - Created by Wumbo - Version 2.3.1

    Flat Metal - Created by Wumbo - Version 2.3.1

  • Metal - Created by Wumbo - Version 2.0

    Metal - Created by Wumbo - Version 2.0

  • Smoke - Created by Obelisk - Version 0.1

    Smoke - Created by Obelisk - Version 0.1

  • eXPerience - Created by Wumbo - Version 1.0

    eXPerience - Created by Wumbo - Version 1.0

  • Millennium - Created by MagnificentNoodle - Version 1.2

    Millennium - Created by MagnificentNoodle - Version 1.2

  • Light Neumorphism - Created by LostError - Version 1.0

    Light Neumorphism - Created by LostError - Version 1.0

Retrieved from "https://flashpointarchive.org/w/index.php?title=Launcher_Themes&oldid=9916"