Update base.css for displaying link in blue

[tguilment]

I modified the base.css file adding extra CSS code to force the display of Myst links to appears light blue.
To install the fix in you python virtual environment, I followed these steps:

I assume that you have a Python virtual environment with Jupyterlab and pip installed in it.

1 - Download or git clone my jupyterlab-myst fork repository https://github.com/tguilment/jupyterlab-myst (you can also get the original repository and do the changes yourself at https://github.com/jupyter-book/jupyterlab-myst)

2 - The goal will be to:
i) If not done, change the jupyterlab-myst/style/base.css file adding the theme you want at the end:

/* Hard-code MyST links to light blue */
.jp-ThemedContainer .myst :where(a),
.jp-ThemedContainer .myst :where(a):visited {
  color: #0074d9 !important;      /* bright blue   */
  text-decoration: none; /*underline !important; */
}

.jp-ThemedContainer .myst :where(a):hover {
  text-decoration: none; /*underline !important; */ /* keep underline on hover        */
}

ii) Once this is done, activate your python virtual environment et cd inside jupyterlab-myst
iii) Install the package with pip install -e . (with . the current folder path to be jupyterlab-myst)
iv) Create dependencies and build the extension using the jlpm tool (should be already working when pip and jupyterlab are installed)

jlpm install
jlpm build

v) Update the Jupyterlab extension by executing jupyter labextension develop . --overwrite

Now, when running Jupyterlab and refreshing the page, you should have light blue links.

Let me know how it goes.

Hope that helps.

[github-actions]

👈 Launch a Binder on branch tguilment/jupyterlab-myst/main

[rowanc1]

Thanks @tguilment for your PR!! @agoose77 do you think you could take a look at this? We should get another release out of the extension!!

[nthiery]

Thanks @tguilment for your PR!! @agoose77 do you think you could take a look at this? We should get another release out of the extension!!

It would be nice indeed to have this issue fixed and a new release of jupyterlab-myst -- including the recent myst improvements like inline options -- before the semester starts (early September). Thanks in advance!

[nthiery]

Pleeeeease :-) Not distinguishing links from the rest of the text is a serious burden for our novice students (and even for the others).

[tguilment]

@nthiery As a quick, easy fix, you can use the jupyterlab==4.0.13 version. With UV Python manager using uv add --dev "jupyterlab==4.0.13" works well for me when collaborating.

[krassowski]

I wish JupyterLab 4.0.x would not need to be installed, it is for example vulnerable to GHSA-9q39-rmj3-p4r2. Any chance we could get this merged and released?

[fperez]

Thank you so much!!!

CC @ryanlovett so we can deploy this as soon as it's merged/released, as we need it for the hub like yesterday ;)

[fperez]

Quick check on the chance of this one going out with a 2.4.3 release? This bug is seriously painful when teaching...

[agoose77]

I won't get this into the next release, because technically that will be an "update all the deps and get the thing out the door".

But, I'm making that release in part to make it possible to work on this and ship it, so yes, it will be along shortly!

I'm blocked on some upstream stuff, but it shouldn't be long...

[fperez]

Understood @agoose77 , no worries - I so appreciate all the work you're doing on the project, so keep rocking!!