xiota / geany-preview

Turns Geany into a markdown editor by providing a preview pane in the sidebar to show the formatting of several light-weight languages as they are edited. Supported document types include AsciiDoc, DocBook, Fountain, HTML, LaTeX, Markdown, MediaWiki, reStructuredText, Textile, and Txt2Tags.
GNU General Public License v3.0
12 stars 0 forks source link

gray background in the Preview-tab after every restart of Geany #7

Closed ralf3u closed 2 years ago

ralf3u commented 2 years ago

For a part of a second there is a gray background in the Preview-tab after every restart of Geany. With the help of the software simplescreenrecorder, VLC and colorpicker I could define the exact background color: The background color is #3f4551. It is the same background color like the background color of the tab-title.

It would be great if the background color could be customized, so that the gray background will not be visible any more. In the editor there is no change of the background color after every restart of Geany.

xiota commented 2 years ago

The color is from your desktop theme. I've added a way to change it to Xi/Tweaks. I've also changed the way to set the tab focus style. The PPA is being updated. Details are in the new config file.

Copy /usr/share/geany/geany.css to to ~/.config/geany/geany.css. Restart Geany after adding rules similar to the following:

#geany-xitweaks-sidebar-tab-focus {
    color: green;
    font-weight: bold;
}

#geany-xitweaks-sidebar {
    background: #000000;
}
ralf3u commented 2 years ago

@xiota I updated the system. And I did what is described in the previous comment. And I did for Preview and for Xi/Tweaks: Reset, Save and Reload. But everything is the same like before:

xiota commented 2 years ago

I don't know why the css file doesn't work. What exact rules are you using? Is the version of xitweaks 20211028.134628 or later? Did you make sure to put the new css file in the right place? It goes in the main user config folder, not the plugin specific folders that the other files are in.

ralf3u commented 2 years ago

Is the version of xitweaks 20211028.134628 or later?

How can I identify the version? I think it is the latest version, because I can see the code mentioned above, in the code of xitweaks.conf as comment.

Did you make sure to put the new css file in the right place? It goes in the main user config folder, not the plugin specific folders that the other files are in.

geany.css is in .config/geany

What exact rules are you using?

I added the code mentioned above at the end of geany.css. I made a test: If I change color: green to color:blue, then I see the blue color in the sidebar, instead of green. I made an other test: If I change the background of geany-xitweaks-sidebar, then this has no effect at all.

Is it because of this:

The color is from your desktop theme

My theme Qt-style is kvantum-dark. GTK 2-Theme: Arc-Dark GTK 3-Theme: Arc-Dark my window theme (in openbox): KvGnomeDark

xiota commented 2 years ago

I've updated the plugin on the PPA. When it's done building, try:

#geany-preview-sidebar-page {
       background: white;
}
ralf3u commented 2 years ago

@xiota

Wow!! That's so cool! Now there is no gray background any more. Thank you so much for this feature.

Should I delete in geany.css the code #geany-xitweaks-sidebar {background: white;}?

One small further question: Could it be possible to set in the comments of xitweaks.conf, in geany-xitweaks-sidebar-tab-focus 46af41 as default color, instead of green? I know that I can customize it, and that I have to copy & paste it, but somehow it would be great to have it as default color there in the comments.

The code #geany-preview-sidebar-page background: white; } should be part of the comments of xitweaks.conf.

xiota commented 2 years ago

Should I delete in geany.css the code #geany-xitweaks-sidebar {background: white;}?

Yes. I will remove it from xitweaks later.

46af41 as default color, instead of green?

I'd rather not. The color in the comment doesn't affect anything – settings, readability, etc. What if you decide you like a different color? Then it would have to be changed again?

I know that I can customize it, and that I have to copy & paste it

New rules might be added if needed for something in the future. Otherwise, geany.css would need to be reset only if Geany changes.

The code #geany-preview-sidebar-page background: white; } should be part of the comments of xitweaks.conf.

That rule goes with the Preview plugin. It's already added to the questions doc. I may add a comment to the config file later if it fits with another setting.

ralf3u commented 2 years ago

@xiota

Is the version of xitweaks 20211028.134628 or later?

Just for interest: How can I identify my used version of xitweaks?

Unfortunately code was erased in the comments of xitweaks.conf. The value geany-preview-sidebar-page is missing in the comments in order to customize the gray background. Please add it as comment in xitweaks.conf. I think it would be good to add a sentence of explication in the comments, something like: With geany-preview-sidebar-page the background color of the Preview-tab can be customized. And it would be also good to add as comment on top of the comments something like: if sidebar_focus_enabled=true then:

xiota commented 2 years ago

How can I identify my used version of xitweaks?

sudo apt show geany-plugin-xi-tweaks

The value geany-preview-sidebar-page is missing in the comments in order to customize the gray background.

That is no longer part of the xi/tweaks plugin. (BTW, it has its own project page now: xiota/geany-tweaks) Instructions are in the questions document: CQA.md.

xiota commented 2 years ago

Is this for the extra_css option? Isn't that already in extra-dark.css.

ralf3u commented 2 years ago

On https://github.com/xiota/geany-preview/blob/main/docs/CQA.md it is described how the gray background after every restart of Geany can be avoided. There it would be good if it would be also mentioned how to avoid the gray background when the plugin Xi/Tweaks is also used.

And it would be good to add the following code at the end of preview.conf as comment, in case a user has no internet connection any more:

This is how to avoid for a part of a second a gray background in the content of the Preview-tab after every start of Geany.
In the used css of the preview-file this code is necessary:
html {background: white}
Then copy /usr/share/geany/geany.css to ~/.config/geany/geany.css. Add in the new geany.css this code:
#geany-preview-sidebar-page {background: white}
If also the plugin Xi/Tweaks is activated in the list of plugins, then add also this code in the new geany.css:
#geany-xitweaks-sidebar-page-unfocus {background: white}
In all three cases the color "white" can be customized.