HomarrH
Homarr10mo ago
5 replies
Stork

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!!
Capture.PNG
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;
}
Was this page helpful?