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.

Answer 1

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.

Answer 2

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.

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: