Give your Magento Admin a facelift

Enjoy this module that beautify your Magento Admin with no effort.


Magento Admin Theme

Installation on Magento 1.7+

Extension is available on BubbleShop for free:

Theme switcher

You can easily switch from one theme to another by using the dropdown added in footer.

Magento Admin Theme Switcher

102 Responses to “Give your Magento Admin a facelift”

  1. chetan says:

    Very Nice theme!

    Thanks for sharing this great extension,

    After installing this extension, theme is not able to load top navigation menu items of admin panel

    $this->getMenuLevel($this->getMenuArray()); in menu.phtml does not create any menu items.

    can you please share the missing files again?


  2. Jonathan says:

    I also do not see the Admin menu after copying all those files into my magento install. Note: not only is the menu missing, but the original magento theme appears to be disabled so it’s just the same as it was but without a top menu :)

    I’ve cleared the cache (actually it was also disabled).

    I did not use the git method, I just copied all files into the install directory.

  3. Fredrik says:

    Does this overwrite the original magento theme?
    How can I uninstall this if I want to go back?

    • Johann Reinke says:

      This is a new admin theme, the default one will be untouched. To retrieve default theme, you can delete all module files if you chose manual installation or use command ‘modgit remove admin-theme’ if you used modgit. You can also disable module in app/etc/modules/JR_AdminTheme.xml file.

  4. Mooshi says:

    How beautiful! is that …thanks so much Johann

  5. It is a very very nice contribution and an excelent work.
    I’ve tested your module on 1.7 and works very good.

    Thanks Johann.

  6. Gavin Yu says:

    Very nice theme,is this admin theme support magento 1.5 version? After installing this extension, theme is not able to load top navigation menu items of admin panel? how to solve it??

  7. Nicolas says:

    Very nice. Installed on Magento 1.7. Thanks !

  8. Rick says:

    I’ve also uploaded the files to the root, cleared the cache but I’m not seeing any changes at all.

    The admin is still default, do I have to activate something?

  9. Koray says:

    Thanks for this great admin theme.

    I found a bug. If there are lots of menu items, search box and last menu items conflict.

  10. Bob says:

    I’ve just manually installed this on Magento 1.7.2 and its completely blank not even the login page appears.

    Cache is disabled and manually cleared but still no luck.

    Default theme works fine

  11. Great idea! Just tried it out, and it’s a breath of fresh air from working with Magento for so many years.

    What do we think of the licensing conditions here? This skin css links to which doesn’t mention Go anywhere. I know technically it’s closer to Enterprise than Community, so was just thinking about ramifications of using it.

  12. Francois says:

    Hi Johan, very nice theme, any chance there will be a magento community version of this theme?

  13. Francois says:

    i am a dumbass, works nice, what about the downloader dir (Magento Connect)

  14. Brett says:

    If you’re having problems with button backgrounds not showing up, try updating lines 524-532 of skin/adminhtml/default/go/boxes.css to

    button { overflow:visible; width:auto; border:0; padding:0 4px 0 0; margin:0 8px 0 2px; background:transparent url(images/bkg_btn.png) 100% 0 no-repeat; cursor:pointer; }
    button span { float:left; height:28px; background:transparent url(images/bkg_btn.png) 0 0 no-repeat; padding:0 0 0 8px; font:bold 12px/27px Tahoma, Verdana, Arial, sans-serif; text-align:center; white-space:nowrap; color:#f15a24; position:relative; right:4px; }

    button:not(.disabled):hover { background-position:100% -70px; }
    button:not(.disabled):hover > span { background-position:0 -70px; }
    button:not(.disabled):active { position:relative; bottom:-1px; right:-1px; }

    Worked for me on Magento 1.5.1.

  15. Itay says:

    Great idea and wonderful result.
    Is there a RTL version for it?
    If not I will be more than happy to help.

  16. Wingz says:

    Excellent work! Thank you for the effort, much appreciated. Flawless on Magento 1.6.2.

  17. Template says:

    Ver good template i am using 1.7 and no problem. Thank you

  18. Mike says:

    Thanks for sharing – gives some ideas to our team.

  19. Very nicely done! Works great on

  20. Mathieu says:

    Can we customize it??. I would like to replace the magento logo with my own and change the orange to blue. Possible? Can you do a few color options for us?
    It looks very good.

  21. Sebastian says:

    Nice theme, but how to disable it again? I need to check if my problem depends on the new admin-style?

    Just disabling the Extension doesn’t work for me :(

  22. mits says:

    hi i used your theme is great!
    before 1 day i wanted to use a mass price change,so i had to disable it for some hour,so i went to congiguration and disable it! since then,the theme is the exactly the same but the “action” buttons have been disappeared :/
    What i have to do?

  23. Luke says:

    Hi, just setting up a website for a new project and came across your admin theme. Really awesome template, i’ve been looking for something like this for awhile.

    I’ve got an issue though with a third party extension that is not working correctly with the admin theme. I use PageCache Powered By Varnish ( that adds a few extra buttons to the cache management page. These buttons are not rendering properly with CSS as far as I can tell and although I know it has nothing to do with your extension do you have a workaround that I could use to get those buttons working properly? If you email me I can send you across a screenshot so that you can see what I mean or even give you admin access so that you can take a look if you prefer.

  24. This Theme works perfect in 1.7. I found a problem with the popup to configure products, not a popup appears, product options appear at the bottom of the screen.

    Can you help me find a solution to this or anyone else have this problem when placing orders from the backend.

    I put the following link to the screenshot.

    Greetings and thanks.

  25. Carolanne says:

    This is my first run at Magento and was looking for a way to update the backend. I used the manual installation option and it worked like a charm. Thanks so much for sharing!

  26. Amit says:

    I’m having the same issue Jonathan Sjon with the configure products popup appearing on the bottom for magento 1.7.

    Is there any resolution?

    Thank you

  27. Jimmah says:

    This looks great! Is there a way to install it on Enterprise Edition?

  28. c’est génial, ça marche très bien direct ^^ A voir dans la durée si je n’ai pas de problème de compatibilité divers, mais ça rocks.


  29. JuanGC says:

    Hi Johann!! Before all, I want to tell you that the theme is very nice, great job!! Thanks for share it with the magento community.

    I have a question, after unzip the packet in the root of my site, and I clear the cache, when I try to access to the /admin, I have an error like that:

    There has been an error processing your request
    Mage registry key “_singleton/Bubble_AdminTheme_Model_Adminhtml_Observer” already exists

    Do you know what may happen?

    Thanks a lot! (Sorry by my bad english, i’m spanish native)

    • Johann Reinke says:

      Thank you ;)

      Please try the following fix:

      1. Open file app/code/community/Bubble/AdminTheme/etc/config.xml
      2. Go to line 28
      3. Change Bubble_AdminTheme_Model_Adminhtml_Observer to bubble_admintheme/adminhtml_observer
      4. Clear cache

      If bug disappears, please tell me.

      • JuanGC says:

        Thanks for the fast answer!

        I make the modification of the config.xml file, but the problem persists:

        There has been an error processing your request
        Mage registry key “_singleton/bubble_admintheme/adminhtml_observer” already exists

        I’m lost about this, I don’t know where search the solution, sorry by the inconvenience.

        Thanks a lot!

        • Johann Reinke says:

          Try removing cache physically by performing rm -rf var/cache/* from your Magento root directory.

          • JuanGC says:

            I did it too, and the problem persists… is very strange. When I clear cache, I’m removing the cache physically, and disable, clear and enable again, the compiler. But the problem it’s there yet.

            system(“rm -rf var/cache/*”);
            system(“php -f clear_cache.php”);
            system(“php -f shell/compiler.php disable”);
            system(“php -f shell/compiler.php clear”);
            system(“php -f shell/compiler.php compile”);

          • JuanGC says:

            Ah, my Magento Version is

          • Johann Reinke says:

            I have the same version and it’s working fine I really don’t know how to help you since I can’t reproduce the bug.

    • Jonathan says:

      Hi. I came across this bug too. Here is how I fixed it.

      System>Tools>Compilation> ‘Disable’

      Install your files to directory(s)

      System>Tools>Compilation> ‘Run Compilation Process’

      Refresh cache via command

      Installation complete

  30. Hetal says:

    I have 1.6x and uploaded zip on my root. cleared all cache manually as we all from admin panel. Nothing is happening!!! why? anything else i need to do??

  31. Super says:

    Hi Johann,

    Thanks for this great extension. I am looking to develop a simple “admin mobile theme”. Based on the device i must serve the “normal admin theme” or for small devices like tablets/mobiles i need to serve the “admin mobile theme”. Can you please tell me where should i write the code to dynamically serve one of two admin themes?


  32. Ravi Somani says:


    I use Magento CE V. 1.7.02
    after upload the files to root directory
    cleared cache but No changes in Admin Panel
    Pls help me out why nothing is hapening . . ???

    Thanks & regards

    • Johann Reinke says:

      Sorry but something is certainly wrong in module deployment since all is working fine with

      • Ravi Somani says:

        Dear ,
        Problem in Magento CE V. 1.7.02
        I made 2 directories
        1. Main (Root of Live website)
        2. Test (for testing this admin files)

        after upload the files to root directory cleared cache but No changes in Admin Panel

        Uploaded files to Test Folder, Theme works

        Pls help me out why nothing is hapening in main Root folder . . ???
        if required I shall provide you with Admin Panel Credentials and FTP

        Thanks & regards

  33. Elison says:


    Déjà un grand merci pour ce thème admin. C’est trop top, j’aurai moins de boutons en allant dans l’admin.

    Concernant l’installation, j’ai récupéré la version aujourd’hui, le 11 mai 2013, donc la dernière version en date du 5 mai.
    J’ai bizarrement le même problème que Ravi Somani.
    J’ai fait une installation manuelle en respectant scrupuleusement laborieusement (avec plusieurs vérifications), purgé le cache de l’admin et manuellement (var/cache/) et sélecteur “Thème actuel” sur “Magento Go”, rien ne réagit.
    La version de Magento est la version
    Langue de l’interface : Fr
    Par contre, le script Magento se trouve dans un dossier à la racine.
    D’autre par, dans le dossier “skin/adminhtml/default/” j’ai un dossier nommé du nom d’un autre thème boutique.
    Je ne vois pas vraiment d’ou peut venir ce problème d’affichage du nouveau thème Admin Magento.


  34. Elison says:


    j’ai essayé de jeter un oeil. En fait le sélecteur “Thème actuel” paramètre bien le thème “Magento Go” dans la table “core_config_data ” de la BD (value “go”), mais on dirait que la fonction “function setInterfaceTheme” du js ne fait pas switcher le BB…

    J’ai ceci :
    // Bubble_AdminTheme
    function setInterfaceTheme(evt){
    var elem = Event.element(evt);

    Bizarre non ?

  35. Elison says:

    Bon, j’ai cerné le problème…
    Il y avait un conflit avec le thème de la boutique. Ce thème est “Redress” de Meigeetheme. J’ai désinstallé ce thème et tout fonctionne nickel !
    Le tout consiste maintenant à acheté un nouveau thème qui fonctionne.

    En tout cas BRAVO Johann pour ce travail !

  36. Elison says:

    Bonjour Johann,

    Je viens de trouver 2 endroits ou le design du bouton est tronqué.

    1. Il s’agit du bouton “Valider le numéro de TVA” dans “Système > Configuration > Général > Informations magasin”.
    2. Et le bouton “Récupérer mot de passe” lorsqu’on est sur la page de connexion > “Mot de passe oublié ?”

    En attendant un correctif, j’ai modifié le fichier “forgotpassword.phtml” déjà existant et ligne 61 ajouté 2 span début / fin.
    J’ai aussi ajouté les dossier “customer | system | config” pour y mettre le fichier validatevat.phtml de la version pour ajouter les span nécessaires à la ligne 64.


  37. Elison says:


    pour les Français, dans le fichier “Bubble_AdminTheme.csv” on pourrait par exemple ajouter la ligne :
    “Magento™ is a trademark of Magento Inc.”,”Magento™ appartient à Magento Inc.”


  38. Elison says:

    Il y a aussi une fenêtre avec 2 boutons qui souffre du manque de design Magento Go.

    Par exemple, dans :
    CMS > Pages > clic bouton “Ajouter une nouvelle page”
    Colonne “Contenu” > clic bouton “Afficher/masquer l’éditeur”
    clic bouton “Insérer une image…”

    Le design de l’en-tête est par défaut, ainsi que les boutons “Browse Files…” et “Upload Files”

    En attendant le correctif, j’ai récupéré le fichier “magento.css” dans
    et créé les dossier “lib | prototype | windows | themes”
    –> skin\adminhtml\default\go\lib\prototype\windows\themes\magento.css

    – En ligne 4 de ce fichier j’ai remplacé la classe “.top.table_window” par
    .top.table_window { border-bottom:1px solid #e6e6e6; background:#dc6700 url(magento/top_bg.gif) 0 0 repeat-x; }

    – En ligne 14, j’ai ajouté à la classe “.magento_content” après “background:” “height: auto !important;”

    Dans le dossier “themes”, j’ai créé un nouveau fichier “magento”
    pour y coller les nouvelles images “btn_bg.gif, content_bg.gif, top_bg.gif, window_close.png” du design Magento Go.

    Pour la traduction “Insert File…” par “Insérer un fichier…”, j’ai fait une petite modification du fichier “browser.js”

    En ligne 37, remplacer :
    title: title || ‘Insert File…’,
    par :
    title: title||(‘undefined’!=typeof(Translator)?Translator.translate(‘Insert File…’):’Insert File…’),

    Pour les boutons “Browse Files…” et “Upload Files”, j’ai créé un nouveau dossier “media” Dans


    J’ai récupéré le fichier swf “uploader.swf” du design Magento Go.

    Ses nouveaux boutons sont plus haut que les précédant. Il ne sont donc pas totalement visible. Il faut faire une petite modification du fichier “flexuploader.js”
    En ligne 59, remplacer la valeur de “flexWidth” par “419” et en ligne 67, remplacer la valeur de “height” par “28” et c’est ok !

    Magento Go arrive a traduire “Browse Files…” et “Upload Files” lorsqu’on passe en français.
    J’imagine qu’il passe par le fichier “uploader.mxml” pour “Browse Files…”, mais je ne vois pas comment.


  39. Elison says:

    Si je peux me permettre un point de vue, le design des menus latéraux (colonnes de gauche) de l’admin Magento de la version d’origine étaient vraiment une horreur. Ceux du design Magento Go sont plus modernes, mais je trouve qu’ils ont perdu en expérience utilisateur et en accessibilité. Les utilisateurs qui ont un écran de taille réduite avec une cécité oculaire risquent de ne plus vraiment s’y retrouver.
    Je propose une alternative qui ne coute que quelques modifications au niveau du fichier “boxes.css”.
    Voici en image :

  40. Elison says:

    Bonsoir Johann,

    Dans :
    Système > Configuration > Rapports > Tableau de bord
    Le deuxième chiffre est non visible dans le sélecteur

  41. Elison says:

    Concernant le problème précédent, j’ai trouvé comme solution :

    dans le fichier “boxes.css” trouver la règle :

    .form-list td.value select[type="time"] { width:5.5em !important; }

    et remplacer par :

    .form-list select#reports_dashboard_ytd_start,
    .form-list select#reports_dashboard_mtd_start,
    .form-list td.value select[type="time"] { width:5.5em !important; }
    .form-list select#reports_dashboard_ytd_start:first-child { width:10em !important; }


    • Johann Reinke says:

      Merci beaucoup pour tes retours Elison. Je tâcherai de les intégrer rapidement. Si toutefois tu en as le temps, tu peux faire des pull requests sur le projet Github :

      • Elison says:

        Bonjour jreinke,

        Je suis partant pour faire du “pull requests”. Je me suis inscrit sur, mais je n’ai pas de “forked”, d’ailleurs, je ne sais même pas ce que c’est. J’ai essayé de suivre le tuto sur, mais je ne comprends pas comment cloner mon fork. En gros je ne comprends pas vraiment le principe de fonctionnement.
        Je n’ai même pas trouvé comment t’envoyer un PM depuis !
        Un coup de main ne serait pas de trop :)

        D’autre part, je trouve que le dégradé rendu par l’image d’arrière-plan du sélecteur “body”, de la propriété “background”, valeur “fixed”, ne restitue pas vraiment un affichage agréable. L’effet est là, mais je trouve que l’accessibilité visuelle est altérée.
        Du coup, j’ai fait un essai en remplaçant cette image par une texture, ainsi que dans l’arrière-plan des blocs par une autre texture plus clair.

        Côté optimisation de l’espace de travail, je pense qu’il est possible de gratter quelques précieux millimètres en réduisant la “gsw-bar” du header.

        Maintenant il faut voir ce qu’il est permis d’optimiser dans ce thème du côté des droits de licence.


        • Elison says:

          Encore moi,
          J’avais oublié de préciser que dans le thème admin d’origine, le design de l’espace de gestion admin ne semble pas respecté.
          Sa partie supérieure semble surélevée grâce à l’effet d’ombre, mais que dans sa partie inférieure non. Bien que l’effet d’ombre soit présent.
          J’ai donc fait un essai en faisant quelques modifications dans le bakground du footer. J’ai retiré l’image d’arrière-plan du footer pour y même une couleur transparente (RGBa) pour préserver le rendu de l’image d’arrière-plan du body et ainsi conserver l’homogénéité du design global.


  42. Elison says:

    Bon, j’ai réussi à “Forker” magento-admin-theme et à te “pull requester”.
    Je me suis payé une petite formation :)

    Je n’ai pas encore “pull requester” les amélioration concernant le design pur. J’aimerai auparavant avant avoir ton avis, si tu es intéressé ou non. Je ne sais pas vraiment si ses modifications sont hors sujet.
    Ce qui est certains, c’est qu’elles m’apportent une meilleur efficacité dans mon travaille de gestion. Pour moi, le “Beau” ne doit pas s’éloigner de la productivité, bien au contraire.


  43. Elison says:

    Parti pris concernant le menu de l’admin Magento Go

    La barre du menu horizontal se trouve sur un élément graphique à effet bombé. Les effets d’ombres font supposer que la partie inférieure est arrondie. Lorsque le menu est activé “hover”, l’affichage des entrées de menu se trouve sur un élément graphique totalement plat. Ce qui rend le design du menu massif.

    Afin de lui donner plus de finesse, j’ai fait en sorte d’épouser cette forme arrondie en redessinant l’onglet et d’adapter le tout dans un design en CSS3, sans images de fond.

    Pour cela, je suis intervenu sur le fichier menu.css

    Ce menu est en phase de test. Je dois maintenant optimiser les règles CSS.

    • Gilles D. says:

      Bonjour Elison,
      Est ce que ton fork intègre désormais tes modifications graphiques?
      il me semble que tu n’y intègre pas la dernière modif JS de Johann.

  44. Lin Htun says:

    I did successfully install this theme, but it is still using default theme. I changed the Magento Go theme already.

  45. Ravi Somani says:

    Dear ,
    I use Magento CE V. 1.7.02
    I made 2 directories
    1. Main (Root of Live website)
    2. Test (for testing this admin files)

    after upload the files to root directory cleared cache but No changes in Admin Panel

    Uploaded files to Test Folder, Theme works

    Pls help me out why nothing is hapening in main Root folder . . ???
    if required I shall provide you with Admin Panel Credentials and FTP

    Thanks & regards

  46. suni kumar says:

    hello sir

    please help me,how can convert the html template into magento template….

  47. Mike says:

    I had to change my admin theme name to “go” under configuration>General>Design>admin theme
    to make it work on

  48. Nick says:

    Its a good theme. The only problem I seem to have with it on all sites is the calendar has more date numbers on the left, giving day of the week 35,36,37,38,39 which can make using the new to /from and special price to / from calendars hard to use.

  49. eduardo says:

    In magento version 1.8 upload image button don’t show….

    • Tim says:

      In 1.8, a number of the buttons have their right side missing. Not all, but many. Would love to know of a CSS-based solution as I’ve made some very slight modifications to a few files which I’d like avoid losing if I upgrade. Speaking of which, have you had a chance to test the theme with your own 1.8? Thanks and keep up the good work. Great theme otherwise!

  50. Ghenadie Plop says:

    Thanks Johann for the theme, good work.
    There is a problem, you can’t see entire menu on small screens like iPad.

  51. Unike-Shop says:

    work fine for me in 1.7.02


  52. Shawn says:

    I am trying to install this on 1.8.1 but it doesnt seem to work, I keep getting an error at the login page for admin.

  53. Brian says:


    I am looking for something like this for the Magento EE 1.13.x.x Administrator area.

    Other than editing the config.xml someone mentioned above, is anything else required to get this working on ???
    I have no idea what to download above… the latest CE 1.7+ will work on EE 1.13?

    I really appreciate the hard work and this is fantastic! Where is the Paypal donation button!!! :D


  54. Silvio says:

    Thank you, this is awesome! great work, much better than the boring magento interface

  55. Dave says:

    I have used your custom admin theme many times and have had no issues, but recently I uninstalled your module from an install and reinstalled it but it doesn’t work now. I get the menu for changing to default and go theme, but I think the observer is not firing – worked before, so I am puzzled as to why it doesn’t work now. Any tips would be much appreciated as I tried reinstalling, delete var/cache, etc. Still no luck.

    Thank you in advance for your reply – Dave

  56. Ashutosh says:

    Installed it on CE 1.9 .. perfect and smooth.
    Even you can switch back to default theme anytime.

    Just loved it :-)

  57. Jase Clamp says:

    Man this is so good. Thank you for putting this together and maintaining it. Its just nice to have a change of view!

  58. Best Magento admin I’ve seen from any magento developer free or paid. Latest updates are a huge addition and make the magento design look so much better than the default.

    Much appreciated.

  59. ananth says:

    Thanks for giving this useful information for us, and i faced one problem for my admin panel under the browse image button and upload button was not shown so please tell me any one…

  60. Nicolai says:

    I can’t seem to get this to work on Magento 1.9.1. I get a blank page when I try to access admin.

Leave a Reply

* Required fields