path: root/2024/info/theme-after.md

<!-- Automatically generated by emacsconf-publish-after-page -->


<div class="transcript transcript-mainVideo"><a name="theme-mainVideo-transcript"></a><h1>Transcript</h1>


<div class="transcript-heading">[[!template new="1" text="""Introduction""" start="00:00:02.140" video="mainVideo-theme" id="subtitle"]]</div>[[!template text="""Hi my name is MetroWind.""" start="00:00:02.140" video="mainVideo-theme" id="subtitle"]]
[[!template text="""In this talk I will take you through my journey into Emacs themes.""" start="00:00:05.440" video="mainVideo-theme" id="subtitle"]]
[[!template text="""I am a long-time Emacs user. I started using""" start="00:00:12.970" video="mainVideo-theme" id="subtitle"]]
[[!template text="""Emacs since version 21.""" start="00:00:15.760" video="mainVideo-theme" id="subtitle"]]
[[!template text="""The goal of this talk is to inspire more people into making themes.""" start="00:00:19.090" video="mainVideo-theme" id="subtitle"]]
[[!template text="""Maybe you are already making themes.""" start="00:00:24.070" video="mainVideo-theme" id="subtitle"]]
[[!template text="""In that case I hope you could find some tips and tricks""" start="00:00:26.350" video="mainVideo-theme" id="subtitle"]]
[[!template text="""you know in this one""" start="00:00:30.550" video="mainVideo-theme" id="subtitle"]]
[[!template text="""I will basically go through all the themes""" start="00:00:33.670" video="mainVideo-theme" id="subtitle"]]
[[!template text="""that I created.""" start="00:00:36.130" video="mainVideo-theme" id="subtitle"]]
[[!template text="""But I think the most important thing""" start="00:00:37.960" video="mainVideo-theme" id="subtitle"]]
[[!template text="""here is to understand why some of""" start="00:00:40.000" video="mainVideo-theme" id="subtitle"]]
[[!template text="""the some of the colors are picked,""" start="00:00:42.910" video="mainVideo-theme" id="subtitle"]]
[[!template text="""and the motivations behind them.""" start="00:00:44.860" video="mainVideo-theme" id="subtitle"]]

<div class="transcript-heading">[[!template new="1" text="""Deviant""" start="00:00:48.820" video="mainVideo-theme" id="subtitle"]]</div>[[!template text="""So the first theme I created is""" start="00:00:48.820" video="mainVideo-theme" id="subtitle"]]
[[!template text="""called Deviant. It looks like this.""" start="00:00:50.800" video="mainVideo-theme" id="subtitle"]]
[[!template text="""The inspiration for this one is a""" start="00:00:55.810" video="mainVideo-theme" id="subtitle"]]
[[!template text="""website called DeviantArt. Basically I just""" start="00:00:57.730" video="mainVideo-theme" id="subtitle"]]
[[!template text="""use their color palette, you know, from their design.""" start="00:01:00.850" video="mainVideo-theme" id="subtitle"]]
[[!template text="""It was a like a community for indie artists.""" start="00:01:04.810" video="mainVideo-theme" id="subtitle"]]
[[!template text="""I was really into that, you know,""" start="00:01:10.750" video="mainVideo-theme" id="subtitle"]]
[[!template text="""back in the day so that’s that.""" start="00:01:12.820" video="mainVideo-theme" id="subtitle"]]

<div class="transcript-heading">[[!template new="1" text="""FlucUI""" start="00:01:15.640" video="mainVideo-theme" id="subtitle"]]</div>[[!template text="""Otherwise, nothing special. The next theme""" start="00:01:15.640" video="mainVideo-theme" id="subtitle"]]
[[!template text="""I created was called FlucUI""" start="00:01:19.120" video="mainVideo-theme" id="subtitle"]]
[[!template text="""It’s in MELPA.""" start="00:01:24.820" video="mainVideo-theme" id="subtitle"]]
[[!template text="""And let me just show you.""" start="00:01:26.530" video="mainVideo-theme" id="subtitle"]]
[[!template text="""So yeah that's how it looks like.""" start="00:01:35.260" video="mainVideo-theme" id="subtitle"]]
[[!template text="""So... but where where did the colors""" start="00:01:42.280" video="mainVideo-theme" id="subtitle"]]
[[!template text="""come from, right? To understand that,""" start="00:01:45.250" video="mainVideo-theme" id="subtitle"]]
[[!template text="""I'll need to take you back in time, you know, to where iOS 7""" start="00:01:50.290" video="mainVideo-theme" id="subtitle"]]
[[!template text="""was released by Apple. That was a""" start="00:01:55.330" video="mainVideo-theme" id="subtitle"]]
[[!template text="""big deal, because that popularized the idea""" start="00:01:58.000" video="mainVideo-theme" id="subtitle"]]
[[!template text="""of flat UI color designs; sorry, flat UI""" start="00:02:01.930" video="mainVideo-theme" id="subtitle"]]
[[!template text="""designs. And after that, everybody followed suit,""" start="00:02:05.290" video="mainVideo-theme" id="subtitle"]]
[[!template text="""and changed their design, you know""" start="00:02:10.360" video="mainVideo-theme" id="subtitle"]]
[[!template text="""of all of their websites and applications to use some sort of flat UI design concepts.""" start="00:02:14.440" video="mainVideo-theme" id="subtitle"]]
[[!template text="""And about the same time, there came a website called flatuicolors.com.""" start="00:02:23.470" video="mainVideo-theme" id="subtitle"]]
[[!template text="""It hosted one color palette,""" start="00:02:28.720" video="mainVideo-theme" id="subtitle"]]
[[!template text="""and that was really good!""" start="00:02:32.110" video="mainVideo-theme" id="subtitle"]]
[[!template text="""So I picked that as the basis of my theme.""" start="00:02:35.110" video="mainVideo-theme" id="subtitle"]]
[[!template text="""And initially I named it FlatUI,""" start="00:02:40.900" video="mainVideo-theme" id="subtitle"]]
[[!template text="""But that name was taken in MELPA""" start="00:02:43.959" video="mainVideo-theme" id="subtitle"]]
[[!template text="""So i just rename it to something random, FlucUI.""" start="00:02:46.717" video="mainVideo-theme" id="subtitle"]]

