Midnight Harbor
by t3-themes
Sample theme: calm blue on deep slate. Replace with real community submissions.
This page is wearing Midnight Harbor — 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/midnight-harbor.json
dark palette
surfaces
canvas #0b0e14
chrome #0b0e14
surface #151a23
surface raised #1a2029
surface overlay #1f2631
border #232a36
input #232a36
text
text #d6dce6
text muted #8a94a6
placeholder #8f8699
secondary label #e7d0dd
icon muted #d4c7e1
accent & controls
focus #7aa2f7
accent #7aa2f7
accent foreground #0b0e14
secondary #362d3d
secondary foreground #d4c7e1
muted #423a45
muted foreground #e7d0dd
accent surface #1c2434
accent surface foreground #c8d3f5
conversation & code
message surface #182032
message foreground #c8d3f5
message action #7aa2f7
message action foreground #0b0e14
message action hover #8fb0f9
code background #10141c
code foreground #a9b8e8
sidebar
sidebar #10141c
sidebar foreground #c2cad8
sidebar muted foreground #8a94a6
sidebar control surface #261922
sidebar row hover #261922
sidebar row active #261922
sidebar row selected #261922
sidebar border #1c222d
toolbar
toolbar #0b0e14
toolbar foreground #d6dce6
toolbar border #232a36
toolbar control #362d3d
toolbar control foreground #d4c7e1
toolbar control hover #463753
terminal
terminal background #0b0e14
terminal foreground #d6dce6
terminal cursor #7aa2f7
terminal selection #28324a
terminal scrollbar #302029
terminal scrollbar hover #423a45
status
error #9d174d
error foreground #fbd0e8
error surface #331a2b
warning #f59e0b
warning foreground #fbbf24
warning surface #412f20
update #a3004c
update foreground #fbd0e8
update surface #37152b