Example of custom CSS

spec/example_app/app/assets/config/manifest.js

@@ -1,2 +1,3 @@
 //= link administrate/application.css
 //= link administrate/application.js
+//= link admin.css

spec/example_app/app/assets/stylesheets/admin.css

@@ -0,0 +1 @@
+//= require_tree ./admin

spec/example_app/app/assets/stylesheets/admin/identity.scss

@@ -0,0 +1,18 @@
+.identity__banner {
+  margin: 0;
+
+  &--admin {
+    background-image: repeating-linear-gradient(45deg, violet, indigo, blue, green, yellow, orange, red, violet);
+    text-align: center;
+    background-size: 800% 800%;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    animation: rainbow 1s ease;
+  }
+}
+
+@keyframes rainbow {
+    0%{background-position:0% 50%}
+    50%{background-position:100% 25%}
+    100%{background-position:0% 50%}
+}

spec/example_app/app/views/admin/customers/_index_header.html.erb

@@ -7,10 +7,7 @@
     <%= content_for(:title) %>
   </h1>
 
-  <div>
-    You are logged in as <em><%= pundit_user.name %></em>.
-    <%= link_to("Become the Admin", become_admin_customer_path("admin")) unless pundit_user.admin? %>
-  </div>
+  <p class="identity__banner<%= " identity__banner--admin" if pundit_user.admin? %>">You are logged in as <em><%= pundit_user.name %></em>. <%= link_to("Become the Admin", become_admin_customer_path("admin")) unless pundit_user.admin? %></p>
 
   <% if show_search_bar %>
     <%= render(

spec/example_app/config/initializers/administrate.rb

@@ -0,0 +1 @@
+Administrate::Engine.add_stylesheet("admin")