<div class="transcript-heading">[[!template new="1" text="""Lab""" start="00:02:51.910" video="mainVideo-theme" id="subtitle"]]</div>[[!template text="""The next one is called lab.""" start="00:02:51.910" video="mainVideo-theme" id="subtitle"]]
[[!template text="""To understand why I needed to create the theme,""" start="00:02:57.310" video="mainVideo-theme" id="subtitle"]]
[[!template text="""it's because I thought some of the colors in FlucUI""" start="00:03:03.850" video="mainVideo-theme" id="subtitle"]]
[[!template text="""was standing out too much, like the green here.""" start="00:03:10.780" video="mainVideo-theme" id="subtitle"]]
[[!template text="""This one.""" start="00:03:18.010" video="mainVideo-theme" id="subtitle"]]
[[!template text="""I thought this was too bright.""" start="00:03:20.170" video="mainVideo-theme" id="subtitle"]]
[[!template text="""Just a little bit.""" start="00:03:22.780" video="mainVideo-theme" id="subtitle"]]
[[!template text="""So I thought I needed way to pick""" start="00:03:27.100" video="mainVideo-theme" id="subtitle"]]
[[!template text="""some colors that are about the same""" start="00:03:30.100" video="mainVideo-theme" id="subtitle"]]
[[!template text="""lightness essentially. So how would I do that?""" start="00:03:32.890" video="mainVideo-theme" id="subtitle"]]
[[!template text="""The answer is to go into a color space called LAB.""" start="00:03:35.350" video="mainVideo-theme" id="subtitle"]]
[[!template text="""Now normally you'd do color work in RGB,""" start="00:03:42.880" video="mainVideo-theme" id="subtitle"]]
[[!template text="""which is red, green, and blue.""" start="00:03:46.420" video="mainVideo-theme" id="subtitle"]]
[[!template text="""It doesn't tell you a lot about lightness.""" start="00:03:49.660" video="mainVideo-theme" id="subtitle"]]
[[!template text="""If you do a pure blue,""" start="00:03:53.830" video="mainVideo-theme" id="subtitle"]]
[[!template text="""it actually looks a lot darker than a""" start="00:03:56.440" video="mainVideo-theme" id="subtitle"]]
[[!template text="""pure red or pure green. So that""" start="00:03:58.600" video="mainVideo-theme" id="subtitle"]]
[[!template text="""that doesn't work. But in LAB,""" start="00:04:01.631" video="mainVideo-theme" id="subtitle"]]
[[!template text="""thing are different, because one of the channel""" start="00:04:04.990" video="mainVideo-theme" id="subtitle"]]
[[!template text="""is L which is lightness. The other""" start="00:04:07.360" video="mainVideo-theme" id="subtitle"]]
[[!template text="""two channels are a and b, which are just""" start="00:04:10.810" video="mainVideo-theme" id="subtitle"]]
[[!template text="""for colors. This is great because""" start="00:04:13.750" video="mainVideo-theme" id="subtitle"]]
[[!template text="""I could just fix L meaning""" start="00:04:17.140" video="mainVideo-theme" id="subtitle"]]
[[!template text="""I fixed the lightness, and then I can""" start="00:04:19.630" video="mainVideo-theme" id="subtitle"]]
[[!template text="""vary a and b however I want.""" start="00:04:21.790" video="mainVideo-theme" id="subtitle"]]
[[!template text="""The color will stay roughly in the same""" start="00:04:25.300" video="mainVideo-theme" id="subtitle"]]
[[!template text="""lightness, which is exactly what I wanted.""" start="00:04:27.850" video="mainVideo-theme" id="subtitle"]]
[[!template text="""So for that I created a""" start="00:04:31.780" video="mainVideo-theme" id="subtitle"]]
[[!template text="""Mac app, where I could just""" start="00:04:34.210" video="mainVideo-theme" id="subtitle"]]
[[!template text="""fix lightness like I said, and then""" start="00:04:38.230" video="mainVideo-theme" id="subtitle"]]
[[!template text="""I could click on this colorful thing,""" start="00:04:40.330" video="mainVideo-theme" id="subtitle"]]
[[!template text="""to pick a color. The app will""" start="00:04:42.670" video="mainVideo-theme" id="subtitle"]]
[[!template text="""pick another five according to some pattern.""" start="00:04:45.010" video="mainVideo-theme" id="subtitle"]]
[[!template text="""And then I could just like hard-code""" start="00:04:48.430" video="mainVideo-theme" id="subtitle"]]
[[!template text="""these colors in Emacs.""" start="00:04:50.140" video="mainVideo-theme" id="subtitle"]]
[[!template text="""Let me show you.""" start="00:04:52.930" video="mainVideo-theme" id="subtitle"]]
[[!template text="""apply theme... lab...""" start="00:04:56.230" video="mainVideo-theme" id="subtitle"]]
[[!template text="""Yeah not very different from FlucUI colors,""" start="00:04:59.590" video="mainVideo-theme" id="subtitle"]]
[[!template text="""which was intentional.""" start="00:05:02.140" video="mainVideo-theme" id="subtitle"]]
[[!template text="""The idea here again is""" start="00:05:05.350" video="mainVideo-theme" id="subtitle"]]
[[!template text="""all the colors will be in about""" start="00:05:08.380" video="mainVideo-theme" id="subtitle"]]
[[!template text="""the same lightness, which I guess it was.""" start="00:05:10.660" video="mainVideo-theme" id="subtitle"]]
[[!template text="""So yeah... So this one was""" start="00:05:14.230" video="mainVideo-theme" id="subtitle"]]
[[!template text="""a success. I use it for a""" start="00:05:18.280" video="mainVideo-theme" id="subtitle"]]
[[!template text="""really long time. And then I got bored...""" start="00:05:20.830" video="mainVideo-theme" id="subtitle"]]

