t3·themes
← all themes

Nectar

by glarivie

A soft One Dark-inspired theme with gently warmed grays and a golden accent. WCAG AA/AAA contrast, easy on the eyes.

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

dark

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/nectar.json

dark palette

surfaces

canvas oklch(0.27133 0.0086 255.578)
chrome oklch(0.246339 0.008813 255.592)
surface oklch(0.27133 0.0086 255.578)
surface raised oklch(0.296183 0.010017 260.709)
surface overlay oklch(0.327465 0.011976 258.37)
border oklch(0.377499 0.015215 259.813)
input oklch(0.246339 0.008813 255.592)

text

text oklch(0.848841 0.01174 252.103)
text muted oklch(0.706193 0.015368 254.639)
placeholder oklch(0.628737 0.017945 262.719)
secondary label oklch(0.706193 0.015368 254.639)
icon muted oklch(0.657124 0.01565 254.649)

accent & controls

focus oklch(0.824901 0.096971 82.26)
accent oklch(0.824901 0.096971 82.26)
accent foreground oklch(0.27133 0.0086 255.578)
secondary oklch(0.34003 0.015066 264.353)
secondary foreground oklch(0.848841 0.01174 252.103)
muted oklch(0.296183 0.010017 260.709)
muted foreground oklch(0.706193 0.015368 254.639)
accent surface oklch(0.335977 0.005934 258.351)
accent surface foreground oklch(0.848841 0.01174 252.103)

conversation & code

message surface oklch(0.296183 0.010017 260.709)
message foreground oklch(0.848841 0.01174 252.103)
message action oklch(0.824901 0.096971 82.26)
message action foreground oklch(0.27133 0.0086 255.578)
message action hover oklch(0.86563 0.080313 83.879)
code background oklch(0.246339 0.008813 255.592)
code foreground oklch(0.848841 0.01174 252.103)

sidebar

sidebar oklch(0.246339 0.008813 255.592)
sidebar foreground oklch(0.848841 0.01174 252.103)
sidebar muted foreground oklch(0.706193 0.015368 254.639)
sidebar control surface oklch(0.246339 0.008813 255.592)
sidebar row hover oklch(0.296183 0.010017 260.709)
sidebar row active oklch(0.335977 0.005934 258.351)
sidebar row selected oklch(0.335977 0.005934 258.351)
sidebar border oklch(0.208174 0.006702 258.367)

toolbar

toolbar oklch(0.246339 0.008813 255.592)
toolbar foreground oklch(0.848841 0.01174 252.103)
toolbar border oklch(0.208174 0.006702 258.367)
toolbar control oklch(0.296183 0.010017 260.709)
toolbar control foreground oklch(0.848841 0.01174 252.103)
toolbar control hover oklch(0.34003 0.015066 264.353)

terminal

terminal background oklch(0.27133 0.0086 255.578)
terminal foreground oklch(0.848841 0.01174 252.103)
terminal cursor oklch(0.824901 0.096971 82.26)
terminal selection oklch(0.562084 0.042924 265.565 / 0.251)
terminal scrollbar oklch(0.327465 0.011976 258.37)
terminal scrollbar hover oklch(0.373705 0.015255 259.812)

status

error oklch(0.703567 0.131071 15.65)
error foreground oklch(0.703567 0.131071 15.65)
error surface oklch(0.284885 0.020202 3.046)
warning oklch(0.753862 0.091003 64.066)
warning foreground oklch(0.753862 0.091003 64.066)
warning surface oklch(0.290661 0.020988 73.041)
update oklch(0.768338 0.110334 133)
update foreground oklch(0.768338 0.110334 133)
update surface oklch(0.297619 0.01745 158.813)