hi guys and welcome back to another ibra corp video thanks for coming back and checking out
the channel today pleasure to have you here if you guys like what we're doing on the channel
please think about subscribing and hitting that like button it really helps the channel out and
of course you can support us on our website by signing up as a member to help us keep going today
we're going to be looking at theme park now theme park's been around for quite a while it's made by
one of our community developers gilbert and we've worked with him before to bring out one of our
other videos which was setting up a custom theme for unraid today though i'm going to be showing
you theme park which covers themes for various different applications to get you going and
really customize the look of your home automation environment there are various themes and various
apps that are supported with those themes here for example we're looking at sonar in all the
different themes that we can get we've got maroon nord plex etc etc there's so many there and you
can then apply those to other applications so for example we've got radar and look at the list down
the side it's huge massive list of supported apps and different ways to actually deploy the themes
as well so we're not locked into one particular operating system or anything like that if you're
using docker i think personally that's going to be the easiest way but there are other options that
are provided here by gilben on ways to install it so if that sounds interesting and you want to get
all your automation apps set up with a beautiful looking theme the way you want it and customize
it this is going to be the video for you so without further ado let's just get stuck into it
so guys thank you very much for coming back today this one's the one that we've been
waiting on for quite a while you also might know gilben as the author for a very popular
blog which is technical ramblings now i know personally i actually followed that guide a long
long time ago setting up i believe at the time was organizer and setting up dashboards for organizer
and at the time this was before we even started the youtube channel so you know
it's funny how small of a world it really is because now we end up working with gilvan
a couple of times and now we're here on the docs website which is docs.theme park dot dev and on
here you've got all the links that you might need we've also put up a very brief document on our
own doc site just to help you with today's video but i highly suggest of course you check out the
official source which is here and you can follow all the links required if you want to help support
gilbert please think about doing that he's also got his discord and donation links there on the
main page now probably the most important page to start off with is going to be the setup page
there's so many different methods that we can use to get the themes to apply to our apps and you can
do it from different angles so it really depends how you want to do this if you're using linux
server i o images for your docker containers then you can use the docker mods functionality in order
to add themes pretty straightforward and honestly it's probably one of the easier ways to do it
it's a really cool implementation by the lsio guys to have docker mods if you want to know more about
docker mods we also covered it in the swag video which is done by ls io as well and that allows us
to add mods to swag for our reverse proxy should we want to so the same applies of course to their
other linux server i o images that support it you've also got methods here for hoshio containers
you've also got self-host methods you've got docker images rootless option the swag docker mod
and then we have sub filter method as well so we can inject it through a proxy we also have nginx
ways to inject it as well you've got apache caddy and traffic as well so you have various different
options you have the stylus method the blackberry theme installer development and community themes
now you might be wondering hey what kind of apps are we going to be supported here what kind of
themes can we get so like i said at the start of the video here's the massive list of apps
that are currently supported and there's more to come as well so you can see with this huge
list i i reckon probably most of you will have your apps covered and we'll be able to set it up
fairly easily you can see here he's got a nice little legend to give you an indication on what
these different apps can support the themes can support um and which sort of you know setups you'd
probably want to use if you're going to use them another thing that we can actually get is also
add-ons to show for example a 4k logo on our radar and sonar that are taking care of 4k content so
that makes it easier to tell apart now that sounds like something small right but that can make a big
difference when you're running a sonar for 4k and running a sonar for just standard definition which
is something we'll cover in the future for you guys then this will be able to style it a little
bit differently you'll be able to tell them apart especially when using the same image same version
they look exactly the same so you might get a little confused when you're working between the
two for example now here's our document which we'll put up with the video and we'll put the
link down in the description but you can see here we've got some example installations as well so
we've got the docker mods options for you here in a docker compost just to give you an example now
this is all can be found of course on the official docs page so this is just to supplement our video
today guys now what you can see in this docker compost file is that line 10 will add the theme
sonar and line 11 adds the theme option of hotline so that's the particular theme that we want for
example it doesn't have to be you guys can change that just add those two lines and restart your
docker container and basically will be done and dusted it will start back up with the new theme
i've also given you some of the hoshio scripts link so that goes obviously to the official docs
as well the nginx proxy manager link as well the stylus method and firefox as well now stylus is
a browser extension available for chrome so that means that we can not have to mess with
anything at all on the server we can just inject it into our browser but there is a little bit of
a downside if you want to call it that and that is that it will only work on the local browser
where you installed stylus and added the configs it may not be the best option for everyone but
it's a option there for you if that's something that suits you which is cool you know the more
options we have the more things we can choose from now here's an add-on for example like we're saying
so in the compost file we can say add-on equals radar 4k logo and that will give us a 4k logo
pretty cool so when we're starting up radar it will come with that we can add that in now gilbane
has also been kind enough to give us some of the words from the developer for this document and
we always appreciate it when the developers get involved with us help us cover their app because
we want to understand it as best as possible to get it to you guys as best as possible
and that way we have a bit of a harmonious relationship so thanks gilbert for filling that
out and then of course at the bottom we can see where we're modifying and you can help support us
there as well so now that we've shown you what it could potentially look like let's actually apply
it to a sonar installation for example and see how it looks so i'm pretty much going to be using this
compost file here that you're looking at and we're going to set up a new sonar installation
okay obviously i don't want to change anything with my current installation
this is just to get us going for this video so let's jump into our terminal application i use
termius i know you guys ask me quite often we're using termias here uh at the moment
and that's what we're going to be using to get into our server so let's get into that now
okay so here we are on our server and as you guys can see i've gone into as root and um we can
pretty much get started now so let's go into our location where we store all of our app data now
if i just type in ls you'll see we have a bunch of folders come up there for all the different apps
i'm currently running on this server so what we're going to do is run sonar but we want to run sonar
a little bit differently so we're going to change one of the folders and create one just for today's
video i'm going to call this sonar 4k we go ls and we can see that folder's there now so let's go to
there and then we'll cd into there so we'll change directory into that folder and obviously that's
empty now we can either continue this in the terminal or we can continue this in code server
using code server which we covered in a video guys i always prefer to use code server it's
just a much nicer way to do things so i'm going to go ahead and do that now okay and here we are
on code server again guys i highly recommend you check this out it is a very cool way to manage
your information and data from any browser in the world back home to your server so it's really cool
link will be pulled up for you so you can check that out if you're interested now
what we're going to do is we've found the folder we've created so here it is sorry now 4k
let's go new file and there we go we've created a docker compose yml and i've just pasted in the
compost file that we have on our docs which is obviously from the official docs as well
so we've got sonar it's pulling the linux server i o repository we've got the docker mod set here
and we're saying in the docker mods we want the sonar theme and we want the theme to be hotline
now the other thing we can do like i said if i just drop that align is we can add the
add-on so we can say tp add-on equals radar 4k in this case it's not going to be radar though
it's going to be sonar 4k logo so we're going to have the hotline theme the sonar 4k logo and
that's pretty much about it now for the ports i'm going to change that because obviously the current
ports are being used we'll say 9695 doesn't really matter just for the purpose of this video
and that is pretty much our compost file okay now your actual compost file is going
to be very different guys keep in mind you might have different paths you're going to
have different volumes in that case i've mapped it to the folder that we just created earlier
and i don't really want anything going into media for this setup but in your case it's going to be
mapping to your media location here uh if you're not familiar with docker compost we actually have
a video in depth on docker compos which will help you understand how it all works and how to use it
and i really recommend it if you are using docker and currently using docker run commands
docker converse will give you a much better way to control all of your containers
and really it's one of the best ways to carry over to another server or anything like that in future
in any case that's our file we'll control s and we'll save that and now let's go back to
our server and if i just type in ls here's our docker compost file we can see that that's fine
so why don't we go ahead and bring that up now of course something you always keep learning is
making sure you type in the stuff correctly the other part we didn't update is the container name
so we want a unique container name because i already have sony ironic running so sonar 4k
for example will do we probably don't want to add anything else to that so let's try it again now
and there you go so what you what you're seeing there if we just scroll up keep in mind i did
not put minus d on the end so i actually want to see the logs with you guys and that's what we're
looking at so right at the start if i just scroll up to the top you can see the theme park mod has
now been applied you've got the theme park there and you've also got the add-on and what theme
we've selected now the other thing you'll notice is it says no day main set and no scheme set so
it's defaulting to https and it's defaulting to themepark.dev now let's just go to that sonar
instance that we've just started up and see what it looks like i hope your eyes are ready for this
one have a look at this this is now our theme for sonar how cool is that pretty impressive
i must say and it really changes the look and feel of your application you can also see in
the top left our logo has 4k written on it so we can now customize and say this is our 4k server
what happens if we don't like this hotline theme maybe we want to change it for a different one
that's easy let's go ahead and do that i'm just going to hit ctrl c and we'll stop
this running container and back in here we've got our hotline theme so let's change that to
dracula you guys know i love my dark themes and dracula is actually a really cool theme one of my
favorites across the board we also applied dracula to add miner because you can apply themes to that
as well so very similar and there you go we just changed the theme so let's bring that back up now
docker compose up applying the theme and now on this screen we will refresh and there you go
we now have the theme changed how easy was that pretty straightforward nothing too special there
now as i said there are also other variables we can use and those are the things that it's
checking once the container is starting up so docker mods is one the tp domain
so it defaults to the example if you self-host and use subfolder you must escape the forward slash
so this is where you would put your own domain there if you like the type of theme so tp theme
the community theme whether it's true and that's if you're using a community theme
option we'll get to that shortly also the add-ons so we have add-ons that we can use
the scheme that we want to use it's optional whether it's the hoshio container also optional
and whether you want to disable the theme also optional only used on some mods for example
now here's the examples for lsio then we have the hoshio containers if you're using them
both are great developers and create awesome templates so it doesn't matter which image you
go for out of these two are both recommended but these are the instructions for both so
that's pretty cool you also have the example there for your compost if you're going to use
a hoshio container now if you're like some of us and you're super paranoid you want to host every
single thing from start to finish you can do that the instructions are here for docker and you also
have the instructions for subfolders and all the other different reverse proxy options you can use
so if you're using a reverse proxy we can tell the proxy to apply themes if we so choose as well
instead of the actual application that just gives you a different way of of addressing it you can do
it from the reverse proxy option or you can do it from each application so you might be asking what
about community themes so what's the difference between community themes and regular themes so
the community themes are options that are not officially supported but as long as they follow
the same variable structure as the rest of them then it will look fine how do i use those themes
with documents we add the environment variable that you see here so here's some for example that
are not officially supported but will work so the infinity stone themes if you wanted those there's
ones called one dark by monk light blackberry themes pine shadow true black and hotline old
which is pretty cool it's nice to see a community contribution option there as well which is great
and a whole different bunch of options so you can go scroll through them on the side there
and you'll see what they look like so if any of those pick your fancy over the official ones
you're more than welcome to use them as well and probably the last thing we'll show you here is the
add-ons so we've got the 4k logo which we've just shown you we've also got the sonar darker option
there the 4k logo for radar same thing again similar thing for reader we've got darker there
alternative audiobook logo bizarre lidar prowler whisper organizer we've got the glass theme there
which is actually a really really cool one it's one of my favorites actually i highly recommend if
you guys are running organizer this is one of the best themes i've ever used and i found it through
technical ramblings of course so thank you gilben for that and then we've also got unraid guys so
you've got unraid you've got alien fallout retro terminal now this is what we showed in our video
on this theme sometime last year so here's the instructions all out there for you as well
really really cool so for plex we've also got the overseer side menu and alternative logo let's see
what that looks like so you can see we can actually theme our plex instance is really
cool let's go back go to the alternative logo here's an actual way to change the logo for plex
pretty cool but it does say to be able to switch with the folgo you must host this file
yourself and change the image url in the css all those instructions are there for you see what
suits you so guys again really cool themes really cool way to customize all of our applications and
get started on the right foot you can change almost anything the amount of apps on here is
crazy absolutely crazy please don't forget to give a like on the video and check out gilbert's work
his work has been really really cool for the community a very big advocate for open source
and we really appreciate his development time getting this all together feel free to go support
him with a donation if you're so interested you can find the link there as well i'm sure
we'll be doing a lot more work with these guys in future especially with linux io we have some
stuff happening there which is fantastic we can't wait to bring that out to you guys soon
and we really appreciate your patience during this time we're starting to get a lot more content
ramping up in the background we have a lot of beta programs happening at the moment and if
you'd like to be a part of that feel free to join our discord we have beta programs all the time
to get you in on videos before they happen and that's a cool way for you to help participate
and provide really important feedback thank you very much for tuning in to another video we
really appreciate your patronage and i can't wait to see you in the next ubricorp video
you