t3·themes
← all themes

Espresso

by SunkenInTime

Coffee-house browns: a rich roast dark mode and a steamed-milk latte light.

This page is wearing Espresso — everything you see is drawn with the theme's own colors.

How to install

  1. Copy the theme JSON with the button above.
  2. In T3Code, open Settings → Themes → Import theme.
  3. Paste the JSON and confirm.

source: themes/espresso.json

light palette

surfaces

canvas oklch(0.948306 0.013636 78.262)
chrome oklch(0.948306 0.013636 78.262)
surface oklch(0.921893 0.018281 78.238)
surface raised oklch(0.965557 0.013087 82.402)
surface overlay oklch(1 0 0)
border oklch(0.868294 0.024859 77.44)
input oklch(0.814581 0.033342 76.394)

text

text oklch(0.316859 0.019694 43.834)
text muted oklch(0.537689 0.030282 57.874)
placeholder oklch(0.63847 0.031923 63.858)
secondary label oklch(0.494754 0.190937 354.544)
icon muted oklch(0.537689 0.030282 57.874)

accent & controls

focus oklch(0.515786 0.079191 51.187)
accent oklch(0.515786 0.079191 51.187)
accent foreground oklch(0.955115 0.014169 74.424)
secondary oklch(0.893093 0.023551 75.844)
secondary foreground oklch(0.369118 0.038802 53.642)
muted oklch(0.868294 0.024859 77.44)
muted foreground oklch(0.537689 0.030282 57.874)
accent surface oklch(0.891173 0.026993 74.74)
accent surface foreground oklch(0.369118 0.038802 53.642)

conversation & code

message surface oklch(0.898689 0.025811 78.908)
message foreground oklch(0.316859 0.019694 43.834)
message action oklch(0.515786 0.079191 51.187)
message action foreground oklch(0.955115 0.014169 74.424)
message action hover oklch(0.462907 0.074321 50.501)
code background oklch(0.910317 0.02405 79.737)
code foreground oklch(0.40904 0.044787 56.852)

sidebar

sidebar oklch(0.906978 0.021214 79.088)
sidebar foreground oklch(0.316859 0.019694 43.834)
sidebar muted foreground oklch(0.537689 0.030282 57.874)
sidebar control surface oklch(0.978851 0.001321 106.424)
sidebar row hover oklch(0.978851 0.001321 106.424)
sidebar row active oklch(0.978851 0.001321 106.424)
sidebar row selected oklch(0.978851 0.001321 106.424)
sidebar border oklch(0.83804 0.030842 78.753)

toolbar

toolbar oklch(0.948306 0.013636 78.262)
toolbar foreground oklch(0.316859 0.019694 43.834)
toolbar border oklch(0.868294 0.024859 77.44)
toolbar control oklch(0.939552 0.024286 321.664)
toolbar control foreground oklch(0.325698 0.116116 325.037)
toolbar control hover oklch(0.884525 0.041658 337.177)

terminal

terminal background oklch(0.948306 0.013636 78.262)
terminal foreground oklch(0.316859 0.019694 43.834)
terminal cursor oklch(0.515786 0.079191 51.187)
terminal selection oklch(0.845199 0.035351 78.639)
terminal scrollbar oklch(0.851713 0.055822 336.6)
terminal scrollbar hover oklch(0.802407 0.090963 345.892)

status

error oklch(0.627117 0.248974 7.734)
error foreground oklch(0.458704 0.169677 3.815)
error surface oklch(0.942787 0.032076 344.963)
warning oklch(0.76859 0.164659 70.08)
warning foreground oklch(0.54612 0.143036 48.949)
warning surface oklch(0.962901 0.015297 48.56)
update oklch(0.591646 0.217985 0.584)
update foreground oklch(0.494754 0.190937 354.544)
update surface oklch(0.930264 0.036194 341.45)

dark palette

surfaces

canvas oklch(0.234259 0.015714 53.75)
chrome oklch(0.234259 0.015714 53.75)
surface oklch(0.264518 0.017537 55.509)
surface raised oklch(0.289617 0.020497 60.522)
surface overlay oklch(0.154761 0.01316 338.901)
border oklch(0.322632 0.021085 57.929)
input oklch(0.358093 0.023777 61.755)

text

text oklch(0.900802 0.0209 67.558)
text muted oklch(0.720171 0.030998 63.962)
placeholder oklch(0.614634 0.034314 67.115)
secondary label oklch(0.880303 0.03077 342.696)
icon muted oklch(0.720171 0.030998 63.962)

accent & controls

focus oklch(0.688136 0.091977 59.828)
accent oklch(0.688136 0.091977 59.828)
accent foreground oklch(0.227533 0.021686 60.06)
secondary oklch(0.30286 0.021417 57.843)
secondary foreground oklch(0.864351 0.027884 63.905)
muted oklch(0.322632 0.021085 57.929)
muted foreground oklch(0.720171 0.030998 63.962)
accent surface oklch(0.308735 0.025745 59.192)
accent surface foreground oklch(0.86266 0.043832 67.19)

conversation & code

message surface oklch(0.281823 0.019531 56.805)
message foreground oklch(0.910502 0.022578 67.539)
message action oklch(0.688136 0.091977 59.828)
message action foreground oklch(0.227533 0.021686 60.06)
message action hover oklch(0.743929 0.082109 59.862)
code background oklch(0.256239 0.017678 55.469)
code foreground oklch(0.831151 0.037513 69.936)

sidebar

sidebar oklch(0.215777 0.014731 57.381)
sidebar foreground oklch(0.885822 0.023771 69.574)
sidebar muted foreground oklch(0.677666 0.037513 69.927)
sidebar control surface oklch(0.23366 0.026081 338.196)
sidebar row hover oklch(0.23366 0.026081 338.196)
sidebar row active oklch(0.23366 0.026081 338.196)
sidebar row selected oklch(0.23366 0.026081 338.196)
sidebar border oklch(0.297651 0.020363 60.562)

toolbar

toolbar oklch(0.234259 0.015714 53.75)
toolbar foreground oklch(0.900802 0.0209 67.558)
toolbar border oklch(0.322632 0.021085 57.929)
toolbar control oklch(0.313674 0.030572 310.061)
toolbar control foreground oklch(0.848252 0.038248 307.961)
toolbar control hover oklch(0.364912 0.050794 308.491)

terminal

terminal background oklch(0.219793 0.015867 62.456)
terminal foreground oklch(0.900802 0.0209 67.558)
terminal cursor oklch(0.688136 0.091977 59.828)
terminal selection oklch(0.346692 0.029567 68.685)
terminal scrollbar oklch(0.266817 0.02897 344.461)
terminal scrollbar hover oklch(0.360924 0.021469 316.83)

status

error oklch(0.458704 0.169677 3.815)
error foreground oklch(0.901233 0.057189 343.694)
error surface oklch(0.259022 0.04799 340.062)
warning oklch(0.76859 0.164659 70.08)
warning foreground oklch(0.836861 0.164422 84.429)
warning surface oklch(0.321706 0.036256 60.806)
update oklch(0.460685 0.185347 4.099)
update foreground oklch(0.901233 0.057189 343.694)
update surface oklch(0.256077 0.063004 342.914)