search

ajnart / homarr

Customizable browser's home page to interact with your homeserver's Docker containers (e.g. Sonarr/Radarr)
https://homarr.dev
MIT License
5.45k stars 252 forks source link

Pure Black #2045

Closed eprompc closed 1 month ago

eprompc commented 1 month ago

Description

Good morning. Maybe I'm saying something stupid, but I've been using Homarr for a couple of weeks now and I can't get the page background color completely black #00000. Is it possible without using custom CSS? If it's only possible through custom CSS, could someone provide me with an example? Thank you and sorry for the inconvenience.

Priority

Low (Nice-to-have)

github-actions[bot] commented 1 month ago

Hi 👋. Thank you for submitting your first issue to Homarr. Please ensure that you've provided all nessesary information. You can use the three dots > Edit button to update your post with additional images and information. Depending on the current volume of requests, the team should get in conact with you shortly.

Meierschlumpf commented 1 month ago

Hey

There is no other way then custom css to achieve this. Here is an example on how to change the background color of the board to black:

.mantine-AppShell-root {
  background-color: #000;
}
eprompc commented 1 month ago

Wow, this was exactly what I was looking for. Thank you so much! I have another question: where can I get the necessary codes for each part of the page (widgets, categories, etc...)? Like .mantine-AppShell-root{ for each corresponding one. Many thanks!

Meierschlumpf commented 1 month ago

When you are on desktop you can use the DevTools (Rightclick, Inspect) and then use the image Arrow icon in the top left corner to select an element. For Widgets and Apps you probably can just use .dashboard-gs-generic-item and for categories .dashboard-gs-category

Meierschlumpf commented 1 month ago

You can find out more about predefined css classes for this usecase here: https://homarr.dev/docs/advanced/customizations/board-customization#static-classes

eprompc commented 1 month ago

Perfect. Thank you very much for the help.

Meierschlumpf commented 1 month ago

I close the issue as the provided questions were answered