bartblast
Hey everyone! Just added syntax highlighting to the Hologram website.
What seemed like a simple task turned into quite the adventure. Custom parsers, formatters, and an endless cycle of “hmm, maybe this shade of blue would look better…” made me realize this would be a significant time investment. Even though I started working on it before the playable release, I decided to postpone it to focus on getting the playable version out faster.
So… on a scale from “my eyes are bleeding” to “ooh, pretty!”, how’s the color scheme working for you? 
Would you like me to adjust anything?
P.S. Thanks @D4no0 and @christhekeele for the feedback re syntax highlighting (in the Documentation Updates thread), and @tmbb for the awesome Makeup library that made it possible!
Where Next?
Trending in News & Updates
Other Trending Topics
Latest Hologram Threads
Latest on Elixir Forum
Sponsor Spotlight
Enabling companies to succeed by building software people love.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #elixirconf
- #channels
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #blog-post
- #elixir-ls
- #ai
- #elixirconf-us
- #phoenix_html
- #iex
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #api
- #forms
- #hex
- #security
- #metaprogramming
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Elixir, Erlang & BEAM conferences from Code Sync - join us in 2026!
Practical resources that improve the lives of professional developers.
Master modern tools, write cleaner code, and tackle real-world challenges.
The deployment platform built for Elixir: PaaS ease, VPS control.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"
Showing Posts 1 to 6- Show Best Posts
- Show All (oldest first)
- Show All (newest first)
garrison
Colors look good to me except the yellow braces - they’re a bit distracting. On Hexdocs the braces are text color (light gray), and I think that looks better.
For the docs overall, the font size is way too big and the column width is too wide. Both look about perfect to me on Hexdocs, so I would just grab what they use and that would help a lot with readability.
Also, there is a typo in the code for “Expression Longhand Syntax” (closing brace). I was going to link the line but I can’t actually find the repo for the site (is it closed?) so hopefully you find it!
garrison
Oh and this is definitely not highlighting-related (sorry), but you should probably add anchors to the sections on each page. A simple “#” next to each section title (preferably hide unless hovered) should suffice.
bartblast
Thanks for the feedback and bug report @garrison!
The missing curly brace is now fixed. About the yellow braces - currently I’m using yellow for all curly braces, though they’re part of a planned nesting-based color system where different nesting levels will have distinct colors (similar to IDE themes), with yellow appearing at level 3 of nesting. I’ll probably prepare a few different variants and make a poll, as I know sometimes people hesitate to share critical feedback directly.
I appreciate the font size feedback from Hexdocs - that’s a good reference point for readability. And yes, section anchors are coming soon! Actually planning to add a nice fixed sidebar on the right showing the current page’s contents.
bartblast
What do you think about the new theme?
dogezen
I like it a lot! I imagine it’s a custom theme? Would be great to see it available in Zed / nvim
bartblast
Thanks! Yes, it’s based on the VS Code theme “Ethereal Zen” by Best Themes: https://vscodethemes.com/e/lakshits11.best-themes-redefined/best-themes-ethereal-zen with a few tweaks I made.
Since Hologram uses .holo templates, you’d need a .holo plugin for your editor. I’ll be publishing a VS Code .holo plugin soon, plus a VS Code theme that matches the website style. I’m definitely open to contributions for plugins supporting other editors if you’re interested!