t3·themes
← all themes

Harbor Bronze

by kototok903

Based on this old tweet: https://x.com/maria_rcks/status/2035152905217388991

This page is wearing Harbor Bronze — 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/harbor-bronze.json

light palette

surfaces

canvas oklch(0.954827 0.00446 179.733)
chrome oklch(0.968351 0.002497 165.076)
surface oklch(0.98331 0.002488 165.077)
surface raised oklch(0.967594 0.003446 174.483)
surface overlay oklch(0.945038 0.005498 183.025)
border oklch(0.863024 0.0098 196.975)
input oklch(0.781969 0.014413 196.862)

text

text oklch(0.309038 0.014642 217.877)
text muted oklch(0.552949 0.016781 218.178)
placeholder oklch(0.542594 0.016851 218.185)
secondary label oklch(0.542594 0.016851 218.185)
icon muted oklch(0.542594 0.016851 218.185)

accent & controls

focus oklch(0.54756 0.059984 221.867)
accent oklch(0.54756 0.059984 221.867)
accent foreground oklch(1 0 0)
secondary oklch(0.939001 0.005507 183.024)
secondary foreground oklch(0.320905 0.014535 217.851)
muted oklch(0.935979 0.005511 183.023)
muted foreground oklch(0.542594 0.016851 218.185)
accent surface oklch(0.922993 0.011853 203.466)
accent surface foreground oklch(0.316886 0.020489 211.252)

conversation & code

message surface oklch(0.946554 0.007575 186.888)
message foreground oklch(0.309038 0.014642 217.877)
message action oklch(0.534877 0.063627 62.346)
message action foreground oklch(1 0 0)
message action hover oklch(0.475369 0.061432 60.031)
code background oklch(0.939001 0.005507 183.024)
code foreground oklch(0.301065 0.014716 217.896)

sidebar

sidebar oklch(0.926144 0.006568 185.264)
sidebar foreground oklch(0.328757 0.014466 217.836)
sidebar muted foreground oklch(0.512027 0.015973 219.787)
sidebar control surface oklch(0.891138 0.008746 188.091)
sidebar row hover oklch(0.907158 0.007654 186.877)
sidebar row active oklch(0.878876 0.008775 188.087)
sidebar row selected oklch(0.878876 0.008775 188.087)
sidebar border oklch(0.844173 0.009934 189.022)

toolbar

toolbar oklch(0.974341 0.002493 165.077)
toolbar foreground oklch(0.313006 0.014606 217.868)
toolbar border oklch(0.863779 0.008719 196.995)
toolbar control oklch(0.954827 0.00446 179.733)
toolbar control foreground oklch(0.313006 0.014606 217.868)
toolbar control hover oklch(0.929174 0.006563 185.264)

terminal

terminal background oklch(0.970592 0.003444 174.484)
terminal foreground oklch(0.309038 0.014642 217.877)
terminal cursor oklch(0.54756 0.059984 221.867)
terminal selection oklch(0.881175 0.020791 208.137)
terminal scrollbar oklch(0.84107 0.009942 189.02)
terminal scrollbar hover oklch(0.766581 0.013446 190.865)

status

error oklch(0.56282 0.16205 19.987)
error foreground oklch(0.493891 0.158698 20.917)
error surface oklch(0.94562 0.01967 13.635)
warning oklch(0.57265 0.094821 65.937)
warning foreground oklch(0.485579 0.088074 62.883)
warning surface oklch(0.953965 0.018213 70.24)
update oklch(0.54756 0.059984 221.867)
update foreground oklch(0.461667 0.052013 223.615)
update surface oklch(0.929454 0.016196 206.434)

dark palette

surfaces

canvas oklch(0.180348 0.016948 233.285)
chrome oklch(0.206952 0.016552 232.916)
surface oklch(0.189306 0.016814 233.139)
surface raised oklch(0.214826 0.017505 230.213)
surface overlay oklch(0.244807 0.020498 236.625)
border oklch(0.30912 0.020535 233.906)
input oklch(0.385836 0.018602 229.488)

text

text oklch(0.857488 0.005228 145.53)
text muted oklch(0.585644 0.015163 226.723)
placeholder oklch(0.495927 0.016621 231.497)
secondary label oklch(0.599189 0.015084 226.712)
icon muted oklch(0.59198 0.016916 229.153)

accent & controls

focus oklch(0.625432 0.062572 219.91)
accent oklch(0.625432 0.062572 219.91)
accent foreground oklch(0.171185 0.017225 233.09)
secondary oklch(0.240434 0.017159 229.968)
secondary foreground oklch(0.876755 0.0046 134.853)
muted oklch(0.21914 0.017445 230.165)
muted foreground oklch(0.599189 0.015084 226.712)
accent surface oklch(0.270184 0.023083 224.817)
accent surface foreground oklch(0.891598 0.004214 157.169)

conversation & code

message surface oklch(0.210492 0.017565 230.263)
message foreground oklch(0.857488 0.005228 145.53)
message action oklch(0.476801 0.054659 62.805)
message action foreground oklch(0.945312 0.00968 72.66)
message action hover oklch(0.52974 0.05916 61.336)
code background oklch(0.241271 0.016076 232.611)
code foreground oklch(0.910398 0.004557 134.852)

sidebar

sidebar oklch(0.170868 0.01973 235.116)
sidebar foreground oklch(0.885962 0.004588 134.853)
sidebar muted foreground oklch(0.609299 0.015025 226.705)
sidebar control surface oklch(0.223436 0.017387 230.121)
sidebar row hover oklch(0.231971 0.017272 230.04)
sidebar row active oklch(0.253843 0.015913 232.527)
sidebar row selected oklch(0.253843 0.015913 232.527)
sidebar border oklch(0.284654 0.01977 229.924)

toolbar

toolbar oklch(0.21131 0.016489 232.87)
toolbar foreground oklch(0.885962 0.004588 134.853)
toolbar border oklch(0.284654 0.01977 229.924)
toolbar control oklch(0.231971 0.017272 230.04)
toolbar control foreground oklch(0.885962 0.004588 134.853)
toolbar control hover oklch(0.268377 0.019984 230.04)

terminal

terminal background oklch(0.171185 0.017225 233.09)
terminal foreground oklch(0.857488 0.005228 145.53)
terminal cursor oklch(0.715046 0.061314 172.537)
terminal selection oklch(0.330392 0.030144 223.84)
terminal scrollbar oklch(0.309487 0.018421 231.977)
terminal scrollbar hover oklch(0.392536 0.019569 227.495)

status

error oklch(0.636224 0.153606 19.063)
error foreground oklch(0.696348 0.142419 18.228)
error surface oklch(0.259592 0.041644 7.996)
warning oklch(0.670644 0.08353 65.586)
warning foreground oklch(0.747581 0.086288 67.606)
warning surface oklch(0.274377 0.023039 60.918)
update oklch(0.625432 0.062572 219.91)
update foreground oklch(0.707202 0.063063 221.991)
update surface oklch(0.27183 0.029819 225.571)