admin_suite 0.2.0 → 0.2.2

data/app/javascript/controllers/admin_suite/file_upload_controller.js

@@ -52,19 +52,19 @@ export default class extends Controller {
   onDragOver(event) {
     event.preventDefault()
     event.stopPropagation()
-    this.dropZoneElement.classList.add("border-amber-500", "bg-amber-50", "dark:bg-amber-900/10")
+    this.dropZoneElement.classList.add("border-amber-500", "bg-amber-50")
   }
 
   onDragLeave(event) {
     event.preventDefault()
     event.stopPropagation()
-    this.dropZoneElement.classList.remove("border-amber-500", "bg-amber-50", "dark:bg-amber-900/10")
+    this.dropZoneElement.classList.remove("border-amber-500", "bg-amber-50")
   }
 
   onDrop(event) {
     event.preventDefault()
     event.stopPropagation()
-    this.dropZoneElement.classList.remove("border-amber-500", "bg-amber-50", "dark:bg-amber-900/10")
+    this.dropZoneElement.classList.remove("border-amber-500", "bg-amber-50")
 
     const files = event.dataTransfer.files
     if (files.length > 0) {
@@ -141,8 +141,8 @@ export default class extends Controller {
         <svg class="w-5 h-5 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
         </svg>
-        <span class="font-medium text-slate-900 dark:text-white">${fileName}</span>
-        <span class="text-slate-500 dark:text-slate-400">(${fileSize})</span>
+        <span class="font-medium text-slate-900">${fileName}</span>
+        <span class="text-slate-500">(${fileSize})</span>
       </div>
     `
   }
@@ -173,7 +173,7 @@ export default class extends Controller {
     if (!this.hasFilenameTarget) return
 
     this.filenameTarget.innerHTML = `
-      <div class="flex items-center gap-2 text-red-600 dark:text-red-400">
+      <div class="flex items-center gap-2 text-red-600">
         <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
         </svg>
@@ -191,10 +191,10 @@ export default class extends Controller {
 
     this.progressTarget.classList.remove("hidden")
     this.progressTarget.innerHTML = `
-      <div class="w-full bg-slate-200 dark:bg-slate-700 rounded-full h-2">
+      <div class="w-full bg-slate-200 rounded-full h-2">
         <div class="bg-amber-500 h-2 rounded-full transition-all duration-300" style="width: ${percent}%"></div>
       </div>
-      <span class="text-xs text-slate-500 dark:text-slate-400">${percent}%</span>
+      <span class="text-xs text-slate-500">${percent}%</span>
     `
   }
 
@@ -211,7 +211,7 @@ export default class extends Controller {
 
     if (this.hasFilenameTarget) {
       this.filenameTarget.innerHTML = `
-        <span class="text-slate-500 dark:text-slate-400">No file selected</span>
+        <span class="text-slate-500">No file selected</span>
       `
     }
 

data/app/javascript/controllers/admin_suite/json_editor_controller.js

@@ -17,12 +17,12 @@ export default class extends Controller {
     try {
       JSON.parse(value)
       this.clearError()
-      this.inputTarget.classList.remove("border-red-500", "dark:border-red-500")
-      this.inputTarget.classList.add("border-slate-300", "dark:border-slate-600")
+      this.inputTarget.classList.remove("border-red-500")
+      this.inputTarget.classList.add("border-slate-300")
     } catch (e) {
       this.showError(e.message)
-      this.inputTarget.classList.remove("border-slate-300", "dark:border-slate-600")
-      this.inputTarget.classList.add("border-red-500", "dark:border-red-500")
+      this.inputTarget.classList.remove("border-slate-300")
+      this.inputTarget.classList.add("border-red-500")
     }
   }
 
@@ -38,12 +38,12 @@ export default class extends Controller {
       const formatted = JSON.stringify(parsed, null, 2)
       this.inputTarget.value = formatted
       this.clearError()
-      this.inputTarget.classList.remove("border-red-500", "dark:border-red-500")
-      this.inputTarget.classList.add("border-slate-300", "dark:border-slate-600")
+      this.inputTarget.classList.remove("border-red-500")
+      this.inputTarget.classList.add("border-slate-300")
     } catch (e) {
       this.showError(e.message)
-      this.inputTarget.classList.remove("border-slate-300", "dark:border-slate-600")
-      this.inputTarget.classList.add("border-red-500", "dark:border-red-500")
+      this.inputTarget.classList.remove("border-slate-300")
+      this.inputTarget.classList.add("border-red-500")
     }
   }
 

data/app/javascript/controllers/admin_suite/searchable_select_controller.js

@@ -105,7 +105,7 @@ export default class extends Controller {
   renderDropdown() {
     if (!this.filteredOptions.length) {
       this.dropdownTarget.innerHTML = `
-        <div class="px-3 py-2 text-sm text-slate-400 dark:text-slate-500">No results found</div>
+        <div class="px-3 py-2 text-sm text-slate-400">No results found</div>
       `
       return
     }
@@ -114,7 +114,7 @@ export default class extends Controller {
       .map(
         (opt, index) => `
       <button type="button"
-              class="block w-full text-left px-3 py-2 text-sm hover:bg-slate-100 dark:hover:bg-slate-700 ${index === this.selectedIndex ? "bg-slate-100 dark:bg-slate-700" : ""} ${opt.isNew ? "text-indigo-600 dark:text-indigo-400 font-medium" : "text-slate-700 dark:text-slate-200"}"
+              class="block w-full text-left px-3 py-2 text-sm hover:bg-slate-100 ${index === this.selectedIndex ? "bg-slate-100" : ""} ${opt.isNew ? "text-indigo-600 font-medium" : "text-slate-700"}"
               data-action="click->admin-suite--searchable-select#select"
               data-value="${opt.value}"
               data-label="${opt.label}">

data/app/javascript/controllers/admin_suite/tag_select_controller.js

@@ -118,7 +118,7 @@ export default class extends Controller {
 
     const tagEl = document.createElement("span")
     tagEl.className =
-      "inline-flex items-center gap-1 px-2 py-1 bg-indigo-100 dark:bg-indigo-900/50 text-indigo-700 dark:text-indigo-300 rounded text-sm"
+      "inline-flex items-center gap-1 px-2 py-1 bg-indigo-100 text-indigo-700 rounded text-sm"
     tagEl.innerHTML = `
       ${this.escapeHtml(value)}
       <input type="hidden" name="${this.getFieldName()}" value="${this.escapeHtml(value)}">

data/app/javascript/controllers/admin_suite/toggle_switch_controller.js

@@ -20,7 +20,7 @@ export default class extends Controller {
   }
 
   get inactiveClasses() {
-    return this.hasInactiveClassesValue ? this.inactiveClassesValue : "bg-slate-200 dark:bg-slate-700"
+    return this.hasInactiveClassesValue ? this.inactiveClassesValue : "bg-slate-200"
   }
 
   toggle(event) {

data/app/views/admin_suite/dashboard/index.html.erb

@@ -1,21 +1,12 @@
-<% content_for :title, "Developer Portal" %>
+<% content_for :title, @page_title %>
 
 <div class="px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto">
   <div class="mb-6">
-    <h1 class="text-2xl font-bold text-slate-900 dark:text-white">Developer Portal</h1>
-    <p class="text-sm text-slate-500 dark:text-slate-400 mt-1">
-      Admin framework for managing all application resources across three specialized portals.
-    </p>
-  </div>
-
-  <% @dashboard_sections.each do |section| %>
-    <% if section[:title].present? %>
-      <div class="mt-8 mb-3 flex items-center gap-2 text-sm font-semibold text-slate-900 dark:text-white">
-        <%= admin_suite_icon("activity", class: "w-4 h-4 text-slate-400") %>
-        <span><%= section[:title] %></span>
-      </div>
+    <h1 class="text-2xl font-bold text-slate-900"><%= @page_title %></h1>
+    <% if @page_description.present? %>
+      <p class="text-sm text-slate-500 mt-1"><%= @page_description %></p>
     <% end %>
+  </div>
 
-    <%= render_dashboard_rows(section[:rows]) %>
-  <% end %>
+  <%= render_dashboard_rows(@dashboard_rows) %>
 </div>

data/app/views/admin_suite/panels/_cards.html.erb

@@ -1,14 +1,14 @@
 <% resources = Array(panel_eval(panel.options[:resources])) %>
 <% variant = (panel.options[:variant] || :default).to_sym %>
 
-<div class="bg-white dark:bg-slate-800 rounded-xl border border-slate-200 dark:border-slate-700 overflow-hidden">
-  <div class="px-4 py-3 border-b border-slate-200 dark:border-slate-700 flex items-center justify-between">
-    <h3 class="font-semibold text-slate-900 dark:text-white"><%= panel.title %></h3>
+<div class="bg-white rounded-xl border border-slate-200 overflow-hidden">
+  <div class="px-4 py-3 border-b border-slate-200 flex items-center justify-between">
+    <h3 class="font-semibold text-slate-900"><%= panel.title %></h3>
   </div>
 
   <% if resources.any? %>
     <% if variant == :portals %>
-      <div class="p-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
+      <div class="admin-suite-cards-grid admin-suite-cards-grid--portals p-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
         <% resources.each do |portal_item| %>
           <%
             key = portal_item[:key] || portal_item["key"]
@@ -52,7 +52,7 @@
         <% end %>
       </div>
     <% else %>
-      <div class="p-4 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3">
+      <div class="admin-suite-cards-grid admin-suite-cards-grid--resources p-4 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3">
       <% resources.each do |resource_item| %>
         <%
           if resource_item.is_a?(Hash)
@@ -102,6 +102,6 @@
       </div>
     <% end %>
   <% else %>
-    <div class="p-4 text-sm text-slate-500 dark:text-slate-400">No cards configured.</div>
+    <div class="p-4 text-sm text-slate-500">No cards configured.</div>
   <% end %>
 </div>

data/app/views/admin_suite/panels/_chart.html.erb

@@ -5,20 +5,20 @@
 <% max_value = 1.0 if max_value.zero? %>
 
 <% bar_color = case color
-  when :amber then "bg-amber-500 dark:bg-amber-400"
-  when :green then "bg-green-500 dark:bg-green-400"
-  when :red then "bg-red-500 dark:bg-red-400"
-  when :cyan then "bg-cyan-500 dark:bg-cyan-400"
-  when :violet then "bg-violet-500 dark:bg-violet-400"
-  when :indigo then "bg-indigo-500 dark:bg-indigo-400"
-  else "bg-indigo-500 dark:bg-indigo-400"
+  when :amber then "bg-amber-500"
+  when :green then "bg-green-500"
+  when :red then "bg-red-500"
+  when :cyan then "bg-cyan-500"
+  when :violet then "bg-violet-500"
+  when :indigo then "bg-indigo-500"
+  else "bg-indigo-500"
 end %>
 
-<div class="bg-white dark:bg-slate-800 rounded-xl border border-slate-200 dark:border-slate-700 p-4">
+<div class="bg-white rounded-xl border border-slate-200 p-4">
   <div class="flex items-center justify-between mb-4">
-    <h3 class="font-semibold text-slate-900 dark:text-white"><%= panel.title %></h3>
+    <h3 class="font-semibold text-slate-900"><%= panel.title %></h3>
     <% if total.present? %>
-      <span class="text-2xl font-bold text-slate-900 dark:text-white"><%= total %></span>
+      <span class="text-2xl font-bold text-slate-900"><%= total %></span>
     <% end %>
   </div>
 
@@ -38,10 +38,10 @@ end %>
 
     <div class="flex gap-1 mt-2">
       <% data.each do |d| %>
-        <div class="flex-1 text-center text-xs text-slate-400 dark:text-slate-500"><%= d[:label].to_s.first(3) %></div>
+        <div class="flex-1 text-center text-xs text-slate-400"><%= d[:label].to_s.first(3) %></div>
       <% end %>
     </div>
   <% else %>
-    <div class="p-4 text-sm text-slate-500 dark:text-slate-400">No chart data.</div>
+    <div class="p-4 text-sm text-slate-500">No chart data.</div>
   <% end %>
 </div>

data/app/views/admin_suite/panels/_health.html.erb

@@ -3,26 +3,26 @@
 
 <% status_config = case status
   when :healthy
-    { border: "border-green-200 dark:border-green-800/50",
-      badge: "bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-400",
+    { border: "border-green-200",
+      badge: "bg-green-100 text-green-700",
       dot: "bg-green-500 animate-pulse" }
   when :degraded
-    { border: "border-amber-200 dark:border-amber-800/50",
-      badge: "bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-400",
+    { border: "border-amber-200",
+      badge: "bg-amber-100 text-amber-700",
       dot: "bg-amber-500 animate-pulse" }
   when :critical
-    { border: "border-red-200 dark:border-red-800/50",
-      badge: "bg-red-100 dark:bg-red-900/30 text-red-700 dark:text-red-400",
+    { border: "border-red-200",
+      badge: "bg-red-100 text-red-700",
       dot: "bg-red-500 animate-pulse" }
   else
-    { border: "border-slate-200 dark:border-slate-700",
-      badge: "bg-slate-100 dark:bg-slate-700 text-slate-600 dark:text-slate-400",
+    { border: "border-slate-200",
+      badge: "bg-slate-100 text-slate-600",
       dot: "bg-slate-400" }
 end %>
 
-<div class="bg-white dark:bg-slate-800 rounded-xl border <%= status_config[:border] %> overflow-hidden">
-  <div class="px-4 py-3 border-b border-slate-200 dark:border-slate-700 flex items-center justify-between">
-    <h3 class="font-semibold text-slate-900 dark:text-white"><%= panel.title %></h3>
+<div class="bg-white rounded-xl border <%= status_config[:border] %> overflow-hidden">
+  <div class="px-4 py-3 border-b border-slate-200 flex items-center justify-between">
+    <h3 class="font-semibold text-slate-900"><%= panel.title %></h3>
     <span class="flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium <%= status_config[:badge] %>">
       <span class="w-2 h-2 rounded-full <%= status_config[:dot] %>"></span>
       <%= status.to_s.humanize %>
@@ -33,12 +33,12 @@ end %>
     <div class="p-4 grid grid-cols-2 gap-3">
       <% metrics.each do |key, val| %>
         <div>
-          <div class="text-lg font-semibold text-slate-900 dark:text-white"><%= val %></div>
-          <div class="text-xs text-slate-500 dark:text-slate-400"><%= key.to_s.humanize %></div>
+          <div class="text-lg font-semibold text-slate-900"><%= val %></div>
+          <div class="text-xs text-slate-500"><%= key.to_s.humanize %></div>
         </div>
       <% end %>
     </div>
   <% else %>
-    <div class="p-4 text-sm text-slate-500 dark:text-slate-400">No metrics.</div>
+    <div class="p-4 text-sm text-slate-500">No metrics.</div>
   <% end %>
 </div>

data/app/views/admin_suite/panels/_recent.html.erb

@@ -6,16 +6,16 @@
 <% view_all_path = panel_eval(panel.options[:view_all_path]) %>
 <% link_proc = panel.options[:link] %>
 
-<div class="bg-white dark:bg-slate-800 rounded-xl border border-slate-200 dark:border-slate-700 overflow-hidden">
-  <div class="px-4 py-3 border-b border-slate-200 dark:border-slate-700 flex items-center justify-between">
-    <h3 class="font-semibold text-slate-900 dark:text-white"><%= panel.title %></h3>
+<div class="bg-white rounded-xl border border-slate-200 overflow-hidden">
+  <div class="px-4 py-3 border-b border-slate-200 flex items-center justify-between">
+    <h3 class="font-semibold text-slate-900"><%= panel.title %></h3>
     <% if view_all_path.present? %>
       <%= link_to "View all →", view_all_path, class: "text-sm #{theme_link_class}" %>
     <% end %>
   </div>
 
   <% if items.any? %>
-    <ul class="divide-y divide-slate-100 dark:divide-slate-700">
+    <ul class="divide-y divide-slate-100">
       <% items.each do |item| %>
         <% path =
           if link_proc.respond_to?(:call)
@@ -24,25 +24,25 @@
             auto_admin_suite_path_for(item)
           end
         %>
-        <li class="px-4 py-3 hover:bg-slate-50 dark:hover:bg-slate-700/50 transition-colors">
+        <li class="px-4 py-3 hover:bg-slate-50 transition-colors">
           <% title = item_display_title(item) rescue item.to_s %>
           <% subtitle = (item.respond_to?(:created_at) && item.created_at) ? "#{time_ago_in_words(item.created_at)} ago" : nil %>
           <% if path.present? %>
             <%= link_to path, class: "flex items-center justify-between gap-3" do %>
               <div class="min-w-0">
-                <div class="text-sm font-medium text-slate-900 dark:text-white truncate"><%= title.to_s.truncate(48) %></div>
+                <div class="text-sm font-medium text-slate-900 truncate"><%= title.to_s.truncate(48) %></div>
                 <% if subtitle.present? %>
-                  <div class="text-xs text-slate-500 dark:text-slate-400"><%= subtitle %></div>
+                  <div class="text-xs text-slate-500"><%= subtitle %></div>
                 <% end %>
               </div>
-              <%= admin_suite_icon("chevron-right", class: "w-4 h-4 text-slate-300 dark:text-slate-600 flex-shrink-0") %>
+              <%= admin_suite_icon("chevron-right", class: "w-4 h-4 text-slate-300 flex-shrink-0") %>
             <% end %>
           <% else %>
             <div class="flex items-center justify-between gap-3">
               <div class="min-w-0">
-                <div class="text-sm font-medium text-slate-900 dark:text-white truncate"><%= title.to_s.truncate(48) %></div>
+                <div class="text-sm font-medium text-slate-900 truncate"><%= title.to_s.truncate(48) %></div>
                 <% if subtitle.present? %>
-                  <div class="text-xs text-slate-500 dark:text-slate-400"><%= subtitle %></div>
+                  <div class="text-xs text-slate-500"><%= subtitle %></div>
                 <% end %>
               </div>
             </div>
@@ -51,6 +51,6 @@
       <% end %>
     </ul>
   <% else %>
-    <div class="p-4 text-center text-sm text-slate-500 dark:text-slate-400"><%= empty_message %></div>
+    <div class="p-4 text-center text-sm text-slate-500"><%= empty_message %></div>
   <% end %>
 </div>

data/app/views/admin_suite/panels/_stat.html.erb

@@ -7,35 +7,35 @@
 
 <% color_classes = case color
   when :green
-    { bg: "bg-gradient-to-br from-green-50 to-green-100 dark:from-green-900/20 dark:to-green-800/20",
-      border: "border border-green-200 dark:border-green-800/50",
-      text: "text-green-700 dark:text-green-400",
-      label: "text-green-600 dark:text-green-500" }
+    { bg: "bg-gradient-to-br from-green-50 to-green-100",
+      border: "border border-green-200",
+      text: "text-green-700",
+      label: "text-green-600" }
   when :red
-    { bg: "bg-gradient-to-br from-red-50 to-red-100 dark:from-red-900/20 dark:to-red-800/20",
-      border: "border border-red-200 dark:border-red-800/50",
-      text: "text-red-700 dark:text-red-400",
-      label: "text-red-600 dark:text-red-500" }
+    { bg: "bg-gradient-to-br from-red-50 to-red-100",
+      border: "border border-red-200",
+      text: "text-red-700",
+      label: "text-red-600" }
   when :amber
-    { bg: "bg-gradient-to-br from-amber-50 to-amber-100 dark:from-amber-900/20 dark:to-amber-800/20",
-      border: "border border-amber-200 dark:border-amber-800/50",
-      text: "text-amber-700 dark:text-amber-400",
-      label: "text-amber-600 dark:text-amber-500" }
+    { bg: "bg-gradient-to-br from-amber-50 to-amber-100",
+      border: "border border-amber-200",
+      text: "text-amber-700",
+      label: "text-amber-600" }
   when :cyan
-    { bg: "bg-gradient-to-br from-cyan-50 to-cyan-100 dark:from-cyan-900/20 dark:to-cyan-800/20",
-      border: "border border-cyan-200 dark:border-cyan-800/50",
-      text: "text-cyan-700 dark:text-cyan-400",
-      label: "text-cyan-600 dark:text-cyan-500" }
+    { bg: "bg-gradient-to-br from-cyan-50 to-cyan-100",
+      border: "border border-cyan-200",
+      text: "text-cyan-700",
+      label: "text-cyan-600" }
   when :violet
-    { bg: "bg-gradient-to-br from-violet-50 to-violet-100 dark:from-violet-900/20 dark:to-violet-800/20",
-      border: "border border-violet-200 dark:border-violet-800/50",
-      text: "text-violet-700 dark:text-violet-400",
-      label: "text-violet-600 dark:text-violet-500" }
+    { bg: "bg-gradient-to-br from-violet-50 to-violet-100",
+      border: "border border-violet-200",
+      text: "text-violet-700",
+      label: "text-violet-600" }
   else
-    { bg: "bg-white dark:bg-slate-800",
-      border: "border border-slate-200 dark:border-slate-700",
-      text: "text-slate-900 dark:text-white",
-      label: "text-slate-500 dark:text-slate-400" }
+    { bg: "bg-white",
+      border: "border border-slate-200",
+      text: "text-slate-900",
+      label: "text-slate-500" }
 end %>
 
 <% if variant == :mini %>

data/app/views/admin_suite/panels/_table.html.erb

@@ -2,28 +2,28 @@
 <% rows = Array(rows_value) %>
 <% columns = Array(panel.options[:columns]).presence %>
 
-<div class="bg-white dark:bg-slate-800 rounded-xl border border-slate-200 dark:border-slate-700 overflow-hidden">
-  <div class="px-4 py-3 border-b border-slate-200 dark:border-slate-700 flex items-center justify-between">
-    <h3 class="font-semibold text-slate-900 dark:text-white"><%= panel.title %></h3>
+<div class="bg-white rounded-xl border border-slate-200 overflow-hidden">
+  <div class="px-4 py-3 border-b border-slate-200 flex items-center justify-between">
+    <h3 class="font-semibold text-slate-900"><%= panel.title %></h3>
   </div>
 
   <% if rows.any? %>
     <% columns ||= rows.first.respond_to?(:attributes) ? rows.first.attributes.keys.first(6).map(&:to_sym) : [] %>
     <div class="overflow-x-auto">
-      <table class="min-w-full divide-y divide-slate-200 dark:divide-slate-700">
-        <thead class="bg-slate-50/50 dark:bg-slate-900/30">
+      <table class="min-w-full divide-y divide-slate-200">
+        <thead class="bg-slate-50/50">
           <tr>
             <% columns.each do |col| %>
-              <th class="px-4 py-2.5 text-left text-xs font-medium text-slate-500 dark:text-slate-400 uppercase tracking-wider"><%= col.to_s.humanize %></th>
+              <th class="px-4 py-2.5 text-left text-xs font-medium text-slate-500 uppercase tracking-wider"><%= col.to_s.humanize %></th>
             <% end %>
           </tr>
         </thead>
-        <tbody class="divide-y divide-slate-200 dark:divide-slate-700">
+        <tbody class="divide-y divide-slate-200">
           <% rows.each do |row| %>
-            <tr class="hover:bg-slate-50/50 dark:hover:bg-slate-900/30">
+            <tr class="hover:bg-slate-50/50">
               <% columns.each do |col| %>
                 <% val = row.respond_to?(col) ? (row.public_send(col) rescue nil) : (row[col] rescue nil) %>
-                <td class="px-4 py-3 text-sm text-slate-700 dark:text-slate-200"><%= format_table_cell(val) rescue val.to_s %></td>
+                <td class="px-4 py-3 text-sm text-slate-700"><%= format_table_cell(val) rescue val.to_s %></td>
               <% end %>
             </tr>
           <% end %>
@@ -31,6 +31,6 @@
       </table>
     </div>
   <% else %>
-    <div class="p-4 text-sm text-slate-500 dark:text-slate-400">No rows.</div>
+    <div class="p-4 text-sm text-slate-500">No rows.</div>
   <% end %>
 </div>

data/app/views/admin_suite/portals/show.html.erb

@@ -35,7 +35,7 @@
     <%= render_dashboard_rows(@dashboard_rows) %>
   <% else %>
     <!-- Sections (fallback) -->
-    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+    <div class="admin-suite-portal-sections-grid grid grid-cols-1 lg:grid-cols-2 gap-6">
       <% @sections.each do |_section_key, section| %>
         <div class="bg-white rounded-xl border border-slate-200 overflow-hidden">
           <div class="px-6 py-4 border-b border-slate-200 bg-slate-50 flex items-center justify-between">

data/app/views/admin_suite/resources/_form.html.erb

@@ -17,7 +17,7 @@
   <% columns = resource.class.column_names.reject { |c| %w[id created_at updated_at].include?(c) } %>
   <% columns.each do |column| %>
     <div>
-      <%= f.label column, class: "block text-sm font-medium text-slate-700 dark:text-slate-300 mb-1" %>
+      <%= f.label column, class: "block text-sm font-medium text-slate-700 mb-1" %>
       <%= f.text_field column, class: "form-input w-full" %>
     </div>
   <% end %>

data/app/views/admin_suite/resources/edit.html.erb

@@ -3,20 +3,20 @@
 <div class="px-4 sm:px-6 lg:px-8 max-w-3xl mx-auto">
   <!-- Header -->
   <div class="mb-6">
-    <nav class="flex items-center gap-2 text-sm text-slate-500 dark:text-slate-400 mb-2">
+    <nav class="flex items-center gap-2 text-sm text-slate-500 mb-2">
       <%= link_to "Dashboard", root_path, class: theme_link_hover_text_class %>
       <%= admin_suite_icon("chevron-right", class: "w-4 h-4") %>
       <%= link_to resource_config.human_name_plural, url_for(action: :index), class: theme_link_hover_text_class %>
       <%= admin_suite_icon("chevron-right", class: "w-4 h-4") %>
       <%= link_to @resource.respond_to?(:name) ? @resource.name.truncate(20) : "##{@resource.id}", url_for(action: :show, id: @resource.id), class: theme_link_hover_text_class %>
       <%= admin_suite_icon("chevron-right", class: "w-4 h-4") %>
-      <span class="text-slate-900 dark:text-white">Edit</span>
+      <span class="text-slate-900">Edit</span>
     </nav>
-    <h1 class="text-2xl font-bold text-slate-900 dark:text-white">Edit <%= resource_config.human_name %></h1>
+    <h1 class="text-2xl font-bold text-slate-900">Edit <%= resource_config.human_name %></h1>
   </div>
 
   <!-- Form -->
-  <div class="bg-white dark:bg-slate-800 rounded-xl border border-slate-200 dark:border-slate-700 overflow-hidden">
+  <div class="bg-white rounded-xl border border-slate-200 overflow-hidden">
     <div class="p-6">
       <%= render "admin_suite/shared/form", resource: @resource %>
     </div>