Also you can see it in action here (use anything as username/password).

It’s pretty simple to install and use this theme, just download the files here. This package contains a web directory with a set of images, javascripts and css, all stored in a dir called sf_admin. Also, it contains a set of layout templates that you must add to your backend application. Note that along with the layout templates, there are two files that are NOT layout templates, but templates that you should moved to the appropriated action, loginSuccess.php and dashboardSuccess.php. loginSuccess.php is the login screen and should be moved to your login module, and dashboard is the main admin screen and should be moved to your main module.

First file that needs to be changed is the main view.yml file for the backend app, in order to add the custom javascripts, css and set the layout.

app/backend/config.view.yml:

  stylesheets:    [sf_admin/main,sf_admin/theme]
  javascripts:    [sf_admin/JSCookMenu_mini,sf_admin/theme]
 
  has_layout:     on
  layout:         layout

Note that loginSuccess.php template must NOT have a layout because it has a different look, so, don’t forget to set has_layout: off to the correct view.yml when using it. Now, for each module, you must set a new css in the generator.yml config file:

app/backend/modules/some_module/config/generator.yml:

generator:
  class:              sfPropelAdminGenerator
  param:
    model_class:      SomeModel
    theme:            default
    css:              sf_admin/main

Also in generators, I suggest to ALWAYS add a fieldset caption to the edit page, otherwise it will not look as expected. You can do something like:

app/backend/modules/some_module/config/generator.yml:

    edit:
      title:          User manager: edit
      display:
        "Details":             [id,name]
      fields:
        name:           { name: Name, help: "Enter name here" }
      actions:
        _delete:        { name: Delete }
        _list:          { name: Close }
        _save_and_list: { name: Save }

One drawback this theme has is the fact that all “actions” have absolute positioning, in order to place it at top right. This means that each action as a static location, thus, you cannot add an save action as the first button in one view, and then add as the second button in another view, they will ALWAYS be placed in the same position (btw, to change actions location/order/etc, just edit css/sf_admin/main.css file and search for .sf_admin_action_create – or any other action name – and change the right value). I tried to move it’s container and then set contents to float:right, but it didn’t work as expected. Actually it worked just fine, but the problem was with the delete button. Delete button is in a different container, because it needs to live in a new <form> tag, so it was not possible to make it float. But as original author (Draven) said, it’s not a real theme. One can create a complete new theme to address these small details, but for me, this works like a charm .