t3·themes
← all themes

Notion

by D3OXY

This page is wearing Notion — 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/notion.json

dark palette

surfaces

canvas oklch(0.213423 0 0)
chrome oklch(0.213423 0 0)
surface oklch(0.26448 0 0)
surface raised oklch(0.26448 0 0)
surface overlay oklch(0.305191 0 0)
border oklch(0.336799 0 0)
input oklch(0.26448 0 0)

text

text oklch(0.92494 0 0)
text muted oklch(0.689488 0 0)
placeholder oklch(0.541706 0 0)
secondary label oklch(0.689488 0 0)
icon muted oklch(0.596489 0 0)

accent & controls

focus oklch(0.60576 0.167377 252.702)
accent oklch(0.60576 0.167377 252.702)
accent foreground oklch(1 0 0)
secondary oklch(0.26448 0 0)
secondary foreground oklch(0.92494 0 0)
muted oklch(0.26448 0 0)
muted foreground oklch(0.689488 0 0)
accent surface oklch(0.26448 0 0)
accent surface foreground oklch(0.92494 0 0)

conversation & code

message surface oklch(0.26448 0 0)
message foreground oklch(0.92494 0 0)
message action oklch(0.60576 0.167377 252.702)
message action foreground oklch(1 0 0)
message action hover oklch(0.536159 0.151428 253.238)
code background oklch(0.26448 0 0)
code foreground oklch(0.92494 0 0)

sidebar

sidebar oklch(0.243535 0 0)
sidebar foreground oklch(0.92494 0 0)
sidebar muted foreground oklch(0.689488 0 0)
sidebar control surface oklch(0.243535 0 0)
sidebar row hover oklch(0.305191 0 0)
sidebar row active oklch(0.305191 0 0)
sidebar row selected oklch(0.26448 0 0)
sidebar border oklch(0.336799 0 0)

toolbar

toolbar oklch(0.213423 0 0)
toolbar foreground oklch(0.92494 0 0)
toolbar border oklch(0.336799 0 0)
toolbar control oklch(0.26448 0 0)
toolbar control foreground oklch(0.92494 0 0)
toolbar control hover oklch(0.305191 0 0)

terminal

terminal background oklch(0.213423 0 0)
terminal foreground oklch(0.92494 0 0)
terminal cursor oklch(0.92494 0 0)
terminal selection oklch(0.336799 0 0)
terminal scrollbar oklch(0.26448 0 0)
terminal scrollbar hover oklch(0.336799 0 0)

status

error oklch(0.721773 0.172821 26.378)
error foreground oklch(0.721773 0.172821 26.378)
error surface oklch(0.280367 0.021737 27.835)
warning oklch(0.656912 0.128858 57.806)
warning foreground oklch(0.686526 0.119023 79.599)
warning surface oklch(0.306794 0.026951 78.476)
update oklch(0.581777 0.137644 258.356)
update foreground oklch(0.663969 0.10075 238.148)
update surface oklch(0.270382 0.015709 232.433)