chatgpt-md icon indicating copy to clipboard operation
chatgpt-md copied to clipboard

Different color display for the response of "::assistant"

Open daniellsh opened this issue 2 years ago • 6 comments

Currently, the distinction between ChatGPT's response is clearly marked by two horizontal lines. Yet, as the conversation grow longer and span into lengthy pages, it would be advantageous to swiftly spot ChatGPT's response section. This could be achieved by displaying the text in a distinct color or using another visual cue to set them apart. :)

daniellsh avatar Mar 21 '23 08:03 daniellsh

@daniellsh try out the new headings feature. If you update the plugin you can activate it in settings. Maybe this solves the issue for you.

Regarding the color: Putting a <span style=color:blue>...</span> might not behave the best way in obsidian. One could set a special style instead (using the ~-selector), but the way I think of implementing it wouldn't color it 100% reliably when the answer is long.

The look of chat bubbles would also be cool, but I guess we would have the same issues.

lukemt avatar Mar 21 '23 09:03 lukemt

Would it be possible to add HTML attributes to the <divs> so that they can be targeted via CSS and styled differently?

For example <div class="cm-line">role:user</div> could become <div class="cm-line role_user">role:user</div> or <div class="cm-line" chatGPT="user">role:user</div>.

Perhaps the <div> containing the response could have another class/attribute too to help with the styling

usizu avatar Mar 25 '23 17:03 usizu

Would it be possible to add HTML attributes to the so that this way they can be targeted via CSS and styled differently?

For example <div class="cm-line">role:user</div> could become <div class="cm-line role_user">role:user</div> or <div class="cm-line" chatGPT="user">role:user</div>.

Perhaps the <div> containing the response could have another class/attribute too to help with the styling

I could see that being useful as a setting to toggle on. I'll look into it.

bramses avatar Mar 26 '23 20:03 bramses

You can also ask chatgpt to wrap its answers in foldable Callouts once you told it the syntax for Callouts. Just tried it and it works.

sensn avatar Mar 27 '23 22:03 sensn

You can also ask chatgpt to wrap its answers in foldable Callouts once you told it the syntax for Callouts. Just tried it and it works.

That's an interesting and creative work-around, although it is quite a bit more labour intensive to have to edit every prompt to have to include that instruction to wrap the responses in callouts

usizu avatar Mar 27 '23 22:03 usizu

It's wonderful to see many innovative ideas starting to emerge here! :D

daniellsh avatar Mar 29 '23 05:03 daniellsh