The problem of the sidebar link shadows

#1

Hi everyone

Does anyone have a simple CSS fix so that the sidebar links “shadow” can always be the same color as the background behind it? I am not a fan of dark themes, but I would like to be able to change the color of my page background to black or some other color without having to see the ugly shadow behind the sidebar links text messing everything up. Talking about the white bits in this image:

screenshot
screenshot363×758 66.2 KB

#2

Try this:

.tc-sidebar-header { text-shadow:none; }

-e

1 Like
#3

Thank you Eric! I am always amazed at these complicated and convoluted custom workarounds that you dream up that involve so much creativity and ingenuity on your part. Every time I think I have asked for something too difficult, you rise to the challenge! :slight_smile:

#4

Would be a thing of the past if there were an easyway to identify classes in effect within the standard tiddlywiki layout. Thus allowing one to provide an overide as Eric suggested.

  • Eg a TiddlyWiki clone designed to specificaly display applied classes throughout the wiki user interface and tools to find the defining and overidding CSS.

I have tried to expose these in the past, but that was before LLM’s. I may try again.

#5

instead of none, could the colour of the shadow be set to a semi-transparent dark (eg: maybe something like #0006 ) which would give the shadow in light mode, but it be invisible in dark mode?