benlau / joplin-plugin-dddot

A Joplin plugin to provide a set of tools like recent notes, shortcuts, scratchpad, and .... in a single sidebar.
32 stars 5 forks source link

Background color not changeable #4

Open reaseno opened 2 years ago

reaseno commented 2 years ago

Unfortunately, I have not found a way to change the background color. This makes the plugin look like a foreign body in my configuration. It would help me if background-color was not set in the body of the plugin.

benlau commented 2 years ago

@reaseno What kind of theme do you use?

reaseno commented 2 years ago

I use userchrome.css with my own theme.

benlau commented 2 years ago

@reaseno In fact I didn't set any default background color. It should inherit Joplin's background color. Do it have similar problem in other plugin? (e.g Link graph https://github.com/treymo/joplin-link-graph )

p.s Scratchpad is another story

reaseno commented 2 years ago

As far as I can see, dddot sets the background with its own css file, which I can't influence.

I use the Outline plugin, that has a setting option in the plugin settings for the background color.

benlau commented 2 years ago

@reaseno I only set the background color on hover for individual note link and stuff like divider. And those value inherits from Joplin. Could you share a screenshot on how it looks on your computer?

reaseno commented 2 years ago

That's what I get from the dev console:

UserWebviewIndex.html

        body {
            box-sizing: border-box;
            padding: 0;
            margin: 0;
            background-color: var(--joplin-background-color);
            color: var(--joplin-color);
            font-size: var(--joplin-font-size);
            font-family: var(--joplin-font-family);
        }

plugin_joplin-plugin-dddot_theme_2.css

:root {
...
    --joplin-background-color: #1D2024;
}
benlau commented 2 years ago

@reaseno That is set by Joplin.

I never tried to customize a theme. Could it override the --joplin-background-color?

reaseno commented 2 years ago

I tried that with Userchrome. But without success. Joplin itself can override it via the theme in the Joplin settings, but there you are limited to the colors of the themes. Probably the plugin must provide a way for this, so that you can overwrite it from the outside.