<div class="transcript-heading">[[!template new="1" text="""NotInk: grayscale""" start="00:05:25.090" video="mainVideo-theme" id="subtitle"]]</div>[[!template text="""So I needed something interesting.""" start="00:05:25.090" video="mainVideo-theme" id="subtitle"]]
[[!template text="""The idea at the time was then to create a theme""" start="00:05:28.150" video="mainVideo-theme" id="subtitle"]]
[[!template text="""that doesn't have any colors essentially.""" start="00:05:33.460" video="mainVideo-theme" id="subtitle"]]
[[!template text="""A grayscale theme. So I called""" start="00:05:36.310" video="mainVideo-theme" id="subtitle"]]
[[!template text="""it NotInk. It is also in Melpa""" start="00:05:41.740" video="mainVideo-theme" id="subtitle"]]
[[!template text="""It looks like this.""" start="00:05:46.060" video="mainVideo-theme" id="subtitle"]]
[[!template text="""Yeah like I said, everything is grey.""" start="00:05:49.210" video="mainVideo-theme" id="subtitle"]]
[[!template text="""There's no color. But to my""" start="00:05:51.310" video="mainVideo-theme" id="subtitle"]]
[[!template text="""surprise, this is actually very useable.""" start="00:05:53.530" video="mainVideo-theme" id="subtitle"]]
[[!template text="""I didn't have any problem in readability;""" start="00:05:56.500" video="mainVideo-theme" id="subtitle"]]
[[!template text="""I didn't have any problem distinguishing, you know,""" start="00:05:59.500" video="mainVideo-theme" id="subtitle"]]
[[!template text="""different elements in the code. So a""" start="00:06:02.170" video="mainVideo-theme" id="subtitle"]]
[[!template text="""big surprise. And also a big success actually.""" start="00:06:05.857" video="mainVideo-theme" id="subtitle"]]
[[!template text="""And then I got bored.""" start="00:06:10.720" video="mainVideo-theme" id="subtitle"]]

<div class="transcript-heading">[[!template new="1" text="""Random theme""" start="00:06:13.930" video="mainVideo-theme" id="subtitle"]]</div>[[!template text="""I just decided to install a whole bunch""" start="00:06:13.930" video="mainVideo-theme" id="subtitle"]]
[[!template text="""of themes from MELPA,""" start="00:06:16.360" video="mainVideo-theme" id="subtitle"]]
[[!template text="""and every time I start Emacs I""" start="00:06:18.310" video="mainVideo-theme" id="subtitle"]]
[[!template text="""just pick a random theme.""" start="00:06:20.650" video="mainVideo-theme" id="subtitle"]]
[[!template text="""There are some caveats to that,""" start="00:06:23.200" video="mainVideo-theme" id="subtitle"]]
[[!template text="""which I don't want to get into.""" start="00:06:25.660" video="mainVideo-theme" id="subtitle"]]
[[!template text="""But let me just show you.""" start="00:06:28.660" video="mainVideo-theme" id="subtitle"]]
[[!template text="""apply-random-theme, so it picked one for""" start="00:06:31.210" video="mainVideo-theme" id="subtitle"]]
[[!template text="""me. And then it picked another... another...""" start="00:06:33.130" video="mainVideo-theme" id="subtitle"]]
[[!template text="""So yeah.""" start="00:06:37.060" video="mainVideo-theme" id="subtitle"]]
[[!template text="""It's an interesting setup. I'm still using""" start="00:06:39.490" video="mainVideo-theme" id="subtitle"]]
[[!template text="""this setup today. Actually a good one""" start="00:06:42.340" video="mainVideo-theme" id="subtitle"]]
[[!template text="""Walls of text...""" start="00:06:46.150" video="mainVideo-theme" id="subtitle"]]

<div class="transcript-heading">[[!template new="1" text="""Monte Carlo""" start="00:06:50.020" video="mainVideo-theme" id="subtitle"]]</div>[[!template text="""Now the final theme I want to look into,""" start="00:06:50.020" video="mainVideo-theme" id="subtitle"]]
[[!template text="""which is the latest, is called Monte Carlo.""" start="00:06:53.380" video="mainVideo-theme" id="subtitle"]]
[[!template text="""...which you know, idea here is to""" start="00:06:56.650" video="mainVideo-theme" id="subtitle"]]
[[!template text="""bring the idea of picking a random""" start="00:06:59.110" video="mainVideo-theme" id="subtitle"]]
[[!template text="""theme to the next level.""" start="00:07:01.990" video="mainVideo-theme" id="subtitle"]]
[[!template text="""So this is just one theme that generates""" start="00:07:05.620" video="mainVideo-theme" id="subtitle"]]
[[!template text="""a random color palette for me everytime.""" start="00:07:08.470" video="mainVideo-theme" id="subtitle"]]
[[!template text="""Not in MELPA, because I'm not ...""" start="00:07:12.880" video="mainVideo-theme" id="subtitle"]]
[[!template text="""I'm not completely satisfied with it.""" start="00:07:15.419" video="mainVideo-theme" id="subtitle"]]

