Issue Overview
There are a lot of pop-up symbols used in the editing content - the insert line, the block type symbols, the circled +, the move up down, etc. etc.
The color stylings for these symbols work okay for a white or light theme BG, but with a dark bg color (wihite on black, for example), then they simply become nearly invisible (especially when hovering). If the background of the theme is gray, then they can totally disappear.
Steps to Reproduce (for bugs)
- Use with a theme that supports Gutenberg and provides editor theme matching styling. (I only know of my own at the moment, but there will be more. White on black is still widely used.)
- Try to edit. The default symbol color and BG styling don't work.
Expected Behavior
Current Behavior
Possible Solution
-
Find a color styling that will work with all BG colors. I would suggest putting solid bg on each item - like just a bit gray from white. Then the symbols would show on all bg colors.
-
Force the theme to implement alternate editor symbol styling. If this is the solution, then providing a list of all the classes needed for all the editor symbols would really help. I didn't track down if the styling classes for the pop-up symbols are the same as the sidebars, but they must be different if a theme is to be able to style them separately.
A near final release of my theme with integrated Gutenberg support is available at:
Weaver Xtreme 4.0 Beta
Try with the Black and White subtheme.
Screenshots / Video
Sorry, my screen capture software has trouble grabbin popup items that go away when you move the mouse.
Related Issues and/or PRs
Todos
Issue Overview
There are a lot of pop-up symbols used in the editing content - the insert line, the block type symbols, the circled +, the move up down, etc. etc.
The color stylings for these symbols work okay for a white or light theme BG, but with a dark bg color (wihite on black, for example), then they simply become nearly invisible (especially when hovering). If the background of the theme is gray, then they can totally disappear.
Steps to Reproduce (for bugs)
Expected Behavior
Current Behavior
Possible Solution
Find a color styling that will work with all BG colors. I would suggest putting solid bg on each item - like just a bit gray from white. Then the symbols would show on all bg colors.
Force the theme to implement alternate editor symbol styling. If this is the solution, then providing a list of all the classes needed for all the editor symbols would really help. I didn't track down if the styling classes for the pop-up symbols are the same as the sidebars, but they must be different if a theme is to be able to style them separately.
A near final release of my theme with integrated Gutenberg support is available at:
Weaver Xtreme 4.0 Beta
Try with the Black and White subtheme.
Screenshots / Video
Sorry, my screen capture software has trouble grabbin popup items that go away when you move the mouse.
Related Issues and/or PRs
Todos