[{"data":1,"prerenderedAt":62},["ShallowReactive",2],{"post:set-light-and-dark-themes":3},{"id":4,"title":5,"body":6,"date":50,"description":12,"draft":51,"extension":52,"meta":53,"navigation":54,"path":55,"seo":56,"stem":57,"tags":58,"__hash__":61},"posts\u002Fposts\u002Fset-light-and-dark-themes.md","TIL: TIL: Set Light and Dark Ghostty Themes",{"type":7,"value":8,"toc":47},"minimark",[9,13,16,24,40,43],[10,11,12],"p",{},"Working from a laptop has some advantages. On beautiful fall days like this one, I can unplug my display and dongles and transition to a lawn chair in the shade. There's only one problem - the ambient light outdoors (even while sitting in the shade) is too great for my Lenovo E16 to overcome.",[10,14,15],{},"Switching to a light theme outdoors mostly takes care of this, but I noticed my Ghostty terminal was still in dark mode.",[10,17,18,19,23],{},"Checking the docs, it seems Ghostty already supports auto-switching between themes based on the system appearance. All we have to do is add the following line to the Ghostty config in ",[20,21,22],"code",{}," ~\u002F.config\u002Fghostty\u002Fconfig",":",[25,26,31],"pre",{"className":27,"code":28,"language":29,"meta":30,"style":30},"language-ini shiki shiki-themes github-light github-dark","theme = dark:GitHub Dark,light:GitHub Light Default\n","ini","",[20,32,33],{"__ignoreMap":30},[34,35,38],"span",{"class":36,"line":37},"line",1,[34,39,28],{},[10,41,42],{},"Now Ghostty uses GitHub Dark in dark mode and GitHub Light Default in light mode.",[44,45,46],"style",{},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":30,"searchDepth":48,"depth":48,"links":49},2,[],"2026-09-26T10:01:17-04:00",false,"md",{},true,"\u002Fposts\u002Fset-light-and-dark-themes",{"title":5,"description":12},"posts\u002Fset-light-and-dark-themes",[59,60],"ghostty","til","Fhp_mAapo-s5xuwiSOArgdSHDP3lc9nexEYwfI-P8ZU",1793891606388]