imagej / imagej/imagej.github.io

Syntax highlighting on live site is less colorful than GitHub preview

Open
#174 1 comment 0 reactions 0 assignees View on GitHub
style
Dominant language
JavaScript
Stars
30
Forks
203
Avg merge
1h 50m
Merged PRs (30d)
1

Description

As [reported by @LauLauThom](https://forum.image.sc/t/53641/3):

For the page https://imagej.net/scripting/parameters:

## GitHub preview
![](https://aws1.discourse-cdn.com/business4/uploads/imagej/original/3X/c/4/c49470f550176128b63b254a2dff32cf1c4409ae.png)

## Live site
![](https://aws1.discourse-cdn.com/business4/uploads/imagej/original/3X/7/a/7a2ab70ed068beab7dd2ba9283233e59cb25c122.png)

Questions to investigate:

* Which syntax highlighting technology and color theme is used on the live site for code fenced code blocks? ([Hint](https://github.com/imagej/imagej.github.io/blob/feef5a71dc2de0225bfdca7171a05f3e31b92575/assets/css/main.css#L3). What if we use fruity instead?)
* What does GitHub use in the Preview pane, and is there any way to use that with Jekyll as well?

Contributor guide

No contributing guide indexed for this repository

Research direction

Begin with the live page at scripting/parameters and inspect the hinted assets/css/main.css entry point to identify the syntax highlighter and theme. Compare that setup with GitHub's Preview pane behavior and determine whether a compatible Jekyll configuration can reproduce it. Done means the discrepancy is explained and a concrete, verified approach is documented or implemented.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, javascript, jekyll
Domain
documentation, web-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.