H
Homarr•4mo ago
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!!
No description
Solution:
```.mantine-AppShell-main { backdrop-filter: blur(10px) !important; } .mantine-AppShell-header {...
Jump to solution
3 Replies
Cakey Bot
Cakey Bot•4mo ago
Thank you for submitting a support request. Depending on the volume of requests, our team should get in contact with you shortly.
⚠️ Please include the following details in your post or we may reject your request without further comment: - Log (See https://homarr.dev/docs/community/faq#how-do-i-open-the-console--log) - Operating system (Unraid, TrueNAS, Ubuntu, ...) - Exact Homarr version (eg. 0.15.0, not latest) - Configuration (eg. docker-compose, screenshot or similar. Use ``your-text`` to format) - Other relevant information (eg. your devices, your browser, ...)
Frequently Asked Questions | Homarr documentation
Can I install Homarr on a Raspberry Pi?
Stork
StorkOP•4mo ago
if this isnt the right place to ask for help please let me know :)
Solution
Stork
Stork•4mo ago
.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;
}

Did you find this page helpful?