Blueberry Theme - phpMyadmin v5.1

[movahhedi]

Blueberry PHPMyAdmin Theme

Blueberry is a modern dark theme for PHPMyAdmin, based on "pmahomme" theme (The default theme in PHPMyAdmin).

Developed by Shahab Movahhedi

• Site: shmovahhedi.com
• Email: [email protected]
• GitHub: @movahhedi

Developments and Copyrights

To build it for development, you need these:

• NPM
• SASS
• Bootstrap 4.6.1 (PMA doesn't support Bootstrap 5)

The icons used in Blueberry is from Fluency (Fluent UI) icon set by Microsoft (Thanks to Icons8)

My custom jQuery UI v1.13.1 CSS is also used. Check it out here

Any Ideas?

Tell me your ideas as an Issue at https://github.com/movahhedi/blueberry-pma-theme/issues

[williamdes]

Hi! Thank you for this new theme!

PMA doesn't support Bootstrap 5

I am not sure about that, @MauricioFauth do you have some feedback?

[movahhedi]

At first I used Bootstrap 5 to compile and edit Blueberry theme, but there were errors and unintended changes compared to pmahomme. I found out Bootstrap 5 had at least a few changes that phpMyAdmin doesn't support [yet]. Such as:

• Changing direction-specific values of left, right to direction-neutral values start, end, and thus change of some classnames such as ml-2 (margin-left) to ms-2 (margin-inline-start)
• Changes in media queries and function names
• Removing the sr-only class (screen-readers-only)

Plus, I suggest changing all the SCSS variables of $left, $right to direction-neutral names of $direction-start, $direction-end (used in Blueberry too) and gradually expanding it to the phpMyAdmin core.

[williamdes]

I love the new name!

[movahhedi]

I renamed the theme from Shahab to Blueberry.

[movahhedi]

Thanks. Added a screenshot of the database page.

[movahhedi]

I think Blueberry 1.0.1 is quite ready for release now. I created a release for it too. Do you agree? @williamdes @MauricioFauth

[ibennetch]

This looks very nice. I agree that we should incorporate this to phpMyAdmin. Thanks.

[williamdes]

I started trying it on 5.2 and I have some text display issues Did you make it compatible for 5.2 ?

[nidhalom]

I am using it with version 5.1.3 There is a little issue ^^ the "Designer" and "Central colums" disappear from the navbar when i go with : localhost/phpmyadmin/index.php?route=%2Fdatabase%2Fstructure&db= they show up for a sec but they desappear whenever i click on anything :( you need to add them to The structure below where there is /database/ instead of %2Fdatabase%2F localhost/phpmyadmin/index.php?route=/database/structure&server=1&db=

I liked your theme a lot it's awsome but since i use a lot of relations and the Designier i need to add %2F every time manualy

[williamdes]

I am using it with version 5.1.3 There is a little issue ^^ the "Designer" and "Central colums" disappear from the navbar when i go with : localhost/phpmyadmin/index.php?route=%2Fdatabase%2Fstructure&db= they show up for a sec but they desappear whenever i click on anything :( you need to add them to The structure below where there is /database/ instead of %2Fdatabase%2F localhost/phpmyadmin/index.php?route=/database/structure&server=1&db=

I liked your theme a lot it's awsome but since i use a lot of relations and the Designier i need to add %2F every time manualy

Please open an issue on the phpMyAdmin repository for this because I do not think it is related to the theme :) Also I would recommend you to test 5.2.0 because no more 5.1 versions will be done normally, 5.2 is the new stable

[movahhedi]

I've been very busy lately. I'll check and fix the issues soon.

[ibennetch]

I'd love to release this for 5.2 if it could be updated.

[movahhedi]

Aye, aye, captain. Will do.

[movahhedi]

I made some changes to make Blueberry compatible with PMA v5.2 + The Bootstrap version is now v5.2.2. Any thoughts? @ibennetch @williamdes

[ibennetch]

Personally, I really like this theme. The icons are bold and the whole thing is appropriately dark.

Anyway, I'm merging and releasing it. Thank you for your contribution and for the fixes.