bartblast

bartblast

Creator of Hologram

Does syntax highlighting on the Hologram website look ok?

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? :grinning_face_with_smiling_eyes: 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!

Most Liked

garrison

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! :slight_smile:

garrison

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

bartblast

Creator of Hologram

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.

dogezen

dogezen

I like it a lot! I imagine it’s a custom theme? Would be great to see it available in Zed / nvim :slight_smile:

bartblast

bartblast

Creator of Hologram

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!

Where Next?

Popular in News & Updates Top

zachdaniel
Ash 3.1 Released! Major themes Generators! These are just the first entries into a powerful new suite of tools. Check out the generator d...
New
barnabasJ
You can now add subscriptions using the DSL. subscriptions do pubsub YourAppWeb.Endpoint subscribe :something_changed do action...
New
ConnorRigby
This week we added official Nerves support for the OSD32MP1 line of SOMs. Currently we have tested the osd32mp1-brk breakout board, and ...
New
mobileoverlord
New versions of the Kiosk systems are out. These systems update official Nerves systems with a local web browser for rendering user inter...
New
New
garrison
This is the first RFD (Request For Discussion) for Hobbes, a database/library written in Elixir. I am going to be exercising a little mo...
New
bartblast
Backward Incompatible Changes Change template sigil from ~H to ~HOLO Require Elixir 1.15+ and Erlang/OTP 24+ New Features Add “select”...
New
zachdaniel
Going into main shortly, to be released with atomics being wrapped up (which will get its own larger announcement), we will support valid...
New
zachdaniel
Ash and AshPostgres generators/installers, built with igniter are available on main! I’ll be very grateful to anyone willing to give the...
New
zachdaniel
What if you had full stack types for SPAs built with tech like React, Inertia, Vue, Svelte… but all of the power Ash Framework and Elixir...
New

Other popular topics Top

_russellb
I want to try my hand at web scraping. What tools/libraries do I need to use. I’m hoping to turn this into something professional so don’...
New
KronicDeth
Elixir plugin for JetBrain’s IntelliJ Platform (including Rubymine) This is a plugin that adds support for Elixir to JetBrains IntelliJ...
289 35421 110
New
New
jononomo
I am trying to figure out how Mix knows whether the environment is test, dev, or prod -- where is this set? Thanks.
New
script
If I have a string “1000 cfu/ml” . I want to remove the characters and / and space . So the string is like this "1000" What is the ...
New
chrismccord
As promised, the first release candidate of Phoenix 1.3.0 is out! This release focuses on code generators with improved project structure...
New
myronmarston
The Elixir Typespec docs show the following syntax for keyword lists in typespecs: # ... | [key: type] # keyword lis...
New
mcarvalho
What is the difference between System.get_env and Application.get_env? For example, what are best practices to use one versus another.
New
alice
Hey, Just curious what are the main benefits of Elixir compared to Clojure? When is Elixir more useful than Clojure and vice versa? Th...
New
ovidiubadita
Hey all, I discovered Elixir and I love it. I always wanted to learn a functional programming and I intended to go for Haskell, but afte...
New

We're in Beta

About us Mission Statement