<div class="transcript-heading">[[!template new="1" text="""How to pick a random color palette""" start="00:07:19.780" video="mainVideo-theme" id="subtitle"]]</div>[[!template text="""But anyway... How do I... How do I pick""" start="00:07:19.780" video="mainVideo-theme" id="subtitle"]]
[[!template text="""a random color palette right?""" start="00:07:22.540" video="mainVideo-theme" id="subtitle"]]
[[!template text="""The answer is again to look at a different color space.""" start="00:07:25.030" video="mainVideo-theme" id="subtitle"]]
[[!template text="""This time it's called HLC, which is hue,""" start="00:07:29.680" video="mainVideo-theme" id="subtitle"]]
[[!template text="""lightness, and chroma. So hue is just""" start="00:07:32.950" video="mainVideo-theme" id="subtitle"]]
[[!template text="""colors, red, green, blue, or yellow, whatever.""" start="00:07:36.670" video="mainVideo-theme" id="subtitle"]]
[[!template text="""Lightness is lightness. Chroma is saturation,""" start="00:07:40.810" video="mainVideo-theme" id="subtitle"]]
[[!template text="""essentially. This is great because I could""" start="00:07:45.160" video="mainVideo-theme" id="subtitle"]]
[[!template text="""fix both lightness and saturation, and only""" start="00:07:48.160" video="mainVideo-theme" id="subtitle"]]
[[!template text="""vary in hue to pick my colors.""" start="00:07:52.150" video="mainVideo-theme" id="subtitle"]]
[[!template text="""Now the problem is""" start="00:07:57.580" video="mainVideo-theme" id="subtitle"]]
[[!template text="""once I have the color palette in""" start="00:08:01.660" video="mainVideo-theme" id="subtitle"]]
[[!template text="""HLC, how would I convert it to""" start="00:08:03.250" video="mainVideo-theme" id="subtitle"]]
[[!template text="""sRGB, because Emacs only knows""" start="00:08:06.105" video="mainVideo-theme" id="subtitle"]]
[[!template text="""about colors in sRGB.""" start="00:08:09.250" video="mainVideo-theme" id="subtitle"]]

<div class="transcript-heading">[[!template new="1" text="""XYZ""" start="00:08:12.070" video="mainVideo-theme" id="subtitle"]]</div>[[!template text="""The answer here is to go through""" start="00:08:12.070" video="mainVideo-theme" id="subtitle"]]
[[!template text="""another color space called XYZ.""" start="00:08:14.230" video="mainVideo-theme" id="subtitle"]]
[[!template text="""This is an extremely important color space,""" start="00:08:17.950" video="mainVideo-theme" id="subtitle"]]
[[!template text="""because basically all other color spaces are""" start="00:08:21.670" video="mainVideo-theme" id="subtitle"]]
[[!template text="""defined on top of XYZ.""" start="00:08:25.870" video="mainVideo-theme" id="subtitle"]]
[[!template text="""So you would have like transformations""" start="00:08:28.930" video="mainVideo-theme" id="subtitle"]]
[[!template text="""from XYZ to all other""" start="00:08:31.180" video="mainVideo-theme" id="subtitle"]]
[[!template text="""color spaces. Now if you invert this""" start="00:08:34.480" video="mainVideo-theme" id="subtitle"]]
[[!template text="""these transformations, you could go from,""" start="00:08:37.750" video="mainVideo-theme" id="subtitle"]]
[[!template text="""for example, HLC back into XYZ""" start="00:08:41.440" video="mainVideo-theme" id="subtitle"]]
[[!template text="""and then go to another color""" start="00:08:43.900" video="mainVideo-theme" id="subtitle"]]
[[!template text="""space of your choosing, right.""" start="00:08:46.960" video="mainVideo-theme" id="subtitle"]]
[[!template text="""So this is how to convert colors""" start="00:08:49.750" video="mainVideo-theme" id="subtitle"]]
[[!template text="""between color spaces. In this case,""" start="00:08:51.430" video="mainVideo-theme" id="subtitle"]]
[[!template text="""I have to convert colors from HLC""" start="00:08:55.270" video="mainVideo-theme" id="subtitle"]]
[[!template text="""to LAB, and from LAB to XYZ,""" start="00:08:57.850" video="mainVideo-theme" id="subtitle"]]
[[!template text="""and from XYZ to sRGB.""" start="00:08:59.920" video="mainVideo-theme" id="subtitle"]]
[[!template text="""So this time the conversions are""" start="00:09:02.530" video="mainVideo-theme" id="subtitle"]]
[[!template text="""all done in Emacs Lisp, and I""" start="00:09:05.710" video="mainVideo-theme" id="subtitle"]]
[[!template text="""have the code in here in this URL.""" start="00:09:08.200" video="mainVideo-theme" id="subtitle"]]
[[!template text="""You could take a look, or you""" start="00:09:13.270" video="mainVideo-theme" id="subtitle"]]
[[!template text="""could actually just use maybe some package""" start="00:09:14.830" video="mainVideo-theme" id="subtitle"]]
[[!template text="""to convert colors.""" start="00:09:18.310" video="mainVideo-theme" id="subtitle"]]
[[!template text="""Anyway let me show you how""" start="00:09:20.470" video="mainVideo-theme" id="subtitle"]]
[[!template text="""this works. So in this case I""" start="00:09:23.740" video="mainVideo-theme" id="subtitle"]]
[[!template text="""could apply theme, Monte Carlo.""" start="00:09:26.590" video="mainVideo-theme" id="subtitle"]]
[[!template text="""So this is now a random theme.""" start="00:09:30.670" video="mainVideo-theme" id="subtitle"]]
[[!template text="""Actually, well, a theme with random colors,""" start="00:09:33.790" video="mainVideo-theme" id="subtitle"]]
[[!template text="""because I could apply the same theme,""" start="00:09:37.150" video="mainVideo-theme" id="subtitle"]]
[[!template text="""and it will look different.""" start="00:09:40.960" video="mainVideo-theme" id="subtitle"]]
[[!template text="""Every time.""" start="00:09:45.250" video="mainVideo-theme" id="subtitle"]]
[[!template text="""I could also look at the colors it picked.""" start="00:09:48.640" video="mainVideo-theme" id="subtitle"]]
[[!template text="""as a list of colors.""" start="00:09:53.750" video="mainVideo-theme" id="subtitle"]]
[[!template text="""I could also look at this like""" start="00:09:57.740" video="mainVideo-theme" id="subtitle"]]
[[!template text="""fancy chart of colors. This is""" start="00:10:00.260" video="mainVideo-theme" id="subtitle"]]
[[!template text="""too small. So let me show you this.""" start="00:10:04.370" video="mainVideo-theme" id="subtitle"]]
[[!template text="""So basically the same thing.""" start="00:10:06.920" video="mainVideo-theme" id="subtitle"]]
[[!template text="""This is actually a cross-section in HLC space,""" start="00:10:10.400" video="mainVideo-theme" id="subtitle"]]
[[!template text="""and the colors it picked are these like""" start="00:10:16.310" video="mainVideo-theme" id="subtitle"]]
[[!template text="""white circles.""" start="00:10:18.650" video="mainVideo-theme" id="subtitle"]]
[[!template text="""So that's that.""" start="00:10:20.660" video="mainVideo-theme" id="subtitle"]]
[[!template text="""But like I said, I'm not""" start="00:10:24.740" video="mainVideo-theme" id="subtitle"]]
[[!template text="""fully satisfied, because most of time the""" start="00:10:26.150" video="mainVideo-theme" id="subtitle"]]
[[!template text="""colors are pretty boring from it.""" start="00:10:30.170" video="mainVideo-theme" id="subtitle"]]
[[!template text="""I could think of some""" start="00:10:33.770" video="mainVideo-theme" id="subtitle"]]
[[!template text="""ways to improve this. For example I""" start="00:10:36.320" video="mainVideo-theme" id="subtitle"]]
[[!template text="""could choose different patterns for the color""" start="00:10:38.570" video="mainVideo-theme" id="subtitle"]]
[[!template text="""samples. but I don't know of any""" start="00:10:43.490" video="mainVideo-theme" id="subtitle"]]
[[!template text="""good patterns. So I need to try""" start="00:10:47.900" video="mainVideo-theme" id="subtitle"]]
[[!template text="""things out. And then another way is""" start="00:10:49.880" video="mainVideo-theme" id="subtitle"]]
[[!template text="""probably to use different color spaces like the HSL, or HSV.""" start="00:10:52.130" video="mainVideo-theme" id="subtitle"]]
[[!template text="""Again I need to try this out.""" start="00:10:59.960" video="mainVideo-theme" id="subtitle"]]
[[!template text="""So yeah there are room for improvements.""" start="00:11:02.240" video="mainVideo-theme" id="subtitle"]]
[[!template text="""If you... If you have and idea,""" start="00:11:05.120" video="mainVideo-theme" id="subtitle"]]
[[!template text="""you know, let me know, and we""" start="00:11:07.520" video="mainVideo-theme" id="subtitle"]]
[[!template text="""can try it out.""" start="00:11:09.860" video="mainVideo-theme" id="subtitle"]]
[[!template text="""So that's the end of my talk.""" start="00:11:11.960" video="mainVideo-theme" id="subtitle"]]
[[!template text="""Hopefully you have some new ideas.""" start="00:11:13.880" video="mainVideo-theme" id="subtitle"]]
[[!template text="""Thanks for listening in, and yeah.""" start="00:11:17.450" video="mainVideo-theme" id="subtitle"]]
[[!template text="""Go create more themes because we can't have enough.""" start="00:11:20.240" video="mainVideo-theme" id="subtitle"]]
[[!template text="""Thanks!""" start="00:11:22.400" video="mainVideo-theme" id="subtitle"]]

