Shop Mobile More Submit  Join Login


Submitted on
June 30, 2013
File Size
1.5 MB


11 (who?)


Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Share Alike 3.0 License.
Metro Theme v3 for phpMyAdmin 4 by hplhu Metro Theme v3 for phpMyAdmin 4 by hplhu
Windows 8 / Metro Theme for phpMyAdmin 4 v3.1

Recent update: v3.1: fixed css rules for hidden navigation bar.

In recent times, many requests have been sent for me by users, asking for a version of my Metro theme which is suitable for pma 4.

This is a minimalistic, clean theme for phpMyAdmin 4, inspired by Windows 8 app design.
Tested under Firefox 22, Chrome 27, Safari 5.1.7, Opera 12.12 and Internet Explorer 9 & 10.
Using this theme under any earlier version of browsers listed above may cause erroneous appearance. Such browsers like Internet Explorer 6, 7 and 8 are definitely not recommended for this theme.


1. To use this theme, copy the theme directory under "themes" directory.
2. In, schemes can be switched by defining $scheme variable.
3. If Open Sans, Segoe UI and IcoMoon font families are already installed on your system, there's no need for the webfont integration (@font-face) in common.css and fonts directory.
Add a Comment:
buzcarter Featured By Owner Edited Nov 19, 2014
Thanks much, this is terrific. Using the fixes found here in the comments this works great!

Note: I also commented out:
php echo $_SESSION['PMA_Theme']->getCssCodeMirror();

in themes\metro\css\codemirror.css.php

Made missing b_group.png and b_find_replace.png. Running PMA 4.2.11
UtahPirate Featured By Owner Oct 26, 2014
All I did was drop the theme folder as it is into the themes folder on 4.1.14, reloaded the home page, selected it in the drop-down box, and it seems to work just fine.

And for my next trick... upgrading! Okay, maybe after my project is done. But seriously, this looks really nice!
aravind2905 Featured By Owner Jul 11, 2014
Theme doesn't work with latest version of phpmyadmin  4.2.5
narcarsiss Featured By Owner Sep 7, 2014
mikouaj Featured By Owner Jun 23, 2014
For the creator
( ! ) Fatal error: Call to undefined method PMA_Theme::getCssCodeMirror() in
.\themes\metro\css\codemirror.css.php on line 164
Call Stack
#TimeMemoryFunctionLocation10.0026250680{main}( )..\phpmyadmin.css.php:020.04584462776
PMA_Theme_Manager->printCss( )..\phpmyadmin.css.php:3030.04584462856
PMA_Theme->loadCss( )..\Theme_Manager.class.php:44840.06564501936
include( '.\themes\metro\css\codemirror.css.php' )..\Theme.class.php:363
this messes up the icons for some people (I dont have time to fix it and post you the solution now, sorry :( )

For all those with the icons not showing
You have already disabled codemirror (for proper sql window working) so
go into the /css dir and delete the codemirror.css.php and the icons should be back
dwikodit Featured By Owner May 17, 2014
yepp,, icon not showing on pma 4.1.6
Mailmedve Featured By Owner Mar 22, 2014
Nagyon szép munka, köszönjük szépen a fáradozásaidat.
RavinduL Featured By Owner Mar 21, 2014
I just happened to notice that the SQL query windows (textareas..?) do NOT work on my computer with this theme. They are just like white colored divs. Please resolve this issue and all the others that are mentioned below and release v3.2. 
(And I LOOOOVE this theme. Its better than anything else. )
nonspin Featured By Owner Mar 28, 2014  Professional General Artist
GOTO -> Settings -> SQL Queries -> Select "SQL queries" tab

At the very bottom -> "Enable CodeMirror" -> UNCHECK
mf01de Featured By Owner Feb 19, 2014
It seems that the sprites.css.php isn't includes. So no icons are visible.
Add a Comment: