 Today, I'm going to be racing XMO bar on camera. Now. I know what you're thinking Matt Didn't you make a video about 20 days ago? Exactly 20 days ago. They had a banner that looked like this. Yes Yes, I did. I did do that. I did say I was breaking up with X-mone ad but I'm an incredibly stubborn person. I don't like to give up even though X-mone ad made me feel dumb mer than usual but I Wanted to drive back in I wanted to try it again to give it one last chance and I'm having some success I've been using it now for a whole day. I like it But Haskell still stupid But I'm at least understanding it a little bit more. So what I thought I'd do today is go through and Rice X-mobar now the way I got X-mone ad to work finally and to work well with all the features that I wanted to was actually just downloading distro tubes Configuration files and using them as my own now I Have gone through and customized things a little bit But I've left most of the racing the same because I wanted to do that on a video. I Have gone through and changed some of the key bindings and Added a few scratch pads because I love scratch pads. You can never have enough of them So I have done some tweaking but for the most part the rice is the same So let's go ahead and jump in today. We're going to be racing X-mobar before I do two things one This is not a tutorial. I'm still very much a noob at X-mone ad and X-mobar So if you learn something from this fantastic, if you don't well, I mean I mean whatever Second of all, make sure you like comment and subscribe I'm trying to reach three thousand subscribers here fairly soon So every like comment and subscription actually really helps the channel So thanks everybody who's already done so and if you haven't already make sure hit the subscribe button Let's go ahead and jump in Okay, so this is what my X-mobar or an X-mone ad look like right now and as you can see This is mostly just DT's config I've done very little in terms of customizing the look and feel of it I've changed the the workspace names Which is you know not that big of an accomplishment since how it was just a matter of commenting something and I've gone through and added a few Scripts to X-mobar and those are the ones that are in white here So I've gone through and done all that stuff Because really I didn't care about the colors so much. I just wanted to make sure I could at least understand how to get those Modules up in the bar and I figured that out. So I feel very accomplished I've also gone through and changed the font size and the bar size and all that stuff But other than that I've done nothing in terms of pricing But that's like I said, that's because I want to do that in video. So let's go ahead and see what I want to do So first of all, let's look at the color scheme that I've chosen If this looks familiar to you, that's because it's the exact same color scheme that I used for my DWM rice and I've chosen this one because I really really do like it. So it was just easy to go with this one something that I know something that I can Fairly easy get done without it looking weird. I tried to come up with my own Ricing color scheme for I3 if you watch that stream, you'll know that it was Mostly a complete failure purple and pink and black Only go together so far before it just becomes entirely too much I will link that in the show notes or the video description, but that was a disaster So I just decided to use one that was you know pre-made. So let's go ahead and start this off So the way x-mobar works from what I can tell is That we have a background color and a foreground color and that's mostly to do with things that aren't in the Template down here at the bottom and then you have position and a few Flags of how it it behaves so whether or not it's lowered on start hide on start all on all desktops If it's persistent and so on and so forth and then we have a Guess a string here. I don't know if that's what you'd call it You have a group of stuff here. There are all of your commands for your modules up here So you have the date and time the network and so on and so forth These are things that you add most of these things are ones that came with Dts config so like the date the the date and the network and the CPU and the memory in the disk We're all Exactly the same and I'll been left almost exactly the same from how DT had it The only thing I've changed is I made the clock a Little bit different and made it 12 hour the 12 hour clock instead of the 12 24 hour clock. It's just easier this way for me No math involved math is hard whatever But anyways, I actually could go through and delete the the Network one because I don't need it And I don't use it so I can just delete that The ones that I've added I I've changed the pack update script to where it's located for me So other than that that's the same as his but I added volume MPD the temperature one Uptime and the mail script here and these are all the same scripts that I used for my DWM bar as well and then once you get past that section you have a few variables that are called and These are used when you're calling The names of your commands and such and then you have the template This is by far the most annoying part of XMO bar for me is that These this is all done on one line and it's very hard to actually read now For those of you who watched my key binding script thing thing, you'll know that I did all that in one line and That was that was unreadable but this was this is way more unreadable because this goes for like nine hundred lines of Stuff and It's really just not all that readable at all So I don't know if there's any way you can stop that maybe it's just the way that I had them set up Because I think that if I had them set up to wrap text it would probably go through and wrap that text But I don't have them set up that way. So unfortunately, it's all just one line. Now if we go back to the beginning here We can go through and change Some of the colors, which is what we're going to do. So we want the background to be Let's see here. So it's change this word here. So 0 f 1 1 1 a okay, and then the foreground color. I believe we want to be E5 e 9 f zero Okay, and that will go through and Change the background color and then we go here. We want to get rid of all of the lines in between These you can't really see them anyways And I should like zoom in or whatever but there's a pipe in between each one of these. I want to I'm just going to delete those Now I know there's a way I can go through and do that with a substitution, but I'm just gonna go through and do it manually Just because it's easier that way don't accidentally substitute or something, you know That I wasn't supposed to So I'm gonna that's what I'm gonna now is just go through and delete all those first that way. Don't forget We'll leave spaces in between these The cool thing about XMO bar is that you're gonna sign each of these Parts up here an action a click action So if you go through and click on them It will actually bring up the thing that you've assigned to and that's really nice That's something that you can't do with DWM bar unless you use DWM blocks and I use SL status, which you know doesn't work that way unfortunately For whatever reason I decided to use SL status and DWM Couldn't get Colors to work in DWM blocks. I've gotten all that done now I'm going to go through and restart XMO net so we can see what we've done so far So we've gotten some change here, and I think that background looks way better So the next thing we're gonna go through and do and is actually change the way These colors are done and this is going to be quite the process because what I've decided to do is instead of have the whole Text and icon that color. I'm going to screen to make the icon that color Similar to how I've done in my DWM race. So that's going to take some doing so The way colors are done in XMO bar. It's done with this FC like I Guess you'd call it an element. This is kind of it looks very similar to what you'd see and like CSS and HTML kind of because you have the open and close tags and all that kind of stuff It's really weird because this is this is Haskell or it's supposed to be Haskell. That's not actually Haskell It's something some weird Something or the other I'm actually sure what this language actually is I don't think it's actually anything because normally when it says this is actually Haskell You'd see Haskell down here at the bottom and you don't see that in Vim So I don't know what language it says. It's not HTML or anything like that. So it's really weird But it reminds you a lot of HTML because of the open close tags So the way colors work is just you set this FC Equals and then the color you want so for me the way I'm going to be doing this is The FC here is Going to be my color. So in this case, I'm going to change this word here to Bf 616 a Okay, and then after this fn, which is something that you have to wrap that Icon in the fn if you want to show up So I'm going to create a close tag for FC here and an open tag for FC here equals pound E5 e and That one there him and then close that tag that there and Let's see. Yeah, that should work. Okay so Hopefully what that will do is I'll change the color of the music icon, but leave the name of the song and band white Okay, so let's go ahead and see if that worked It did not work. It made it That's because there's way too many numbers here. This is this is This is wrong here. Okay, so it's e five e nine F zero Okay, now try again Yeah, there we go. Good. And I think what I'm going to do is here where there's the I Think if I put a space in between here, I Can actually go through and have a space Because I want to space actually I'm this better be a better to put a space between the next icon Right. Yeah. Okay. I think that's the way it would work be better So then the same thing for the email one so we want to put in a You want to change this color code here to green so a 3 Be 8c Okay, and then put a close tag Slash FC Okay And we want to do an open tag. So FC equals pound II Five e I'll have these memorized hopefully by the end nine F zero Okay, and then we'll close that there oops great And we want to add a space before this Okay, so we'll write that and then restart Okay, and that's good. Yep Okay, and then we want to also want to put a space between the next icon as well So and I don't think I need as much of a space after this Envelope here We'll see if that works better Yeah, it looks better. Good. Okay. So moving on So that takes care of mail Next one is uptime So again, we want to change this Color code here and this is going to be yellow. So e bc be 8b okay, and then Add a color code here or end code here FC and Then an open code here or open tag. It should say FC equals pound e 5e Nine F zero Okay, and then we'll make sure Close tag there. Yep, and then we'll restart make sure it worked. Oh We need to add a space again back here. Okay. Good. All right moving on The next one is temperature. Oh We looks like we forgot one of those pipes That's one of the pipes Okay, so change this one here and this one is going to be blue So change that color code to be one a one C one Okay, and put a closed tag here Okay, and an open tag here equals e 5e 9f zero and That's we're actually going to do two here this time and we'll change All right So this one here is going to be a little bit different because this is where we get to the part where these are actually already colored So And it's also going to be a little bit different because the cup these icons are actually Up there up in the cup the commands. So that's going to be a little bit different So I'm gonna have to go through and change that So in order to put an icon here What we'll do is go through and put the icons here so that's all consistent and I have the cheat sheet here So we can go through and first change the color to what we want to change and this is going to be purple so it's going to be a for 8e ad Okay, and then the the code for the Icons is Fn equals to To tell you the truth, I don't know what that equals to means. I know you can set it something different Because the one at the end has equals three. I'm not sure what that means. Maybe it means spaces I'm not exactly sure And we'll put a coat and one here as well fn. Okay, and then this is where we'll put the Icon which we want the icon for CPU to be a chip. I think Yeah, this one should work here. So we'll copy that and Paste that yep, that'll work Okay, and then we'll put a close tag here for the color and an open one equals e5e 9f0 okay, and that should take care of The CPU one. Yep. Okay. Good, and then we'll do the same thing here for memory now So that means we'll need to change the color here first and this one is going to be I Guess we're gonna go back to red. So Bf616 a Okay, and then fn equals to Space space so we have space in there slash fn and then we want the Icon to be like a chart or something One of these charts should be good. This one here will be good and then paste that that'll be good We'll leave a space. We may not need that extra space But we'll leave it there and then we will put a close tag here for the colors and open tag equals e5e Almost have it memorized 9f0 and then we'll close that and then That takes care of memory. The next one is the disk So we will change this color. This one here is going to be green a 3b e 8c and then ffn oops fn equals to And then we'll close that fn and then we want this one to be Let's see. I think there's a hard drive Oops actually have to spell right. Nope. There's not a disk Let's see here. Oh It's right here HDD Everything else on here is not an abbreviation, but this one here happens to be an abbreviation that is completely inconsistent Okay, and we'll paste that and that works right And then we'll put a closed tag here and an open tag equals e5e I Can't get those last three numbers 9f0 9f0 Okay, that takes care of CPU the the Volume one is going to be a little bit Easier because I already have that one done so we changed that one to We'll make that blue 8 8c 0d 0 and Then here we'll put a closed tag and And an open tag for colors equals e5e 9f0 It doesn't have to be capitalized. So that should be okay. We make you gotta make sure to close that And that takes care of volume And the next one is going to be the updates which should also be fairly easy this one can be purple which is a for 8 eaD and then we will put a I think there needs to be like a space before this Yeah, so we'll put a closed tag here. Oops. That's not a closed tag. We forgot to slash and Then we'll put an open tag Equals e5e Zero or 9f0 9f0 close Okay, and that takes care of volume and one more and we're almost done is the date so The date one is going to be a little bit different because again the icon is in the wrong place We'll have to go through and delete that part here in a minute. So The color for this one is going to be red sure B F616 a I may end up changing these later and then we need fn equals to Fn and Then we'll close out the FC here and open up an FC equals pound e5 e 9f0 I told you I'd remember it by the end Okay, and I did that one completely well looking so now we need to just get the icon which will be here Let's see we need clock There we go That's a work. All right There we go now We need to go through up here and delete the Icons from these so we just delete between the fn's just delete this part. I Think the space needs to stay there, but maybe not we'll delete one space We'll know we're wrong if XMO bar disappears Just delete these And delete this here Okay, we're on our right. We're gonna restart X moment XMO bar now This should be a radical change and it is of course Those colors aren't showing up. So we made the same mistake when we did the first one. What was that mistake? It must be the colors aren't right So the first one is temperature So we'll go down here to the temperature and see if the the code's not right Because the code for four of them are just aren't showing up So we're gonna scroll down here to the temperature for the first temperature one. This one here is here E5 E9 F0 FC That should be right E5 E9 F0 make sure I got the right code E5 E9 F0. Yeah Why is it not working? What's the difference between this one? What's the difference between this one here? E5 E I've obviously made a mistake in the syntax somewhere FC equals Pound sign. Oh, there's no pound sign. You got to put a pound sign there That's gonna be the mistake I made on every single one of them. I guarantee it. So we're just gonna go down here look no pound sign You just got it when you don't do things right things don't go right. Let's see here Make sure we didn't forget one this one here So that should be that was the and there should be another one the hard drive one You're probably watching me make those mistakes or you're probably shouting at the screen you idiot Put a pound sign there. Okay, so now we can try again. There we go Yeah, that's good. So now there's too much space between the the memory one and The hard drive one so we need to delete some spaces there. So the hard drive one need to delete a space and We'll delete a space between the memory one as well and we'll delete a space between the CPU one as well actually look it looks like the memory one or the One with a chipset Which is CPU I believe needs to have to delete it maybe even the one before but we'll try just one So let's see what this looks like. Yeah, it looks a little bit better the space for the memory one is still a little off So the memory one needs trying to find out why there's just extra space here for the memory one Maybe because there's a space there Maybe there's an extra space because The number gets bigger. I don't know if it doesn't really matter, but it does look better There's also an extra space there between the clock one. So we'll go down here to the end and we'll delete that extra space Trying to get the spaces to look at least somewhat Similar Yeah, that's better Okay, good Looks like there should be a space between the temperature and the uptime Really wishes was an all-in-one line That's easily the worst part about this is it's all-in-one line. You have to scroll and scroll and scroll Then by the time you're done scrolling you've forgotten what you're doing. I Think what I was doing was putting a space between here. Yeah, it looks better A space in between the hard drive and the volume as well Okay, then after that the next thing will be to work on the workspace name colors Yeah, it looks better good. Awesome. Okay, so What's different here is that the workspace name colors and stuff is actually done from your xmo and I can fix so We're done here So I can go through and actually close this out here. We'll make sure we save it again Which is good close that now if we go down here to the bottom Now this is xmo and hs as you can see here and as far as I'm aware. This is where the colors for The workspaces are done So this right here is the current workspace xmo bar color. So if we change this color here to Green I think is the one that we want. This is basically green already, but we wanted the correct green This should be a 3b e 8c a 3b e 8c make sure it's all right. Okay, and then this one here is the visible but not current workspace So this is gonna be on the other monitor and I want this to be red So this is going to be Bf 616 a Okay, and then this one here is going to be inactive workspaces and We want that to be I think I'm just gonna make these white So we'll change this word here to e5 e F 9f0 Okay, and then we will save that and then restart xmo nad And there we go. Cool. Now the purple ones are This color here and we want those just to be white as well. I think I think I want those to be white We'll make them white and we'll see if that if I change my mind e5 e There we go. All right and write this There we go. Yeah, that's cool. That's really good. Um, and then I think that's good enough Uh, this is the color of the title active windows so we can change this to white as well yep, and I think That's good enough Uh, the workspace here can change to red The urgent workspace. I mean bf 616 a Okay, and that's good. That's good. We'll write this And we'll restart xmo nad to see make sure it looks good Yeah, that looks good. Um Um It's not quite as colorful as the dwm one because I don't have that extra like color here in the middle I could probably change that but I actually kind of like this. Um So That is racing xmo bar. It was done in like 40 minutes And I didn't make too many mistakes other than you know, actually not going through and you know adding The pound sign where it's supposed to be so and that's just a typo. So Thanks for watching. If you enjoy this content, I'll probably be making some more videos on xmo bar and xmo nad and stuff I seem to be obsessed with this window manager for for right now. I did install herb slough Wm the other day. I haven't dived much into it But there will be a video on her herb slough here in a week or so once I get my head around it and Get a bar working and stuff. So Thanks for watching. You can follow me on twitter at the linux cast. You can follow me on Facebook at the linux cast and you can support me on patreon at patreon.com slash linux cast Before I go I'd like to take a moment to thank our current patrons devon marcus maiglin donnie spen maric camp and michel Thanks everybody for watching. I'll see you next time