</div><div class="transcript transcript-qanda"><a name="theme-qanda-transcript"></a><h1>Q&A transcript (unedited)</h1>

[[!template text="""So just to be clear, right now we are currently streaming. So""" start="00:00:00.000" video="qanda-theme" id="subtitle"]]
[[!template text="""if you want to answer with your voice, you can as well. Oh, I'm""" start="00:00:09.280" video="qanda-theme" id="subtitle"]]
[[!template text="""sorry. Okay. Yeah. So I've got a question. I think there was a""" start="00:00:12.680" video="qanda-theme" id="subtitle"]]
[[!template text="""little bit of a misunderstanding with whether we were doing""" start="00:00:18.000" video="qanda-theme" id="subtitle"]]
[[!template text="""a Q&A on BBB or if we were doing it on Etherpad. So it's really""" start="00:00:20.280" video="qanda-theme" id="subtitle"]]
[[!template text="""up to you. Right now we've set up everything. So if you want to""" start="00:00:25.080" video="qanda-theme" id="subtitle"]]
[[!template text="""start answering questions with your voice, we might as""" start="00:00:28.480" video="qanda-theme" id="subtitle"]]
[[!template text="""well. So OK, so I can just do it live.""" start="00:00:32.120" video="qanda-theme" id="subtitle"]]

