Tutorial  Updated

Create FBI themes

You might've not known this, but FBI has a theme feature. It loads them from /fbi/theme.

Here's how you can make your own themes:
  • Download the FBI repo from Github. ("Clone or download" -> "Download ZIP")
  • Make a seperate folder for your theme, and put the contents of the "romfs" folder in the ZIP inside the folder you've just created. You can dismiss the rest of the ZIP.
  • Edit the images. Make you you keep them in the PNG format and don't resize them.
  • The text colors are stored in the textcolor.cfg file, they're formatted as hexadecimal ARGB (Alpha, Red, Green, Blue). Alpha "FF" means full opacity, so you would probably want to keep that.
  • Done!
You can zip up your folder to share your theme, and install it by putting the contents in the "/fbi/theme" folder (create it if it doesn't exist), and your theme will be in effect the next time you boot up FBI.

Here's a theme I've done myself:

Download (this is an edit of @phoen1x74's https://gbatemp.net/threads/re-release-dark-fbi-theme.455878/ )

top_0001.png
.eJwNyFEOgyAMANC7cABaG8DqZRaGBE3UEtp9Lbv7TN7X-7rPON3qdrOuK8B2aJGxeTUZuVXfRNpZcz_UF7kgm-WyX_U2BUqE_OCJMYXIvDyVIvGcFuQYcKZA8BZ7IeLk-93c7w8jLyJB.KtdPAx4trHv-IluG5R8hrowkq_A


-Erman
 
Last edited by erman1337,

Navonod

Luigi from Luigi's Mansion
Member
Joined
Sep 14, 2016
Messages
601
Trophies
0
Age
33
XP
1,535
Country
United States
This is what I have come up with.
Had to use Kitkat to take a screenshot. I don't know of any other way.
http://imgur.com/a/aovWf

I dropped the retro look and got cleaner backgrounds.
Added "windows" for certain things and buttons.
Re-centered the larger button. Feel free to use any of the bars and images in other themes.
Except for the FBI icon image. Kind of want that as my own thing. Thanks.
preview.png

preview2.png

preview3.png

preview4.png

preview5.png
 

Attachments

  • OLD Ascii Dedsec inspired.rar
    130.8 KB · Views: 339
  • NEW no Ascii art.rar
    107.6 KB · Views: 361
Last edited by Navonod,

elBenyo

Wad of meat.
Member
Joined
Jan 2, 2016
Messages
487
Trophies
0
Age
33
XP
885
Country
United States
So I'm working on this theme and I can't get rid of the logo.png. Deleting it load the default and giving it a transparent png shows the transparency like you see it in the file. Should I just make the logo.png the part of the background it is covering? I haven't because that would take forever.
 

Attachments

  • logo.png
    logo.png
    1.3 KB · Views: 344

pietempgba

Well-Known Member
Member
Joined
Jun 9, 2016
Messages
1,049
Trophies
0
XP
1,515
Country
United States
Save colors from transparent pixels set the compression level to 0 also I don't exactly know if transparent icons work or not

--------------------- MERGED ---------------------------

transparent icons work create a new layer in gimp set it to transparency drag it above the layer that is solid and delete the solid layer
 

elBenyo

Wad of meat.
Member
Joined
Jan 2, 2016
Messages
487
Trophies
0
Age
33
XP
885
Country
United States
Save colors from transparent pixels set the compression level to 0 also I don't exactly know if transparent icons work or not

--------------------- MERGED ---------------------------

transparent icons work create a new layer in gimp set it to transparency drag it above the layer that is solid and delete the solid layer
They sure do, Gimp worked. Here is my Final. Recentered and All. I'll be back with a Screenshot for previewing.

--------------------- MERGED ---------------------------

Save colors from transparent pixels set the compression level to 0 also I don't exactly know if transparent icons work or not

--------------------- MERGED ---------------------------

transparent icons work create a new layer in gimp set it to transparency drag it above the layer that is solid and delete the solid layer
Thanks for the help btw.
 

Attachments

  • Preview.png
    Preview.png
    42.5 KB · Views: 406
  • First Theme.zip
    800.8 KB · Views: 281
  • Like
Reactions: lonewolf08

elBenyo

Wad of meat.
Member
Joined
Jan 2, 2016
Messages
487
Trophies
0
Age
33
XP
885
Country
United States
View attachment 74231

--------------------- MERGED ---------------------------

I made a clean theme preview out of the template and moved the bottom part of the body down a little bit
Yay, we're up to a whopping 5 publicized themes. The gap the 3DS has between screens compensates for that IRL. I just reuploaded it to fix the screen gap looking a little big.
 
Last edited by elBenyo,

Navonod

Luigi from Luigi's Mansion
Member
Joined
Sep 14, 2016
Messages
601
Trophies
0
Age
33
XP
1,535
Country
United States
I personally use paint.net. I feel like gimp is more complicated. Lol

With paint.net, use the selector tool then select the whole image go to edit then cut. Save your new invisible image.
 
Last edited by Navonod,

Site & Scene News

Popular threads in this forum

General chit-chat
Help Users
    Psionic Roshambo @ Psionic Roshambo: @SylverReZ, Indeed lol