This page is wearing Catppuccin Macchiato — everything you see is drawn with the theme's own colors.
How to install
- Copy the theme JSON with the button above.
- In T3Code, open Settings → Themes → Import theme.
- Paste the JSON and confirm.
source: themes/catppuccin-macchiato.json
light palette
surfaces
canvas oklch(0.957761 0.005767 264.532)
chrome oklch(0.933459 0.008714 264.521)
surface oklch(0.957761 0.005767 264.532)
surface raised oklch(0.857477 0.01448 268.476)
surface overlay oklch(0.808307 0.017393 271.198)
border oklch(0.857477 0.01448 268.476)
input oklch(0.857477 0.01448 268.476)
text
text oklch(0.43547 0.043008 279.325)
text muted oklch(0.547078 0.034343 279.084)
placeholder oklch(0.707668 0.02367 274.601)
secondary label oklch(0.492003 0.038491 279.299)
icon muted oklch(0.653554 0.026879 278.121)
accent & controls
focus oklch(0.55467 0.250346 297.016)
accent oklch(0.55467 0.250346 297.016)
accent foreground oklch(0.957761 0.005767 264.532)
secondary oklch(0.857477 0.01448 268.476)
secondary foreground oklch(0.43547 0.043008 279.325)
muted oklch(0.905965 0.011717 264.507)
muted foreground oklch(0.547078 0.034343 279.084)
accent surface oklch(0.55467 0.250346 297.016)
accent surface foreground oklch(0.957761 0.005767 264.532)
conversation & code
message surface oklch(0.933459 0.008714 264.521)
message foreground oklch(0.43547 0.043008 279.325)
message action oklch(0.55467 0.250346 297.016)
message action foreground oklch(0.957761 0.005767 264.532)
message action hover oklch(0.663763 0.175103 273.135)
code background oklch(0.933459 0.008714 264.521)
code foreground oklch(0.43547 0.043008 279.325)
sidebar
sidebar oklch(0.905965 0.011717 264.507)
sidebar foreground oklch(0.43547 0.043008 279.325)
sidebar muted foreground oklch(0.547078 0.034343 279.084)
sidebar control surface oklch(0.957761 0.005767 264.532)
sidebar row hover oklch(0.857477 0.01448 268.476)
sidebar row active oklch(0.808307 0.017393 271.198)
sidebar row selected oklch(0.758394 0.020453 273.154)
sidebar border oklch(0.857477 0.01448 268.476)
toolbar
toolbar oklch(0.933459 0.008714 264.521)
toolbar foreground oklch(0.43547 0.043008 279.325)
toolbar border oklch(0.857477 0.01448 268.476)
toolbar control oklch(0.905965 0.011717 264.507)
toolbar control foreground oklch(0.43547 0.043008 279.325)
toolbar control hover oklch(0.857477 0.01448 268.476)
terminal
terminal background oklch(0.905965 0.011717 264.507)
terminal foreground oklch(0.43547 0.043008 279.325)
terminal cursor oklch(0.55467 0.250346 297.016)
terminal selection oklch(0.857477 0.01448 268.476)
terminal scrollbar oklch(0.857477 0.01448 268.476)
terminal scrollbar hover oklch(0.808307 0.017393 271.198)
status
error oklch(0.550474 0.215514 19.809)
error foreground oklch(0.957761 0.005767 264.532)
error surface oklch(0.550474 0.215514 19.809)
warning oklch(0.713992 0.149442 67.777)
warning foreground oklch(0.957761 0.005767 264.532)
warning surface oklch(0.713992 0.149442 67.777)
update oklch(0.55467 0.250346 297.016)
update foreground oklch(0.957761 0.005767 264.532)
update surface oklch(0.55467 0.250346 297.016)
dark palette
surfaces
canvas oklch(0.278808 0.035341 276.937)
chrome oklch(0.249251 0.030481 278.435)
surface oklch(0.278808 0.035341 276.937)
surface raised oklch(0.35379 0.036947 275.985)
surface overlay oklch(0.425904 0.038509 276.948)
border oklch(0.425904 0.038509 276.948)
input oklch(0.35379 0.036947 275.985)
text
text oklch(0.870825 0.048078 273.665)
text muted oklch(0.751281 0.044056 273.533)
placeholder oklch(0.560792 0.040672 276.475)
secondary label oklch(0.811977 0.045942 274.267)
icon muted oklch(0.627154 0.041473 273.733)
accent & controls
focus oklch(0.771523 0.125896 303.898)
accent oklch(0.771523 0.125896 303.898)
accent foreground oklch(0.278808 0.035341 276.937)
secondary oklch(0.425904 0.038509 276.948)
secondary foreground oklch(0.870825 0.048078 273.665)
muted oklch(0.35379 0.036947 275.985)
muted foreground oklch(0.751281 0.044056 273.533)
accent surface oklch(0.771523 0.125896 303.898)
accent surface foreground oklch(0.278808 0.035341 276.937)
conversation & code
message surface oklch(0.249251 0.030481 278.435)
message foreground oklch(0.870825 0.048078 273.665)
message action oklch(0.771523 0.125896 303.898)
message action foreground oklch(0.278808 0.035341 276.937)
message action hover oklch(0.814365 0.083352 279.854)
code background oklch(0.249251 0.030481 278.435)
code foreground oklch(0.870825 0.048078 273.665)
sidebar
sidebar oklch(0.218806 0.025457 280.657)
sidebar foreground oklch(0.870825 0.048078 273.665)
sidebar muted foreground oklch(0.751281 0.044056 273.533)
sidebar control surface oklch(0.278808 0.035341 276.937)
sidebar row hover oklch(0.35379 0.036947 275.985)
sidebar row active oklch(0.425904 0.038509 276.948)
sidebar row selected oklch(0.493852 0.038872 275.683)
sidebar border oklch(0.425904 0.038509 276.948)
toolbar
toolbar oklch(0.249251 0.030481 278.435)
toolbar foreground oklch(0.870825 0.048078 273.665)
toolbar border oklch(0.425904 0.038509 276.948)
toolbar control oklch(0.35379 0.036947 275.985)
toolbar control foreground oklch(0.870825 0.048078 273.665)
toolbar control hover oklch(0.425904 0.038509 276.948)
terminal
terminal background oklch(0.218806 0.025457 280.657)
terminal foreground oklch(0.870825 0.048078 273.665)
terminal cursor oklch(0.771523 0.125896 303.898)
terminal selection oklch(0.425904 0.038509 276.948)
terminal scrollbar oklch(0.425904 0.038509 276.948)
terminal scrollbar hover oklch(0.493852 0.038872 275.683)
status
error oklch(0.737 0.125156 11.194)
error foreground oklch(0.278808 0.035341 276.937)
error surface oklch(0.737 0.125156 11.194)
warning oklch(0.878989 0.074442 84.751)
warning foreground oklch(0.278808 0.035341 276.937)
warning surface oklch(0.878989 0.074442 84.751)
update oklch(0.771523 0.125896 303.898)
update foreground oklch(0.278808 0.035341 276.937)
update surface oklch(0.771523 0.125896 303.898)