<div class="transcript-heading">[[!template new="1" text="""Q: When you choose colors based on the same lightness, does it not hurt readability since the eye sees lightness most?""" start="00:00:33.865" video="qanda-theme" id="subtitle"]]</div>[[!template text="""So one question is, so I""" start="00:00:33.865" video="qanda-theme" id="subtitle"]]
[[!template text="""assume this is a question on the lab space, where all the""" start="00:00:38.240" video="qanda-theme" id="subtitle"]]
[[!template text="""colors are the same lightness. Does it hurt readability? So""" start="00:00:41.840" video="qanda-theme" id="subtitle"]]
[[!template text="""far, I find it to be OK. For the lab theme, I picked the colors""" start="00:00:46.960" video="qanda-theme" id="subtitle"]]
[[!template text="""manually. So like I could just fix a angle essentially so""" start="00:00:53.680" video="qanda-theme" id="subtitle"]]
[[!template text="""that no colors are similar, so I have good readability. But""" start="00:01:01.000" video="qanda-theme" id="subtitle"]]
[[!template text="""for a random theme in Monte Carlo, it's hard because like""" start="00:01:11.760" video="qanda-theme" id="subtitle"]]
[[!template text="""it's just random. But yeah, that's a really good point. And""" start="00:01:18.960" video="qanda-theme" id="subtitle"]]
[[!template text="""also that's one of the motivations I did the nothing, you""" start="00:01:24.640" video="qanda-theme" id="subtitle"]]
[[!template text="""know, the great scale theme to explore just using""" start="00:01:28.960" video="qanda-theme" id="subtitle"]]
[[!template text="""lightness. Yeah.""" start="00:01:34.000" video="qanda-theme" id="subtitle"]]
[[!template text="""So looking at other questions.""" start="00:01:39.760" video="qanda-theme" id="subtitle"]]
[[!template text="""Okay, great. Do you want to take the next question. So, okay.""" start="00:01:48.200" video="qanda-theme" id="subtitle"]]

<div class="transcript-heading">[[!template new="1" text="""Q: For monte-carlo, are all the "random" colors picked using a colorwheel/hue rotation?""" start="00:01:52.280" video="qanda-theme" id="subtitle"]]</div>[[!template text="""Okay, let's go to the third first. Let's finish. Yes, for""" start="00:01:52.280" video="qanda-theme" id="subtitle"]]
[[!template text="""Monte Carlo are all the random colors that using a color""" start="00:01:56.960" video="qanda-theme" id="subtitle"]]
[[!template text="""wheel here. Yes. Well, so basically, what this theme does is""" start="00:02:00.000" video="qanda-theme" id="subtitle"]]
[[!template text="""it. It picks a saturation and lightness for me first. These""" start="00:02:06.480" video="qanda-theme" id="subtitle"]]
[[!template text="""are also random, but they are picked with some kind of range.""" start="00:02:14.160" video="qanda-theme" id="subtitle"]]
[[!template text="""And that's a parameter that I can play with, you know, the""" start="00:02:19.760" video="qanda-theme" id="subtitle"]]
[[!template text="""range of lightness and separation.""" start="00:02:26.560" video="qanda-theme" id="subtitle"]]
[[!template text="""Once those are fixed, the colors are picked by angles in the""" start="00:02:28.960" video="qanda-theme" id="subtitle"]]
[[!template text="""color wheel, or heel rotation, as you would put it. So yes,""" start="00:02:33.480" video="qanda-theme" id="subtitle"]]
[[!template text="""that's roughly the process.""" start="00:02:38.400" video="qanda-theme" id="subtitle"]]

