Overriding the Next UI Theme - Live Coding Happy Hour 2022-06-24
[Music] so [Music] hello and welcome to live coding happy hour this is the show where we set out on a journey and you come along with us we've got an idea we know we want to do this is not rehearsed in fact i like to call this the antithesis of a well-polished demo sometimes we scrape our knees sometimes we bump our noses things you do in the real world and we have a good time of it but first let's introduce our cast today hi everyone i am earl gk i am a developer advocate with servicenow i'm about a year into my position here but before that i was a with a bunch of customers doing mostly uh higher education um senior development that kind of stuff uh and i'll switch to eric my name is eric greemer i work at new axis um a premier servicenow partner in the federal space i'm a development team lead and also a two-time developer mvp you were featured on some pictures at knowledge weren't you i was i was even when i wasn't at knowledge i had a giant picture of me on the wall we have to get somebody to go you're you're that guy from knowledge that actually happened to me at knowledge sort of ran into somebody complete stranger started talking he's like you look really familiar from somewhere and i was like i've never met you over there on the wall exactly i pointed across the room and was like is that why and he looks over and looks back at me a couple times like yeah oh so you were literally like standing in front near or in front of the picture he was like 50 feet away but yeah it was like in plain sight from where i was i was like picture i have a picture of jared standing next to jared and sharon standing next to sharon it was fun continuing with the introductions my name is chuck tomasi senior developer advocate at servicenow uh part of the developer program work with earl have a good time make content make videos fix things that we just discovered this morning [Laughter] things are breaking all around us we gotta fix it so next trick is we do uh introduce what we're drinking because this is live coding happy hour there has to be some consumption of a beverage involved earl what do you got so veterans of the show know that um i don't a lot of people drink beer on the show but i tend to drink um spirits of some sort so i have a westward whiskey american single malt um uh i like me a good whiskey so i'm trying on the next several episodes of live coating happy hour i'm gonna be trying different whiskeys and we'll see how they taste you have to have your own little scoreboard of how you like them eric what you got well i actually usually prefer whiskey but my wife gave me enough of a look when i went and grabbed a beer so i have colorado native amber winch which side is this medium multiness and maximum coloradoness coloradoness who is it what brewery is that from it looks familiar colorado native ah okay that is in fact the birth too obvious and i have out of san diego because we're still on san diego release right i have a ballast point grapefruit sculpin and it has a picture of a sculpin on the side so that's how i was should i should this be here i i feel like we're in between yeah we're in between we haven't launched the tokyo content yet we're gonna have to make a new tag soon so um i think uh we should just get right into it right so yep with hosts introduced and drinks introduced i'm turning it over to eric to let us know what we're working on today yeah so we've got next ui and it's a lot different with how you interact with it especially theming it than ui 16 was and it's a little bit of a black box and it's one of those things that i got really interested in right when i first saw it and so spent a lot of time digging around and asking people questions so i thought let's take the polaris theme that's kind of the default and override it and turn it into the old school blimey theme and then why me everyone has a has a blimey in their heart somewhere that's right i think that one's closer to being on brandon than anything i've seen so far got a bright green tone absolutely absolutely and obviously we have a lot more to work with than we did before um but actually i'm just gonna grab here so this is blimey for anybody who does not know i actually flipped my pdi back to i16 earlier today turned on blimey grabbed a screenshot because it's beautiful right so lots of shades of green some gray it'll be fun okay so for anybody who hasn't actually played around with this at all yet if you go into the all menu and you pull up themes you have a whole list of themes but only one of them actually matters for this and that's the polaris one eric can you make your phone bigger good sorry it looks great i just inhaled a bunch of foam that's all so one of the tricky bits that everybody starts off with is this record is in this sm themes application and cannot be edited because it's private and everybody goes well how am i supposed to edit this i'll get to that in a second because you can't actually edit it but we're going to override it but something else is we have all these different styles here and the colors one i think is actually really interesting because it's got some stuff in it that took me a while to work out because whenever you look at any of the documentation that talks about having this json object which is ridiculous it talks about properties this one has base it took me a while to figure out based on something really interesting because these colors like now color neutral doesn't exist anywhere like once you start digging into the css it creates now color neutral 0 1 2 3 4. like some of them have like 10 different of them so let's let's you define one color and then it defines all the related colors off of it so like now color primary you know like controls up here and the purple over here it does a lot of different things but this base section is just sort of a shortcut that iterates through a whole lot of sub colors for you i don't actually like using it that way because it just doesn't give me much control another thing that happens a lot is that colors are defined by other colors so like you know here we have now color primary two which is a variant of at the top here now color primary um and that now color primary two is saying that you know the now loading initial border color should be that so that gets really weird as you start getting into this stuff well where is two and what right where is too defined it's used but is it defined somewhere no well not that we can see this base section takes now color primary and breaks it up for you in the background and you can't actually see what it does oh this feels like it was intentionally obfuscated it does feel that way uh and from you know the user point of view or developer point of view who's not part of servicenow since it's all locked down in a private scope it's also like i don't know what to do everything's weird so yeah there's a lot of weird stuff um and that was like the first big thing that i had to figure out was this private scope and then what the heck is up with base first properties uh so everyone say thank you for eric banging his head against this before um the show started so that you don't have to exactly so going back um most of this stuff is actually kind of self-explanatory once you start looking at it colors defines all the colors shape and form is all about things like border radius and this kind of gives us a lot to work with um one of the cool things about this whole next ui is that you have thousands of different things that you could individually control if you really really really really really really want to both a good and bad thing absolutely all right you know there's plenty of times where theming ui 16 was just like but i want to change just this one thing and you couldn't and now you just have crazy ability to do stuff um and all of these style things being split up um at least all the ones that say core are only split up for convenience so the core ones are when you go to references if you go to theme by the way the only thing that i've done to my pdi right now is enable dark because otherwise i didn't have any theme choices so core is default and every variant becomes a separate little tile over here so when we're done we're going to have a blind new one over here too uh well actually we're not because we're going to override all this and blimey is going to be default but if you have variants they start showing up you know next to and it'll scroll through stuff so the dark variant is basically on top of core so it's whatever's different than core so it just overrides individual things is there a reason why you're doing it on default instead of into a variant um so what from what i understand the right way to do this and thank you to ashley snyder who wrote up this great your first next experience ui theme um the right way to do this is if we scroll down a little bit is we actually create a brand new very theme record and then override the default theme so with like when i started playing with this like rtp and ea this wasn't a thing um but there's a new property that we add and this is apparently the right way to do it so we're gonna go down that path um and i believe because there's future changes coming and they know that this won't collide with those future changes hashtag safe harbor [Laughter] how many episodes of live coding happy hour should we have started with the safe market not too many i mean most of the stuff we're working on standard things we don't we don't give away too many future secrets so anyway so we'll get started here um so back on this you know themes list we're going to just create a new record and we'll call it some themes save that and now we have a theme that has nothing in it um so we need to add a theme style so we're going to insert a new row the applicability is um audiences from like ui builder so you can actually have themes that are locked down to particular audiences so like if one group of people logs in they're gonna see a different theme than another one and then style actually we can you know this is an embedded related list it's one of these many-to-many lists and we're going you know we can just start off by you know relating back to the existing theme if we want to right i'm right in the same place so i can troll chuck later on on all of our instances absolutely oh oh just wait till we get to some of the cool things that you can do to really troll people i've been playing with a couple of things and that there's some fun to be had okay so now that we have this record we're actually gonna step away from it for a second um in order to that system property so we're going to copy the sys id properties create new the value needs to be that cis id and actual name of the property grab from this wonderful thing and drop in there so that's going to say that this is what we want our theme to be and now we can come back to our awesome themes and actually kind of get started on some of this so it's actually weirdly difficult to get to the right place for these themes this ux style table i don't know why it's so weirdly difficult to do it but here we are so what was the purpose of the property and the society of your theme so that tells servicenow that instead of using the polaris theme as the you know theme for the entire instance it should use awesome themes okay but that property looked like you could only hold one society does that limit you to only one custom theme well so each of these theme styles that's inside of here whether it's a core or variant yeah are different themes that you can have oh okay so the ux theme is like a bucket full of themes and then the ux theme styles are the individual themes within it gotcha so generally you wouldn't create more than one of these i think so um i mean maybe if you were doing something i contributed to the society to say use this one it just seems limiting to have a society in a property like that i agree um i don't really know i'm guessing based on absolutely no knowledge that it's got something to do with um you know future functionality and probably an easier way to build some of these things because there's a lot of steps in here i'm not attacking you eric no i get it it is weird and limiting and the only reason that it kind of makes any sense to me is if somebody was in like a domain-separated environment but that's an edge case like there aren't that many customers with domain separation ashley's probably watching this and yelling at her screen right now probably okay so we're going to create a new one of these ux styles call it blindy and we can save this just like this and it's actually going to break things if we save it with this empty style because why do you have anything so one of the you know things that is dangerous about these is if we come over here and look at one of these styles right it's this giant json blob and we have you know all this stuff if it's not valid json it doesn't stop you from saving it and if it is the theme you have selected and it's not valid json and you have all of the next ui chrome around stuff it just dies and you get a white screen rip that makes it hard to debug it really does um so we're actually going to come back over here let's insert a new row blimey in here it's core i can save this record too so i need to actually refresh yeah let's reload my screen and see as i said this is what happens when you say something without valid json in it here yep if you have a tab open that is not um you know doesn't have the rest of that chrome around it [Laughter] wow and that is any typo right not just the style being blank but like comments are not valid in this json payload so that'll kill it um you know missing a comma or an extra comma we'll kill it you may want to have a json validator handy all right so is actually all that we need in order to make it happy if i come back here now that it's happy because now it's just an empty payload yeah and let's change this colors one to a variant now if i reload this page i should be able to come into my preferences i didn't want to update that so what's the difference between specifying core type type core and type variant um so core is kind of the base set of stuff and then a variant is changes on top of it so you could have a whole series of different themes to choose from gotcha okay so we have blimey and now obviously we need to start filling in everything that goes into it so one of the things that ashley was nice enough to give us a link to in here is this color generator which actually generates our json for us that's awesome once we give it a couple of colors we need to give it brand neutral primary and secondary so let's put some blindy colors in there um so i actually grabbed these earlier i will call that primary we will and we can obviously switch these up as we go later we'll throw a neutral in and for a secondary let's do the green doesn't look like blinding green enough oh there it is that's the one let's swap this on we hit generate and it builds all these colors so remember what i said before about you know like the primary zero one two three oh yeah this just did the same kind of thing um you know in order to break those up same thing you know neutral zero through 21. actually really nice that that's kind of built in yeah so it it makes these you know range of associated colors and then we can click copy json and we can come back into blimey and paste that in and it actually comes with some curly brackets so i have a few extra ones and we can select all and hit shift tab to kind of clean things up and now right so we don't have the base we've got neutral zero one two three four five you know etc so we have now have all of these things defined thank goodness we didn't have to watch you type all those numbers i agree not in a great episode though so much fun okay so now we can save this we come here refresh actually get rid of colors here because we don't need that hey i'm actually colorblind that that applies i was i was laughing more at the poorly dressed part hey that also goes hand in hand with the color line sometimes for me so there we go we've got blimey episode whoa i didn't even realize i don't think i've ever realized there was a little wavy thing behind the menu oh yeah yeah there's a translucency or transparency to the menu yeah and in the drop downs too so if you like pull down favorites you'll see the same effect yeah that's hiding in them um it's hiding over here it's all over the place have i not noticed that because i'm color playing it's because with the purple it's subtle it's it's really subtle and the transparency and it's one of those things that's actually interesting because it is in fact it's an svg that has purple in it and so a lot of the time once you get away from the default theme that looks terrible and you can't change that svg oh my gosh i just loaded an instance and it is there oh my goodness how have i not seen this the whole time but here's something fun we do actually have a property for the alpha channel of it and i was prepared in advance because this is something that drives everybody nuts when they start playing with themes because we have this now unified nav menu background image alpha and i'm going to set that to zero okay so now we save this and i cheated a little bit because that one is kind of hard to find the svg's still there we just can't see it so theoretical impact on page load of you know a millisecond or three because it's still loading it but now it's invisible and now we have something that actually looks a lot nicer um when we're not using purple welcome back blimey you are missed so as we're looking at this there is actually a lot of stuff that i feel like is it's not great yet so i'm actually going to grab this url and jump over here because let's get my theme back because there's a lot of stuff that kind of happens in here that you sort of want to be able to manage and look at so i've got my instance here again and you know people are always like well how do you find what color is defined as one because you know like in the all menu here it's hard to read you know the text it's not quite white it's sort of washed out um sometimes you just have colors that clash you know even if we close some of these images so there's two things that i found really helpful one is there's an experimental chrome feature in the developer tool so if you hit f12 and you can come into here it's not in there right now but css overview when you click capture overview you actually get all of the colors that are background colors or text colors and you can be like well where is this used and it can tell you and you know show you exactly where it is and then you can come through and find where is that actually defined oh i i didn't know that thanks and see i've never used it that way before so this is actually a handy one even though it's grayed out is we have this giant block of stuff that's setting the background color um because we have all these variables that's been have been getting defined in fact let's find one that's a little bit easier because this stuff is utterly tiny um let's pull up the theme side and um i just want to point out that uh mark scott in the audience he was joking around how he colors his prod environments as green um as a go away kind of cream but it points to a good use case for what eric is showing us right now is coloring all of your different how to three uh override all the colors and the different you're in different instances so that you know which environment you're in yep yeah and absolutely like super useful to be able to do that um something that i always did in ui 16. yep so a lot of these and i'm just using this text editor not because we should put this here but because it's easier to read and bigger so most of the colors that get defined have you know rgb or rgba for alpha and then parenthesis var because it's calling a variable and then it has a variable names this now unified nav utility menu trigger background color which is actually being defined as another variable which is defined as another var because they don't point to each other until we finally come to now color chrome brand 4 which finally expands to be 48 47.75 so a lot of the time when you're looking at these things like well but i want to change the color of something which variable do i need to change and you have choices right you can just change now color chrome brand four and then it updates that color everywhere or you can get you know more and more specific about exactly which color it is that you want to change so let me grab my wonderful blinding picture over here again so if we look at blimey you know it's not nearly as dark on top as we have you know as it generated so let's change that color and make it something better so we can use our page inspector to look at it and it usually is something where you kind of have to start moving up and down through the list here until you find the actual selector that is all of it okay use the little arrow and point at it you can so many overlapping things that getting the little arrow selector to actually give you the whole one usually doesn't and you end up with something a little bit lower um yeah i usually go like lower down and then like one or two levels up there looks like you found it yep um when i'm dealing with colors i also like to use the filter here and type in color because not all of these have a color in it and i can put in color and then see things with colors and here we have background except this is the webkit scroll bar thumb and that's not what we want this often takes some nudging around and we're in the wrong place because we don't see it anywhere and we might need to go up another level to header bar or sometimes keep going up and down yeah we have another safe harbor from brad i can't share a lot of details but this is going to get a lot easier says brad eric you're making uh very limited content now it's okay because people are still gonna want to use it so sometimes when i have trouble finding it i will actually come back to this css overview and find a color that looks the same and just click on it because these things hide all over the place okay so we have the now unified nav header background color which is defined by the now color chrome brand 10. so i'm going to come in here and grab that variable can you increase the your console size that's a tough one apparently not no hold um hold command and scroll up on it it should do it nope oh on pc it works there we go apparently i can command plus zoomed in on it i didn't think that worked in that window i thought it was only the other window but we all learned something new so [Music] we can actually take a look um at this wonderful website that ashley posted [Music] we can find because there's also multiple tabs of these surface divider chrome brand so this is using chrome brand 10 and if we want to bring this back over to kind of blimey-ish it's more of like chrome brand five so i'm going to grab i had to i'm sorry i had to resist putting chuck's camera on the screen because he was leaning in to read i know i figured you were getting there i was so close to doing that it would have been out of focus way out of focus sorry i had to admit that i had to resist i should have done it it would look like one of those wildlife cameras where the animal comes up close to the camera sorry okay so now just sort of added in you know that unified nav header background color to be chrome brand five and this is something that we hadn't defined already because a lot of these properties especially the ones that point to other ones are they have a default and so we don't even you know have to worry about them and now that's much more blindy oh my gosh it's so blinding this is beautiful in fact actually let's let's take that just a notch darker and make that six there we go i like that um okay so give me something else that we need to tweak how it looks because there is so much that we can touch in here um here actually i i do have one thing that i want to make the text in the menu brighter or what does blimey say um blimey said that how how retinal burning is that menu it's pretty close yeah it's pretty close it's like a hair whiter the tag and it's a slightly darker menu it's probably because of the transparencies making it slightly lighter yeah and that's also something that we can probably find the right thing for an override i mean if we're trying to get like in the heart of making things impossible to see we can make it more transparent so that it's harder to read everything against the things behind that's true um i actually recently stumbled across something really interesting for fonts just anywhere with css [Music] somebody came up with a whole set of a font stack that no matter what system you're on mac pc iphone android it will use your default um system font no interest so if i load this i'm on a mac i get apple's san francisco font if somebody loads up my pdi on a pc they are going to get what font is that uh i think it's avenir or something or one of them anyway so you can actually set it and get system fonts um which is kind of cool that you can do things like that and make it look better you can also really horrify people if we change this [Music] oh my yes only if you um back it up with comic sans oh my gosh it's everything's papyrus except the window itself thank god [Laughter] so the code it didn't touch um but yeah everything else oh my gosh this is atrocious and i love it well so here's the best part of this if we just take that out talking about that you control people with this we can go back to our awesome themes here and we can add another one here in fact we will just do insert and stay here and in our awesome themes we can we can have papyrus be separate and give it a different applicability only some people and you can make it so that only some people end up seeing it and if we make this a variant maybe it's just the people in egypt that want this i don't know right so now that this is a variant you see my my fonts are back to normal yeah and if i come into my preferences i have themes and i can nothing changes but the font because that's the only difference in the variant or the masochist on your instance exactly um so yeah comic sans papyrus pick a horrifying font and you can totally do it um you can even you know make everything into a monospace bond so if you want to do wingdings will probably work now i'm curious i don't know if it's capital or not i haven't looked in so long so oh my gosh it's going to be bad oh it may spell it might be spelled wrong some of this stuff oh there it is take to refresh before it kicks in there you go we call that encryption exactly it's a highly secure system let's pretend edge encryption went overboard so eric actually so if you're able to do any basic css um inside defining these properties including like font family and stuff like that can you do other css um like things instead so i know you're doing rgb but can you do like linear linear gradient can you do like all the weird stuff that some css things can do i don't know oh that's a good question um i know that there are some places that well now let me back up so like if we look over here i can't control background color but i can control now color background primary so as long and the rgb is fixed so i can't change that either so some things are rgb some things are rgba um i mean you notice that i put in the hex codes into this generator and it gave me rgb yep because that's all i can use yeah my gut tells you that's you that's the format yeah um if we come back in here and go back into the polaris one so some of the things that it has like this shape and form um you know we've got like defining border radius um apparently brad says it depends oh yeah currently only rgb for colors right so there's clearly you know other things right you know where we've got you know pixels percent integers depending on what it is that's getting defined um you know but we're just setting the variables basically and then it's running in the yeah yeah and for some things you just can't get away from the fact that it's all connected together right you don't get to you can define what one of them is but you don't get to say oh i need to split this one into two or this one's being reused in multiple places um you know you're just sort of stuck with whatever it is you know so like if you decide that now color neutral zero shouldn't be white and you want to change that it's going to change it everywhere so if something is defined as now color neutral zero that's what it is which is kind of nice i mean you know that's you don't have to worry about finding all those dependencies right right now so there's some stuff that i also think is kind of fun to be able to do so like you know you've got these hover over colors and if we go and inspect on that we can actually say hover and well that's the wrong one so we can go up a little bit and try hover nope still not right we'll eventually find the right level of selector that has well i didn't know you could do that that's cool it is and once you do that you can actually find the hover colors and define those casey's asking um when you say get the font from the system how does that work and can we pull other things from the browser as well so that system font stack isn't actually grabbing the font from the system it's just designed in the right way where let me grab that again it basically says if you have this font use it if you don't then try this one then try this one then try this one and it's it's sort of a fail over thing and like a pc will never have apple system for example exactly and so apple system works on like safari and firefox but doesn't work in chrome because for some reason chrome uses this blink max system font again right it said so anything but a mac is or an iphone is going to fail on those too and then after next and avenir are windows and it just sort of cascades down through what about my nintendo wii browser i don't know i need a set up credentials for you in my pda and you can test it that's the nintendo wii podcast client every every once in a while i'll send a um a postman using an end user using nintendo wii just to keep people on edge you know nice so what else can we play with in here um actually jonas um i think you've answered this but jonas is asking is how would you set it per user like uh would you just create a different core property and give it a applicability to a different user each time so if so each user has access to you know under once there's more than one theme they can come in here and pick whatever they want and then it's just a user preference if you want to force a theme on a user um you'd have to set the users default you'd have to change all their user preferences or set a system default if they didn't have that user preference or you'd have to use the applicability these are audiences you know straight out of ui builder and so whatever these are you know make a new one with whatever is appropriate um and then you know ta-da you know you could make it that all of your admins have a different one than i told users for example or you know whatever other way you want to build this stuff out and then the order takes effect the same way that it does you know with variant orders um so it'll go down the list and be like which one should we set and that's the one that you know people will get basically as their default um and they won't be able to get away from it the same way because applicability so yeah you can set up an audience of one and they're stuck with comic sans common colors for managers absolutely um and you know what you can even leverage those audiences to basically take some of these out of circulation without having to like do too much work and have you know seasonally themed ones kind of like google does their doodles you can you know seasonally change what the core theme is and just swap audiences around so that you know it just doesn't apply to anybody when you don't want them to see that one wait put the blimey back on go to your other tab just look at all the clash of colors on your screen now every everybody with eric's pink header mac header against the the green and the blue in the background just beautiful yep and if we pull up let's close this to get a little more space but if we pull up a workspace all of this cascades into the workspaces yeah right because it's all using that same theme um you know so we've got you know our green links and everything and some of these colors which don't really get set like this little outage tag if we inspect and find that pink somewhere um we can actually override those colors too you know and they can be part of the theme and highlighted value now there we go now highlighted value tertiary critical um tertiary critical and there we go right because so we can actually change these colors too and decide that you know those alert colors just don't work with this theme um you know like we've got this circle that says i'm in an update set right now we can change that to not be red we can make it some other color that works with this theme a green you can't see that well exactly right if that circle drives you nuts you can make it match the background color um you know similarly you know all of the text and icons up here you can change um there's it is bottomless feeling um as far as i can tell there's well over 2 000 different things that you can set individually if you really wanted to i have a feeling that number's only going to grow over time we have someone waiting inside the lobby actually that might be able to allude to some of those answers uh i'll try to think of a funny way to summon this uh traitor but here he is thanks [Laughter] hey everybody hey brad i'm gonna join 45 minutes ago but uh awesome yes thank you but uh yeah i just got back from the airport i was actually talking to the team that owns this product yesterday uh in person which was kind of cool so is that all you have to say i was gonna we we there were some some things you know we went over some things there are about 2000 theme properties i put this in the chat but they're all in your instance there's a table that lists all of the properties um if you go to now experience that's it yep there's my comment so what it's worth from what i found this is an incomplete list oh burn as long as this list is it does not have everything okay there's probably some yeah there's probably some attribute that these have uh that we're using them for that maybe some of the other ones we're not using them for this may be all of the theme properties that are available within ui builder this is a guess because a lot of those are selectable right so in in san diego and ui builder you can go into the layout panel and you can say instead of having to know the name of the theme property you can just like select them uh and so that's probably what this table is being used for there's not that many more than this but uh there may be some additional ones yeah but this is a really good table to look through um because it also tells you you know what kind of property you're looking at and you can see the schema field there's color font family font style all those things um yeah but we are i mentioned this in the chat uh this is you know this was kind of the san diego version was this new kind of theming engine and that engine is being enhanced we're looking at you know ways to make it easier there is a thing that's going to make it way easier to generate a theme i'm really excited about it that's going to be coming out at some point in the future uh is about as specific as we're gonna get there um but uh yeah there's some cool stuff and uh as always if you have any like anything you wanna see put in an idea for it um so or peg me on nes and debs or something sweet that's right yep do you have a drink on you i actually do i i do have a drink all right cool i was about to drop you a few today sweet um eric what did you have any other things you wanted to show us or any funny cool things or uh musings that you were thinking about while you were doing this stuff um well i was just playing as brad was talking and looking at this list that is full of links and we can also control the link color of everything that might be a little bit too dark but we can you know it just it really is kind of incredible how much control you get over all of this stuff um and how many things you can tweak to your heart's content and i think for most devs it's going to be utterly overwhelming when they try to make one of these and much more so than with ui 16 i think that people are gonna have to work with you know marketing and branding departments to be like help me define all of this because there's just so many things to tweak and play with and i look forward to the mystery tool that brad has now alluded to that will make it all better safe harbor yeah i we haven't committed to anything so yeah we shouldn't say safe harbor i guess trying to be as vague as possible thanks corey has a good has a better answer than me in there on the properties table and the chat this one yeah since the available properties table is populated manually by devs when the app add a new property to the system or to components the table is a reflection of what what people documented that means it can differ from reality since it's not authoritative but it is still helpful i think this table yes sweet definitely would agree with that but yeah there we go we've created thank you very much blimey um i built all that in an update set so export it off to the chair and it wasn't on the share yeah yeah i mean in the spirit of blimey we should do this does stream yard have a theme generator yet no no this is chuck uploading individual colors for us i needed a whole bunch of 1080p backgrounds for a video i just did all right let's rate the beers then we get on with our afternoon earl okay so i was drinking um a westward whiskey american single malt uh apv of uh 45. um it's super good this is one of the better whiskeys i've had um yeah solids like 4.5 like it hits good it has good lingering taste the the finish is good smells good i'm impressed good job having it neat or did you put some ice in there or something very nice nice eric well i'm now really jealous of earl's drink and gonna have to track down a bottle of that because it sounds pretty good he's raiding his beer lower because he coming um it is a slightly generic but really solid amber um i'll give it a four very good yes i'm actually drinking a carboc hazy ipa and it's pretty good i'm gonna give it a four and i've got the ballast point grapefruit sculpin ipa it's uh what you would expect out of an ipa it's as happy as i had anticipated which is a nice change every once in a while i'm not i'm not big into ips for a while um i'm going to give that a four as well wow a good ratings rated show this time i mean on the beers also the content good job eric thank you so thank you everybody for watching if you've got ideas let us know you can put in the comments for this video or reach any one of the advocates on linkedin email us we'd love to hear your ideas if you want if you've got a topic and you want to be a guest we'll find you a place everybody's welcome a few careful suggesting an idea because they might make you guest host see what happens eric thank you you actually do a show on blah blah blah great that you come on board go on and host it for us um if you haven't already uh check out developer.servicenow.com to see all the different resources that we have uh upcoming for fall events um just following the tale of creatorcon call of course content is open so if you go to devlin.slash dfc you'll see more details about fall event or next year events of call for content for creatorcon um past that one thing i know we always always forget to talk about on this show and we never don't do the lights command yeah don't do that i unplugged it it's not there anymore um the thing we always forget to ask people is if you're watching this channel um if you could subscribe to the channel if you're not already subscribed uh we never talk about it just because it feels so weird for us to say that like youtubers but um please subscribe it it really helps the channel a lot i guess it really does yeah um we don't we don't make money off of the channel at all or anything like that we but the viewership helps us um with projections and knowing what kind of content people want so if you can subscribe please that would help us you'll get notifications of upcoming shows and everything we have one other event that i'd like to throw out there the tech now for tokyo is going to be august 4th at 8 a.m pacific time 11 a.m eastern whatever that is in your part of the world mark your calendars i don't have a registration link yet we are working on that should have that in another week or so so keep your eyes out for that just mark your calendar thursday august 4th wherever that is if you're in a different part of the country we will be showing off the tokyo platform features so yeah there you go casey thank you excellent well with that i think we're uh ready to sign out of here thanks for joining us again brad thank you eric for contacting me and thanks for running the the show controls earl babe bye everyone have a great weekend okay bye you remember [Music] you
https://www.youtube.com/watch?v=zuITYAOBlUU