<% content_for :ribbon do %>
  1. Home
  2. SmartAdmin Intel
  3. Skins
<% end %>

SmartAdmin Pre-built Skins
Don't like the default look of SmartAdmin? Not a problem! SmartAdmin comes with 7 prebuilt skins to choose from.

Skin name "Glass"
Add the following class to body tag .smart-style-5
<%= image_tag 'demo/layout-skins/skin-glass.png', class: 'img-responsive center-block', style: 'box-shadow: 0px 0px 3px 0px #919191;' %>
Skin name "Material Design" beta
Add the following class to body tag .smart-style-6
<%= image_tag 'demo/layout-skins/skin-material.png', class: 'img-responsive center-block', style: 'box-shadow: 0px 0px 3px 0px #919191;' %>
Skin name "PixelSmash"
Add the following class to body tag .smart-style-4
<%= image_tag 'demo/layout-skins/skin-pixel.png', class: 'img-responsive center-block', style: 'box-shadow: 0px 0px 3px 0px #919191;' %>
Skin name "Dark Elegance"
Add the following class to body tag .smart-style-1
<%= image_tag 'demo/layout-skins/skin-dark.png', class: 'img-responsive center-block', style: 'box-shadow: 0px 0px 3px 0px #919191;' %>
Skin name "Google"
Add the following class to body tag .smart-style-3
<%= image_tag 'demo/layout-skins/skin-google.png', class: 'img-responsive center-block', style: 'box-shadow: 0px 0px 3px 0px #919191;' %>
Skin name "Ultra Light"
Add the following class to body tag .smart-style-2
<%= image_tag 'demo/layout-skins/skin-ultralight.png', class: 'img-responsive center-block', style: 'box-shadow: 0px 0px 3px 0px #919191;' %>
Skin name "Default"
Add the following class to body tag .smart-style-0
<%= image_tag 'demo/layout-skins/skin-default.png', class: 'img-responsive center-block', style: 'box-shadow: 0px 0px 3px 0px #919191;' %>