<div class="transcript-heading">[[!template new="1" text="""Q: One area I see emacs able to do themes that is "underused?" is changing the font""" start="00:02:43.720" video="qanda-theme" id="subtitle"]]</div>[[!template text="""OK, great. I think the second question is still in the""" start="00:02:43.720" video="qanda-theme" id="subtitle"]]
[[!template text="""process. Oh, well, maybe you could start fielding it. I""" start="00:02:47.240" video="qanda-theme" id="subtitle"]]
[[!template text="""think you've got already something to work on. I see one area""" start="00:02:51.680" video="qanda-theme" id="subtitle"]]
[[!template text="""I see Emacs able to do. under use is changing the font, font""" start="00:02:55.320" video="qanda-theme" id="subtitle"]]
[[!template text="""size, font type, model space based on various faces. Yeah,""" start="00:03:01.200" video="qanda-theme" id="subtitle"]]
[[!template text="""so to paraphrase the question, one thing that Emacs is""" start="00:03:09.760" video="qanda-theme" id="subtitle"]]
[[!template text="""definitely not doing a whole lot of right now is changing the""" start="00:03:13.440" video="qanda-theme" id="subtitle"]]
[[!template text="""font that is being used, be it the font size, the font family.""" start="00:03:17.400" video="qanda-theme" id="subtitle"]]
[[!template text="""Sometimes you see themes, especially old mode themes,""" start="00:03:21.080" video="qanda-theme" id="subtitle"]]
[[!template text="""fontify differently the headers of the documents versus""" start="00:03:25.040" video="qanda-theme" id="subtitle"]]
[[!template text="""the content, and usually you do have a little bit of a""" start="00:03:29.200" video="qanda-theme" id="subtitle"]]
[[!template text="""contrast that is being introduced. But is it something that""" start="00:03:31.880" video="qanda-theme" id="subtitle"]]
[[!template text="""you find value in, this type of contrast based on font? And to""" start="00:03:34.720" video="qanda-theme" id="subtitle"]]
[[!template text="""me, it's my personal preference to just use one font. I don't""" start="00:03:38.960" video="qanda-theme" id="subtitle"]]
[[!template text="""even change the font size a lot in org mode. It's just""" start="00:03:45.160" video="qanda-theme" id="subtitle"]]
[[!template text="""personal preference.""" start="00:03:51.480" video="qanda-theme" id="subtitle"]]
[[!template text="""I've seen scenes where once I applied, I opened the org doc""" start="00:03:55.320" video="qanda-theme" id="subtitle"]]
[[!template text="""and suddenly all the titles are like Serif or some fancy""" start="00:03:59.000" video="qanda-theme" id="subtitle"]]
[[!template text="""fonts. That works. And to me, again, it's a personal""" start="00:04:04.640" video="qanda-theme" id="subtitle"]]
[[!template text="""preference that I don't really like that, but I know a lot of""" start="00:04:12.760" video="qanda-theme" id="subtitle"]]
[[!template text="""people like that. So it's up to you, I guess. Yeah, I mean,""" start="00:04:16.920" video="qanda-theme" id="subtitle"]]
[[!template text="""this, as we've seen in your talk and as well as the previous""" start="00:04:21.800" video="qanda-theme" id="subtitle"]]
[[!template text="""one we had this morning, you know, themes are very personal""" start="00:04:25.840" video="qanda-theme" id="subtitle"]]
[[!template text="""and at the end, whatever you need to, you know, some people""" start="00:04:29.280" video="qanda-theme" id="subtitle"]]
[[!template text="""are going to need more contrast than others, some people are""" start="00:04:33.080" video="qanda-theme" id="subtitle"]]
[[!template text="""going to need a little more variety in the fonts that they""" start="00:04:35.800" video="qanda-theme" id="subtitle"]]
[[!template text="""use. Ultimately, it's up to you really what you want to use.""" start="00:04:38.000" video="qanda-theme" id="subtitle"]]
[[!template text="""The end point, the angle that one should be aiming for is to""" start="00:04:41.360" video="qanda-theme" id="subtitle"]]
[[!template text="""feel comfortable in what they're editing. And whether this""" start="00:04:45.200" video="qanda-theme" id="subtitle"]]
[[!template text="""comfort translates into a very barebone color theme like""" start="00:04:49.040" video="qanda-theme" id="subtitle"]]
[[!template text="""the one we saw this morning with very slight colors but still""" start="00:04:52.800" video="qanda-theme" id="subtitle"]]
[[!template text="""which has a lot of personality or perhaps something closer""" start="00:04:56.320" video="qanda-theme" id="subtitle"]]
[[!template text="""to yours which tends to use equal luminance or lightness for""" start="00:04:59.080" video="qanda-theme" id="subtitle"]]
[[!template text="""the different entries. Well, everyone needs to tune in and""" start="00:05:04.280" video="qanda-theme" id="subtitle"]]
[[!template text="""find whatever works best for them, I think. Yep. And also, I""" start="00:05:07.880" video="qanda-theme" id="subtitle"]]
[[!template text="""want to note, I actually have a personal rule. It's also in""" start="00:05:13.960" video="qanda-theme" id="subtitle"]]
[[!template text="""all my themes. It's that comments have to be italic. I just""" start="00:05:18.480" video="qanda-theme" id="subtitle"]]
[[!template text="""like the look of italic comments. So, I actually... So, if""" start="00:05:24.480" video="qanda-theme" id="subtitle"]]
[[!template text="""you... In one of the section in the video, I mentioned I have""" start="00:05:32.000" video="qanda-theme" id="subtitle"]]
[[!template text="""hooks. Maybe I didn't mention, but I have hooks when using""" start="00:05:37.800" video="qanda-theme" id="subtitle"]]
[[!template text="""the picking the random theme setup. One of the purpose of""" start="00:05:41.960" video="qanda-theme" id="subtitle"]]
[[!template text="""that hook is I can add italic to all the themes on the comment""" start="00:05:47.360" video="qanda-theme" id="subtitle"]]
[[!template text="""face. Which I don't think it works actually right now, but""" start="00:05:52.360" video="qanda-theme" id="subtitle"]]
[[!template text="""that's the intention. Yeah, but I think it answers the""" start="00:05:59.000" video="qanda-theme" id="subtitle"]]
[[!template text="""question we started on originally. Because changing the""" start="00:06:02.680" video="qanda-theme" id="subtitle"]]
[[!template text="""font, I mean, using the italic variant of the font, it's""" start="00:06:05.880" video="qanda-theme" id="subtitle"]]
[[!template text="""literally a different font. And so, being able to have this""" start="00:06:11.560" video="qanda-theme" id="subtitle"]]
[[!template text="""type of contrast is actually important for you. So, it's""" start="00:06:14.120" video="qanda-theme" id="subtitle"]]
[[!template text="""nice that you managed to find this particular bit of""" start="00:06:17.480" video="qanda-theme" id="subtitle"]]
[[!template text="""knowledge through experimentation. And also I want to add""" start="00:06:20.840" video="qanda-theme" id="subtitle"]]
[[!template text="""that if you pick a monospace font like I do, usually there's""" start="00:06:25.520" video="qanda-theme" id="subtitle"]]
[[!template text="""not a lot of... Creativity? No, that's not the word. It's a""" start="00:06:30.720" video="qanda-theme" id="subtitle"]]
[[!template text="""lot of personality in the regular font part. But people do""" start="00:06:37.440" video="qanda-theme" id="subtitle"]]
[[!template text="""put a lot of different things in the italic. So yeah, if you""" start="00:06:45.640" video="qanda-theme" id="subtitle"]]
[[!template text="""can find a way to utilize the italic face, you could see some""" start="00:06:51.800" video="qanda-theme" id="subtitle"]]
[[!template text="""interesting results. Yeah, definitely. Again, I think""" start="00:06:56.000" video="qanda-theme" id="subtitle"]]
[[!template text="""it's important to consider all the things you can play with""" start="00:07:01.240" video="qanda-theme" id="subtitle"]]
[[!template text="""in terms of contrast. Because at the end of the day, you know,""" start="00:07:03.720" video="qanda-theme" id="subtitle"]]
[[!template text="""some people are going to be more receptive to a change of font""" start="00:07:06.520" video="qanda-theme" id="subtitle"]]
[[!template text="""than change of color. You know, just considering the amount""" start="00:07:08.840" video="qanda-theme" id="subtitle"]]
[[!template text="""of people who are colorblind and who are using software like""" start="00:07:11.640" video="qanda-theme" id="subtitle"]]
[[!template text="""this. You know, sometimes your vision optimizes for""" start="00:07:14.440" video="qanda-theme" id="subtitle"]]
[[!template text="""particular kind of changes and some people are going to be""" start="00:07:19.280" video="qanda-theme" id="subtitle"]]
[[!template text="""more sensitive to a slanted eye than they would be to an eye""" start="00:07:22.040" video="qanda-theme" id="subtitle"]]
[[!template text="""that is red or an eye that is blue. So, But it's not for""" start="00:07:26.280" video="qanda-theme" id="subtitle"]]
[[!template text="""everyone.""" start="00:07:31.480" video="qanda-theme" id="subtitle"]]
[[!template text="""So I'm looking at the time and we have about eight minutes""" start="00:07:32.000" video="qanda-theme" id="subtitle"]]
[[!template text="""until we go into the next talk.""" start="00:07:37.520" video="qanda-theme" id="subtitle"]]
[[!template text="""To be frank, I don't think I've got any more questions on my""" start="00:07:38.840" video="qanda-theme" id="subtitle"]]
[[!template text="""end. I'm not sure if we've got any people on BBB who has joined""" start="00:07:44.520" video="qanda-theme" id="subtitle"]]
[[!template text="""us and would like to ask a question. Let me check on IRC""" start="00:07:46.880" video="qanda-theme" id="subtitle"]]
[[!template text="""quickly if we've got any questions coming our way. I don't""" start="00:07:49.120" video="qanda-theme" id="subtitle"]]
[[!template text="""see any. Do you see any on your end?""" start="00:07:53.800" video="qanda-theme" id="subtitle"]]
[[!template text="""Not really. Well, then I suggest we just leave it at that and""" start="00:07:57.200" video="qanda-theme" id="subtitle"]]
[[!template text="""enjoy a little break before the next chat. So, thank you so""" start="00:08:06.480" video="qanda-theme" id="subtitle"]]
[[!template text="""much Metrowind for coming to EmacsConf and talking about""" start="00:08:08.680" video="qanda-theme" id="subtitle"]]
[[!template text="""colors because, as you saw, many people are interested""" start="00:08:11.560" video="qanda-theme" id="subtitle"]]
[[!template text="""about them, so much that another person decided to have a""" start="00:08:14.400" video="qanda-theme" id="subtitle"]]
[[!template text="""chat about theme. We didn't plan for this, but it's nice to""" start="00:08:17.200" video="qanda-theme" id="subtitle"]]
[[!template text="""see. And, well, perhaps you could collaborate in the future""" start="00:08:20.640" video="qanda-theme" id="subtitle"]]
[[!template text="""and both find the mutual confidence that you need to push""" start="00:08:23.960" video="qanda-theme" id="subtitle"]]
[[!template text="""your stuff to Melpa. Because I did hear that you weren't""" start="00:08:26.920" video="qanda-theme" id="subtitle"]]
[[!template text="""feeling too confident about your random color theme""" start="00:08:29.800" video="qanda-theme" id="subtitle"]]
[[!template text="""package. But, you know, you've done the first step, which is""" start="00:08:33.120" video="qanda-theme" id="subtitle"]]
[[!template text="""talking about it and sharing it with all of us. And perhaps""" start="00:08:37.440" video="qanda-theme" id="subtitle"]]
[[!template text="""the next step is to actually clean up the code to your""" start="00:08:40.560" video="qanda-theme" id="subtitle"]]
[[!template text="""satisfaction and publish it eventually. Oh, I can see""" start="00:08:42.760" video="qanda-theme" id="subtitle"]]
[[!template text="""another question. Should we go to that? Sure.""" start="00:08:47.960" video="qanda-theme" id="subtitle"]]

