You might have noticed the distinct color palette used throughout this website.
Midnight Blue is my personal aesthetic and custom color scheme.
Inspired by my late-night coding sessions, it's designed to be highly readable, easy on the eyes, and
heavily for a sleek, modern developer experience.
Vous avez peut-être remarqué la palette de couleurs distinctive utilisée sur ce site.
Midnight Blue est ma charte graphique personnelle et mon thème sur mesure.
Inspiré par mes sessions de code nocturnes, il est conçu pour être très lisible, reposant pour les yeux
et pensé pour offrir une expérience développeur moderne et épurée.
You can also use the theme.css file used by this
website in your own projects. I plan to expand this color scheme to a proper theme for the web in the
future with proper support for different kind of components and inputs. Please note that any HEX value
shown below is an approximation of the OKLCH value.
Vous pouvez également utiliser le fichier theme.css
utilisé sur ce site dans vos propres projets. J'envisage d'étendre cette palette pour en faire un
véritable thème web complet à l'avenir, avec une prise en charge adaptée de différents types de
composants et d'éléments de formulaire. Veuillez noter que les valeurs HEX présentées ci-dessous sont
des approximations des valeurs OKLCH.
If you end up using this color scheme, please let me know; I would be happy to see what people create
using it!
Si vous finissez par utiliser ce thème, n'hésitez pas à me le faire savoir ; je serais ravi de voir
ce que vous créez avec !
Background Lowest
#13191C
oklch(0.21 0.01080 229)
Background Lower
#171D20
oklch(0.23 0.01145 229)
Background
#1B2125
oklch(0.25 0.01281 229)
Background Lighter
#1F252A
oklch(0.27 0.01469 229)
Background Lightest
#232A2F
oklch(0.29 0.01701 229)
Highlight
#3D464D
oklch(0.37 0.03482 229)
Hover
#49535A
oklch(0.42 0.04525 229)
Primary
#66B5FF
oklch(0.75 0.15000 229)
Hover
#7BC0FF
oklch(0.80 0.15000 229)
Bright
#B2DFFF
oklch(0.90 0.10000 229)
Hover
#99D3FF
oklch(0.85 0.10000 229)
Muted
#3B8DCF
oklch(0.60 0.15000 229)
Hover
#4BA2E1
oklch(0.65 0.15000 229)
Red
#C63D42
oklch(0.55 0.20000 30)
Hover
#D85154
oklch(0.60 0.20000 30)
Bright
#F07B7B
oklch(0.70 0.15000 30)
Hover
#DC6769
oklch(0.65 0.15000 30)
Muted
#8B001A
oklch(0.40 0.20000 30)
Hover
#9F252D
oklch(0.45 0.20000 30)
Green
#7EDB71
oklch(0.74 0.20000 128)
Hover
#92EF85
oklch(0.79 0.20000 128)
Bright
#C3FFB6
oklch(0.89 0.15000 128)
Hover
#A9F89B
oklch(0.84 0.15000 128)
Muted
#499F44
oklch(0.59 0.20000 128)
Hover
#5BB456
oklch(0.64 0.20000 128)
Yellow
#DEC64A
oklch(0.75 0.20000 86)
Hover
#F3DA5D
oklch(0.80 0.20000 86)
Bright
#FFF4A4
oklch(0.90 0.15000 86)
Hover
#FFDF8B
oklch(0.85 0.15000 86)
Muted
#A68D00
oklch(0.60 0.20000 86)
Hover
#BB9F33
oklch(0.65 0.20000 86)
Blue
#54A5FF
oklch(0.60 0.20000 243)
Hover
#70C0FF
oklch(0.65 0.20000 243)
Bright
#A8D5FF
oklch(0.75 0.15000 243)
Hover
#8DC7FF
oklch(0.70 0.15000 243)
Muted
#0071CE
oklch(0.45 0.20000 243)
Hover
#2686E2
oklch(0.50 0.20000 243)
Magenta
#B862BB
oklch(0.47 0.20000 301)
Hover
#CD77CF
oklch(0.52 0.20000 301)
Bright
#DF97E0
oklch(0.62 0.15000 301)
Hover
#C981C9
oklch(0.57 0.15000 301)
Muted
#7C3881
oklch(0.32 0.20000 301)
Hover
#904C94
oklch(0.37 0.20000 301)
Black
#141414
oklch(0.20 0.00000 0)
Hover
#1A1A1A
oklch(0.22 0.00000 0)
Bright
#2E2E2E
oklch(0.30 0.00000 0)
Hover
#292929
oklch(0.28 0.00000 0)
Muted
#000000
oklch(0.10 0.00000 0)
Hover
#000000
oklch(0.12 0.00000 0)
White
#E0E0E0
oklch(0.89 0.00000 0)
Hover
#E6E6E6
oklch(0.91 0.00000 0)
Bright
#FCFCFC
oklch(0.99 0.00000 0)
Hover
#F7F7F7
oklch(0.97 0.00000 0)
Muted
#C2C2C2
oklch(0.79 0.00000 0)
Hover
#C7C7C7
oklch(0.81 0.00000 0)