Bootstrap dark theme issues

[liviuconcioiu]

Describe the bug

I've made a tasklist with a few changes I consider that should be made to the Bootstrap dark theme.

• Those two arrows should be replaced with SVG ones if possible. Right now aren't so visible.
  https://demo.phpmyadmin.net/master-config/public/themes/bootstrap/img/arrow_ltr.png
  https://demo.phpmyadmin.net/master-config/public/themes/bootstrap/img/arrow_rtl.png

• When scrolling down, the floating menu is overlapping with text on page, the same for table header.

• I think color for x should be changed to rgb(220, 53, 69) to make it more visible and is the same color from Server connection: SSL is not being used

• small color should be lighter, on Page-related settings.

• background on focus from .config-form select:focus, .config-form textarea:focus { config-form input[type="text"]:focus, .config-form input[type="password"]:focus, .config-form input[type="number"]:focus should be removed, because right now if the select is open or a text is entered, the background and text are white

• Table navigation, both top and bottom should match the color scheme (removing background from .navigation looks much better)

issue6.mp4

• The part with SQL and CodeMirror, should be redone to match the Bootstrap theme. Probably CodeMirror background should be replaced with var(--bs-body-bg) and also links under Profiling will look much better as buttons?

issue7.mp4

• For Database Designer, #canvas background-color should be changed to var(--bs-body-bg). A further redesign will be needed another time, to match the Bootstrap theme.

• text-shadow and background for .pma-fieldset should also be changed
  https://demo.phpmyadmin.net/master-config/public/index.php?route=/database/privileges&db=sakila&server=1
  https://demo.phpmyadmin.net/master-config/public/index.php?route=/server/user-groups&server=1
  https://demo.phpmyadmin.net/master-config/public/index.php?route=/table/privileges&db=sakila&table=actor&server=1

issue9.mp4

• Move columns should also have different background and color

issue10.mp4

Server configuration

• phpMyAdmin version: 6.0.0-dev

[MauricioFauth]

Thank you for reporting this.

[liviuconcioiu]

@MauricioFauth great work! Looks awesome. I wanted to ask what do you think about the query color schema. Some text is hard to be seen. Probably a lighter purple and blue will be OK, or if you have something else in mind, and also the cursor is hard to be seen (is black right now).

[MauricioFauth]

@MauricioFauth great work! Looks awesome. I wanted to ask what do you think about the query color schema. Some text is hard to be seen. Probably a lighter purple and blue will be OK, or if you have something else in mind, and also the cursor is hard to be seen (is black right now).

I changed the colors to some predefined Bootstrap colors. I didn't think too much about it. I hope it looks good.

[liviuconcioiu]

I changed the colors to some predefined Bootstrap colors. I didn't think too much about it. I hope it looks good.

Looks awesome!

[liviuconcioiu]

@MauricioFauth I've converted the arrows to SVG (see attached) and optimized them as much as I could.

icons.zip

Also, task 5 doesn't seem to be fixed.

16.06.2023_17.56.50_REC.mp4