Dark Theme in PHPMyAdmin

Question

I can't seem to get this feature to activate. I have my config.inc.php file set with the following line:

$cfg['Console']['DarkTheme'] = true;

More info here: https://docs.phpmyadmin.net/en/latest/config.html#cfg_Console_DarkTheme

I must be missing something, but I'm not sure what.

Ushaushant

Is it possible your config.inc.php isn't being read for some reason? I suggest adding a line die ("config.inc.php works correctly"); near the end of the file, then try loading phpMyAdmin again and see if the message appears. – Iquitos

Also, which phpMyAdmin version are you using? – Iquitos

Yeah, it loaded it. I am running the latest version, which is 5.0.2. But I tried it on 4.9.1 and it didn't work either. – Ushaushant

Answer 1

Download a dark theme you like from here and install it into the "themes" folder of your phpMyAdmin installation.

If you are using a local web server like XAMPP, you can simply open your XAMPP folder and search for "theme.json". Once you find one of the theme.json files, you will have to right-click on it and then click on "Open file location", then go to the parent directory and extract the downloaded theme there. The exact location should be: C:\xampp\phpMyAdmin\themes.

After you install your theme you will have to open your phpMyAdmin dashboard and, under "Appearance settings" panel, change the theme to the one you installed.

If you are using cPanel you should try this link but I have only tried in XAMPP and it worked well.

Cullen

Thank you for that link. It looks like it was just uploaded last month. However, it is very vibrant. The purpose of most Dark Themes is not minimize the stress on the eyes. Also, it still doesn't explain why the code in my question, which was in the PHPMyAdmin manual, doesn't do anything. – Ushaushant

I had same like you but i couldn't do anything so i had to only use the link which i gave you and i suggest you to use eye saver app in your windows its might help you and resolve your problem. – Cullen

thanks again, but i am on Windows 7 and cannot use apps. – Ushaushant

@Ushaushant you can also use extensions which will make every websites dark mode but if you don't trust extensions as i don't trust so you can use OPERA GX this is name of browser which is having ability to convert websites to dark mode and i using it now for php my admin in Original theme and its looks awesome – Cullen

thanks for the ideas Technosha, but if i wanted to do something like that, i would just use my Stylus settings in that Extension. – Ushaushant

Answer 2

Download a theme for here: https://www.phpmyadmin.net/themes/ (e.g. https://files.phpmyadmin.net/themes/blueberry/1.1.0/blueberry-1.1.0.zip) and unzip that into the phpMyAdmin/themes directory.

You will now have the following directory structure phpMyAdmin/themes/blueberry/README.md

Open phpMyAdmin/config.inc.php and add the line:

$cfg['ThemeDefault'] = 'blueberry';

Where blueberry is the new folder from the zip file.

Reload phpMyAdmin and your theme is active.

Antoineantoinetta

Answer 3

There is possibly a misunderstanding of this configuration option. The DarkTheme configuration setting only enables the dark theme for the console at the bottom of the page. Hence DarkTheme being inside the Console array. Note the console is collapsed by default and you have to click the "Console" tab to open it.

Here are some screenshots to illustrate (note only the console background is changed in dark mode):

DarkTheme off

DarkTheme on:

Chiliad

.....well THAT is less than useful. although i suppose it does say "Console" in the setting text. so then is there no way to change the the interface itself to a dark theme? – Ushaushant

@Ushaushant the only way would be to install a dark theme as Technosha mentioned in their answer. Have you tried the "darkwolf" theme on this page? I saw the screenshot of it and it looks good. Haven't tried it myself. – Chiliad

@Ushaushant Incidentally I've been trying to look for a dark theme myself (which is how I found your question) but I'm stuck on phpmyadmin version 4.9 and there aren't any good dark themes for that version so I've actually been working on creating one msyelf for 4.9. Perhaps I'll also make one compatible with 5.0 and contribute them to the site. – Chiliad

@CaveJohnson did you find (or make) one meanwhile? Finding myself in a similar situation, being stuck on 4.9 and darkwolf seemingly is not compatible. – Surrounding

Answer 4

I just created a pull request on phpmyadmin/themes for my new theme, Blueberry, A modern dark theme for phpMyAdmin.

You can get it from it's repository at movahhedi/blueberry-pma-theme,

Or download the zip file from here

The installation is the same as Cave Johnson mentioned in his answer

Felid

Answer 5

Here is ready to use lightweight phpMyAdmin docker image.
This project is automatically built on top of the official phpMyAdmin fpm-alpine image, it includes Caddy web server and two most popular dark themes:

Blueberry BooDark

Reside

Answer 6

/*# sourceMappingURL=theme.css.map */

Gondar

As it’s currently written, your answer is unclear. Please edit to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers in the help center. – Tetreault