Standardized Aurora Background Across All Pages via App.jsx

Data/Engine/web-interface/src/Access_Management/Credential_List.jsx

@@ -276,7 +276,7 @@ export default function CredentialList({ isAdmin = false }) {
 
   if (!isAdmin) {
     return (
-      <Paper sx={{ m: 2, p: 3, bgcolor: "#1e1e1e" }}>
+      <Paper sx={{ m: 2, p: 3, bgcolor: "transparent" }}>
         <Typography variant="h6" sx={{ color: "#ff8080" }}>
           Access denied
         </Typography>
@@ -293,7 +293,7 @@ export default function CredentialList({ isAdmin = false }) {
         sx={{
           m: 2,
           p: 0,
-          bgcolor: "#1e1e1e",
+          bgcolor: "transparent",
           fontFamily: gridFontFamily,
           color: "#f5f7fa",
           display: "flex",

Data/Engine/web-interface/src/Access_Management/Github_API_Token.jsx

@@ -17,7 +17,7 @@ import VisibilityOffIcon from "@mui/icons-material/VisibilityOff";
 const paperSx = {
   m: 2,
   p: 0,
-  bgcolor: "#1e1e1e",
+  bgcolor: "transparent",
   color: "#f5f7fa",
   display: "flex",
   flexDirection: "column",
@@ -147,7 +147,7 @@ export default function GithubAPIToken({ isAdmin = false }) {
 
   if (!isAdmin) {
     return (
-      <Paper sx={{ m: 2, p: 3, bgcolor: "#1e1e1e" }}>
+      <Paper sx={{ m: 2, p: 3, bgcolor: "transparent" }}>
         <Typography variant="h6" sx={{ color: "#ff8080" }}>
           Access denied
         </Typography>

Data/Engine/web-interface/src/Access_Management/Users.jsx

@@ -30,7 +30,7 @@ import FilterListIcon from "@mui/icons-material/FilterList";
 import { ConfirmDeleteDialog } from "../Dialogs.jsx";
 
 /* ---------- Formatting helpers to keep this page in lockstep with Device_List ---------- */
-const tablePaperSx = { m: 2, p: 0, bgcolor: "#1e1e1e" };
+const tablePaperSx = { m: 2, p: 0, bgcolor: "transparent" };
 const tableSx = {
   minWidth: 820,
   "& th, & td": {