<div class="transcript-heading">[[!template new="1" text="""Q: Have you ever kept any of the random themes that were thrown up?""" start="00:08:53.461" video="qanda-theme" id="subtitle"]]</div>[[!template text="""Have you ever""" start="00:08:53.461" video="qanda-theme" id="subtitle"]]
[[!template text="""kept any of the random themes that were thrown up? So I assume""" start="00:08:54.080" video="qanda-theme" id="subtitle"]]
[[!template text="""this is for the Monte Carlo setup. The answer is no. The""" start="00:08:59.720" video="qanda-theme" id="subtitle"]]
[[!template text="""reason is, like I mentioned, I'm using the randomly picking""" start="00:09:05.120" video="qanda-theme" id="subtitle"]]
[[!template text="""a theme setup right now. And Monte Carlo is one of them. Now,""" start="00:09:10.000" video="qanda-theme" id="subtitle"]]
[[!template text="""when Emacs picks Monte Carlo by chance, I wouldn't know""" start="00:09:15.080" video="qanda-theme" id="subtitle"]]
[[!template text="""about it. So I wouldn't know this is my random theme. That's""" start="00:09:18.640" video="qanda-theme" id="subtitle"]]
[[!template text="""the reason I never kept any, like, good color schemes""" start="00:09:23.240" video="qanda-theme" id="subtitle"]]
[[!template text="""generated. So, no. Right, okay. Well, considering we don't""" start="00:09:28.840" video="qanda-theme" id="subtitle"]]
[[!template text="""have any further questions, what I suggest now is that we'll""" start="00:09:34.960" video="qanda-theme" id="subtitle"]]
[[!template text="""leave it at that. So, again, Metrowind, thank you so much.""" start="00:09:37.360" video="qanda-theme" id="subtitle"]]
[[!template text="""Thank you. And hopefully we'll hear more of your themes in""" start="00:09:40.240" video="qanda-theme" id="subtitle"]]
[[!template text="""the future. Cool. Thanks. All right. Bye bye. Bye bye.""" start="00:09:43.080" video="qanda-theme" id="subtitle"]]

</div>Questions or comments? Please e-mail [emacsconf-org-private@gnu.org](mailto:emacsconf-org-private@gnu.org?subject=Comment%20for%20EmacsConf%202023%20theme%3A%20My%20journey%20of%20finding%20and%20creating%20the%20%E2%80%9Cperfect%E2%80%9D%20Emacs%20theme)


<!-- End of emacsconf-publish-after-page -->