Tags
Progress on markata themes, I'm able to get feedback in the terminal. I'm building out a custom color model that will be able to mix and blend colors with intent of this having the ability to work inside of a jinja template, so rather than needing to lean into transparency for mixing I can mix colors with intent.
Now with color mixing we can do subtle changes to things like headings.
Themes console printout #
Tokyo-Night Theme
Light Theme
text #111827
muted #6b7280
heading #000
accent #4f46e5
accent_alt #9333ea
background #fff
surface #f9fafb
code_bg #f3f4f6
blockquote_bg #f3f4f6
blockquote_border #a5b4fc
link_hover #000
selection_bg #e0e7ff
selection_text #111827
border #e5e7eb
Dark Theme
text #f3f4f6
muted #9ca3af
heading #fff
accent #818cf8
accent_alt #c084fc
background #1a1b26
surface #222436
code_bg #2f3549
blockquote_bg #1f2335
blockquote_border #6366f1
link_hover #fff
selection_bg #2f3549
selection_text #fff
border #3b4261
Catppuccin Theme
Light Theme
text #881337
muted #f43f5e
heading #9f1239
accent #ec4899
accent_alt #c084fc
background #fff1f2
surface #ffe4e6
code_bg #ffe4e6
blockquote_bg #fecdd3
blockquote_border #f472b6
link_hover #9d174d
selection_bg #fda4af
selection_text #881337
border #fda4af
Dark Theme
text #fecdd3
muted #fb7185
heading #ffe4e6
accent #f472b6
accent_alt #c4b5fd
background #1e1e28
surface #2a2a38
code_bg #2c2c3a
blockquote_bg #2b2b3a
blockquote_border #ec4899
link_hover #fff
selection_bg #403d52
selection_text #fff1f2
border #4e4e5a
Everforest Theme
Light Theme
text #14532d
muted #22c55e
heading #166534
accent #16a34a
accent_alt #84cc16
background #f0fdf4
surface #dcfce7
code_bg #dcfce7
blockquote_bg #bbf7d0
blockquote_border #4ade80
link_hover #166534
selection_bg #bbf7d0
selection_text #14532d
border #86efac
Dark Theme
text #dcfce7
muted #4ade80
heading #86efac
accent #4ade80
accent_alt #a3e635
background #2b3339
surface #374045
code_bg #3b444a
blockquote_bg #3d484f
blockquote_border #22c55e
link_hover #fff
selection_bg #475258
selection_text #fff
border #517d90
Gruvbox Theme
Light Theme
text #7c2d12
muted #fb923c
heading #713f12
accent #ea580c
accent_alt #eab308
background #fff
surface #fff7ed
code_bg #ffedd5
blockquote_bg #fed7aa
blockquote_border #fdba74
link_hover #9a3412
selection_bg #fed7aa
selection_text #7c2d12
border #fdba74
Dark Theme
text #ffedd5
muted #fb923c
heading #fef9c3
accent #fb923c
accent_alt #facc15
background #282828
surface #3c3836
code_bg #504945
blockquote_bg #3a3634
blockquote_border #f97316
link_hover #fff
selection_bg #665c54
selection_text #fff7ed
border #7c6f64
Kanagwa Theme
Light Theme
text #0f172a
muted #94a3b8
heading #1e293b
accent #2563eb
accent_alt #6366f1
background #f8fafc
surface #f1f5f9
code_bg #f1f5f9
blockquote_bg #e2e8f0
blockquote_border #93c5fd
link_hover #1e40af
selection_bg #dbeafe
selection_text #0f172a
border #cbd5e1
Dark Theme
text #f1f5f9
muted #94a3b8
heading #f8fafc
accent #60a5fa
accent_alt #818cf8
background #1f2335
surface #2a2e3e
code_bg #3a3f52
blockquote_bg #2e3440
blockquote_border #3b82f6
link_hover #fff
selection_bg #394260
selection_text #fff
border #4b5162
Nord Theme
Light Theme
text #164e63
muted #22d3ee
heading #155e75
accent #0891b2
accent_alt #3b82f6
background #a5f3fc
surface #cffafe
code_bg #ecfeff
blockquote_bg #a5f3fc
blockquote_border #67e8f9
link_hover #155e75
selection_bg #a5f3fc
selection_text #164e63
border #67e8f9
Dark Theme
text #cffafe
muted #22d3ee
heading #ecfeff
accent #22d3ee
accent_alt #93c5fd
background #2e3440
surface #3b4252
code_bg #434c5e
blockquote_bg #4c566a
blockquote_border #06b6d4
link_hover #fff
selection_bg #5e81ac
selection_text #ecfeff
border #6b7d97
Synthwave-84 Theme
Light Theme
text #581c87
muted #ec4899
heading #86198f
accent #ec4899
accent_alt #d946ef
background #fdf2f8
surface #fce7f3
code_bg #fce7f3
blockquote_bg #fbcfe8
blockquote_border #f472b6
link_hover #6b21a8
selection_bg #f5d0fe
selection_text #581c87
border #f9a8d4
Dark Theme
text #f0f
muted #c060c0
heading #f6f
accent #f472b6
accent_alt #e879f9
background #2d0036
surface #405
code_bg #3d0047
blockquote_bg #520066
blockquote_border #ec4899
link_hover #fff
selection_bg #80a
selection_text #fff
border #f0f