- - New ThemeConfigContext provider that fetches theme on app load and applies it to the DOM (title, meta description, favicon, CSS variables,

theme-color)/- - Admin Theme settings page under Settings > Theme tab/- All logo references (5 components) now pull from the theme config with fallback to default

src/pages/admin/AdminRoles.js

@@ -205,16 +205,13 @@ const AdminRoles = () => {
   const groupedPermissions = groupPermissionsByModule();
 
   return (
-    <div className="space-y-6 ">
-      {/* Header */}
-      <div className="flex justify-between items-center ">
-        <div>
-          <h1 className="text-3xl font-bold text-[var(--purple-ink)]">Role Management</h1>
-          <p className="text-gray-600 mt-1">
-            Create and manage custom roles with specific permissions
-          </p>
-        </div>
-        <Button className="btn-lavender " onClick={() => setShowCreateModal(true)}>
+    <div className="space-y-6">
+      {/* Action Bar */}
+      <div className="flex justify-between items-center">
+        <p className="text-muted-foreground">
+          Create and manage custom roles with specific permissions
+        </p>
+        <Button className="btn-lavender" onClick={() => setShowCreateModal(true)}>
           <Plus className="w-4 h-4 mr-2" />
           Create Role
         </Button>