This page is wearing Kanagawa — 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/kanagawa.json
light palette
surfaces
canvas oklch(0.947653 0.022894 95.966)
chrome oklch(0.917182 0.028436 95.911)
surface oklch(0.917182 0.028436 95.911)
surface raised oklch(0.977409 0.015941 98.991)
surface overlay oklch(0.993124 0.012015 96.417)
border oklch(0.845849 0.042329 96.659)
input oklch(0.701224 0.023475 297.229)
text
text oklch(0.4519 0.025928 285.316)
text muted oklch(0.578842 0.016824 94.329)
placeholder oklch(0.62825 0.013257 101.615)
secondary label oklch(0.537015 0.020039 96.309)
icon muted oklch(0.537015 0.020039 96.309)
accent & controls
focus oklch(0.4519 0.025928 285.316)
accent oklch(0.4519 0.025928 285.316)
accent foreground oklch(0.935956 0.062545 101.586)
secondary oklch(0.877149 0.039446 95.895)
secondary foreground oklch(0.4519 0.025928 285.316)
muted oklch(0.920217 0.028414 95.91)
muted foreground oklch(0.537015 0.020039 96.309)
accent surface oklch(0.869801 0.021325 232.169)
accent surface foreground oklch(0.401896 0.068391 282.887)
conversation & code
message surface oklch(0.907383 0.036406 96.729)
message foreground oklch(0.4519 0.025928 285.316)
message action oklch(0.4519 0.025928 285.316)
message action foreground oklch(0.935956 0.062545 101.586)
message action hover oklch(0.401896 0.068391 282.887)
code background oklch(0.926282 0.028371 95.908)
code foreground oklch(0.4519 0.025928 285.316)
sidebar
sidebar oklch(0.917182 0.028436 95.911)
sidebar foreground oklch(0.4519 0.025928 285.316)
sidebar muted foreground oklch(0.537015 0.020039 96.309)
sidebar control surface oklch(0.883521 0.038108 95.483)
sidebar row hover oklch(0.883521 0.038108 95.483)
sidebar row active oklch(0.845849 0.042329 96.659)
sidebar row selected oklch(0.877149 0.039446 95.895)
sidebar border oklch(0.805502 0.046831 96.286)
toolbar
toolbar oklch(0.917182 0.028436 95.911)
toolbar foreground oklch(0.4519 0.025928 285.316)
toolbar border oklch(0.805502 0.046831 96.286)
toolbar control oklch(0.883521 0.038108 95.483)
toolbar control foreground oklch(0.4519 0.025928 285.316)
toolbar control hover oklch(0.858212 0.042197 96.651)
terminal
terminal background oklch(0.947653 0.022894 95.966)
terminal foreground oklch(0.4519 0.025928 285.316)
terminal cursor oklch(0.401896 0.068391 282.887)
terminal selection oklch(0.842324 0.00858 271.313)
terminal scrollbar oklch(0.701224 0.023475 297.229)
terminal scrollbar hover oklch(0.62825 0.013257 101.615)
status
error oklch(0.570691 0.171483 16.478)
error foreground oklch(0.601331 0.180158 22.863)
error surface oklch(0.87637 0.029168 15.07)
warning oklch(0.631386 0.152338 57.262)
warning foreground oklch(0.542063 0.070192 102.422)
warning surface oklch(0.91565 0.047534 92.617)
update oklch(0.595059 0.088917 128.258)
update foreground oklch(0.487282 0.079474 131.617)
update surface oklch(0.913182 0.034102 127.246)
dark palette
surfaces
canvas oklch(0.243319 0.017046 285.064)
chrome oklch(0.207864 0.013786 285.138)
surface oklch(0.207864 0.013786 285.138)
surface raised oklch(0.290684 0.023569 284.84)
surface overlay oklch(0.33961 0.027903 284.818)
border oklch(0.33961 0.027903 284.818)
input oklch(0.33961 0.027903 284.818)
text
text oklch(0.875521 0.039108 99.086)
text muted oklch(0.547036 0.012207 100.991)
placeholder oklch(0.547036 0.012207 100.991)
secondary label oklch(0.547036 0.012207 100.991)
icon muted oklch(0.547036 0.012207 100.991)
accent & controls
focus oklch(0.875521 0.039108 99.086)
accent oklch(0.875521 0.039108 99.086)
accent foreground oklch(0.243319 0.017046 285.064)
secondary oklch(0.33961 0.027903 284.818)
secondary foreground oklch(0.875521 0.039108 99.086)
muted oklch(0.179996 0.010198 285.33)
muted foreground oklch(0.547036 0.012207 100.991)
accent surface oklch(0.314343 0.046714 257.435)
accent surface foreground oklch(0.875521 0.039108 99.086)
conversation & code
message surface oklch(0.290684 0.023569 284.84)
message foreground oklch(0.875521 0.039108 99.086)
message action oklch(0.875521 0.039108 99.086)
message action foreground oklch(0.243319 0.017046 285.064)
message action hover oklch(0.803091 0.060817 99.153)
code background oklch(0.207864 0.013786 285.138)
code foreground oklch(0.875521 0.039108 99.086)
sidebar
sidebar oklch(0.207864 0.013786 285.138)
sidebar foreground oklch(0.803091 0.060817 99.153)
sidebar muted foreground oklch(0.547036 0.012207 100.991)
sidebar control surface oklch(0.243319 0.017046 285.064)
sidebar row hover oklch(0.243319 0.017046 285.064)
sidebar row active oklch(0.33961 0.027903 284.818)
sidebar row selected oklch(0.290684 0.023569 284.84)
sidebar border oklch(0.179996 0.010198 285.33)
toolbar
toolbar oklch(0.207864 0.013786 285.138)
toolbar foreground oklch(0.803091 0.060817 99.153)
toolbar border oklch(0.179996 0.010198 285.33)
toolbar control oklch(0.290684 0.023569 284.84)
toolbar control foreground oklch(0.803091 0.060817 99.153)
toolbar control hover oklch(0.33961 0.027903 284.818)
terminal
terminal background oklch(0.243319 0.017046 285.064)
terminal foreground oklch(0.875521 0.039108 99.086)
terminal cursor oklch(0.803091 0.060817 99.153)
terminal selection oklch(0.33961 0.027903 284.818)
terminal scrollbar oklch(0.455763 0.040519 284.679)
terminal scrollbar hover oklch(0.547036 0.012207 100.991)
status
error oklch(0.559378 0.167046 23.087)
error foreground oklch(0.597636 0.226877 27.649)
error surface oklch(0.268988 0.020999 358.333)
warning oklch(0.72896 0.077994 82.015)
warning foreground oklch(0.833239 0.089865 81.644)
warning surface oklch(0.286017 0.018387 88.808)
update oklch(0.632166 0.069849 136.918)
update foreground oklch(0.747686 0.112469 128.362)
update surface oklch(0.277261 0.020612 144.993)