Comments mode="auto"

HauntedThemes · September 18, 2022, 1:50pm

Hello,

I’m trying to understand how does mode attribute in {{comments}} shortcode works. It seems that if I set {{comments mode="auto"}} and then I change the parent’s color attribute nothing changes.

Not sure what I’ve missed to be honest. Can someone give me an example of auto mode that works?

Thanks

vikaspotluri123 · September 18, 2022, 4:15pm

How are you setting the color? It looks like the UI only handles rgb(a):

github.com

TryGhost/comments-ui/blob/f49ad9648972000238c113e39de786c87bf8fc14/src/components/ContentBox.js#L31-L38


      
          const containerColor = getComputedStyle(document.getElementById(ROOT_DIV_ID).parentNode).getPropertyValue('color');
          
          
const colorsOnly = containerColor.substring(containerColor.indexOf('(') + 1, containerColor.lastIndexOf(')')).split(/,\s*/);
          const red = colorsOnly[0];
          const green = colorsOnly[1];
          const blue = colorsOnly[2];
          
          
return contrast([255, 255, 255], [red, green, blue]) < 5;

HauntedThemes · September 19, 2022, 1:29pm

Interesting. This works partially for me. I’m trying to change the comments from dark to light when a user clicks a button. That doesn’t actually work unless I click ‘Add your expertise’. My assumption is that the comments box gets reinitialized and then it takes the color that is set.