getting rid of grey in boxes

hey guys! i have attached an image... in it you can see my jellyfin, sabnzbd, qbittorrent, bookmarks, indexer and requests tabs are grey as they are integrations. everything else is black background as they are being imported from grafana. is there any way to get them to match? like maybe code to change background colour? i know there is CSS you can use but ive never used it. please help if you can!!

Solution

.mantine-AppShell-main {
  backdrop-filter: blur(10px) !important;
}

.mantine-AppShell-header {
  background-color: rgba(0, 0, 0, 0.2) !important;
  backdrop-filter: blur(10px) !important;
}

/* Blur categories and applications */
.mantine-Paper-root.mantine-Card-root {
  background-color: #181B1F !important;
}
/* Force ALL background colors inside cards */
.mantine-Paper-root * {
  background-color: #181B1F !important;
  backdrop-filter: blur(10px) !important;
}

/* Specifically hit those MRT table containers and modules */
[class*="MRT_Table"],
[class*="module_root"],
[class*="mantine-ScrollArea"] {
  background-color: #181B1F !important;
  backdrop-filter: blur(10px) !important;
  border: none !important;
}

.mantine-AppShell-main {
  backdrop-filter: blur(10px) !important;
}

.mantine-AppShell-header {
  background-color: rgba(0, 0, 0, 0.2) !important;
  backdrop-filter: blur(10px) !important;
}

/* Blur categories and applications */
.mantine-Paper-root.mantine-Card-root {
  background-color: #181B1F !important;
}
/* Force ALL background colors inside cards */
.mantine-Paper-root * {
  background-color: #181B1F !important;
  backdrop-filter: blur(10px) !important;
}

/* Specifically hit those MRT table containers and modules */
[class*="MRT_Table"],
[class*="module_root"],
[class*="mantine-ScrollArea"] {
  background-color: #181B1F !important;
  backdrop-filter: blur(10px) !important;
  border: none !important;
}

Jump to solution

getting rid of grey in boxes

Similar Threads