obsidian-hover-editor icon indicating copy to clipboard operation
obsidian-hover-editor copied to clipboard

Appearance style

Open jdjshhc opened this issue 1 year ago • 7 comments

Hello, I prefer the overall sense of harmony, now the plugin's function bar is purple, a little dimensional. Too dark a color can also attract attention. I made some changes to a color on the style settings, but now there's a problem that the title doesn't show up. And I hope that the style can be closer to the original, the second photo. Is it possible to add a native style selection, as shown in Figure 2

Figure 1 image

Figure 2 image

jdjshhc avatar Jun 05 '23 02:06 jdjshhc

image Native style, add functionality

jdjshhc avatar Jun 05 '23 02:06 jdjshhc

I don't know what you mean by native style. To my vision, all of your screenshot just look like darkness with some text; I can't see where the outlines of any boxes are or what it is you want to show me here. The style settings are available for you to customize as you like; the defaults are based on theme variables, with the purple you're seeing being the "interactive accent" color chosen by the theme. It's the color the theme has chosen as the "draw attention here" color, so it is definitely intended to be very visible so that you know the hover editor is active and any keyboard commands or typing will immediately affect it.

If the issue is that it is doing this when you're just hovering and not working on the content, you probably want to turn off auto-focus in the Hover Editor settings, and then the purple (or whatever other color the theme or style settings provide) will only appear when you actually click on or otherwise interact with the hover editor.

pjeby avatar Jun 05 '23 02:06 pjeby

I know you're trying to highlight its state and to draw attention. But I feel a little bit of peacekeeping, because it's too conspicuous

jdjshhc avatar Jun 05 '23 02:06 jdjshhc

微信截图_20230605103625 微信截图_20230605103807 微信截图_20230605103914

jdjshhc avatar Jun 05 '23 02:06 jdjshhc

Ah, that's much clearer to my vision. Thank you.

The issue here looks to be that you need to change the foreground color(s) as well as the background colors in the style settings. Specifically "Active title bar foreground color" and "Inactive title bar foreground color" need to be changed to something that contrasts with the background, as they are the colors used for text in the title bar.

pjeby avatar Jun 05 '23 06:06 pjeby

How can the style be changed to the way it was? How do I change my CSS? The background color of the outer frame shadow is now modified, and I want to change it back.

jdjshhc avatar Jun 05 '23 10:06 jdjshhc

If you are using Style settings, there is a refresh symbol (circular arrow) next to each setting that I believe you can use to reset it back to the original style.

pjeby avatar Jun 05 '23 11:06 pjeby