Ombi V4 Custom CSS doesn't work

[Cookie-Monster-Coder]

Describe the bug
Ombi V4 Custom CSS doesn't work. Nothing happens.

To Reproduce
Steps to reproduce the behavior:

1. Change Custom CSS to
   .mat-drawer-inner-container { background-color: #B22222 } Just a test color
2. Submit, refresh page and nothing changes.

Expected behavior
Change colors to custom css

Desktop (please complete the following information):
Both Firefox and Chrome

Ombi Version (please complete the following information):

• Version 4 latest pull. Ombi setting page shows 4.0.0.

Additional context
It's also very hard finding the right element to edit to change colors and text, since they all have the same name in inspect element.

[ombi-bot]

Hi!
Thanks for the issue report. Before a real human comes by, please make sure you used our bug report format.
Have you looked at the wiki yet? https://github.com/tidusjar/ombi/wiki/
Before posting make sure you also read our FAQ.
Make the title describe your issue. Having 'not working' or 'I get this bug' for 100 issues, isn't really helpful.
If we need more information or there is some progress we tag the issue or update the tag and keep you updated.
Thanks!
Ombi Bot.

[captains1stm8]

I know this has been marked closed, but it still appears to be an issue and is not listed in the bugs/todo section of the project

Is there a current workaround?

Thanks!

[Cookie-Monster-Coder]

Is there a current workaround?

Edit _index.html_ in _/OmbiV4/ClientApp/dist/_ to include
<link rel="stylesheet" href="CustomCSS.css">
right under
<link rel="stylesheet" href="styles.4d16b0dc8c12c7d965e8.css"><link rel="stylesheet" href="main.8ae492ffa0cbafb195ba.css"> and before </head>

then create another file called _CustomCSS.css_ in _/OmbiV4/ClientApp/dist/_

then add your css in there in the following format:

.mat-drawer-inner-container {
background-color: #000000
}

[Cookie-Monster-Coder]

I guess I marked it as closed since I found a solution, but it really shouldn't be closed

[captains1stm8]

Awesome! I’ll give this a shot later tonight/tomorrow.

Thanks for the reply on this

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[Floflobel]

Hello, it still doesn't work with the V4 is it possible to fix this issue?

[Cookie-Monster-Coder]

Hello, it still doesn't work with the V4 is it possible to fix this issue?

Read the thread...
https://github.com/tidusjar/Ombi/issues/3372#issuecomment-617329953

[DevilsDesigns]

Is there a current workaround?

Edit _index.html_ in _/OmbiV4/ClientApp/dist/_ to include
<link rel="stylesheet" href="CustomCSS.css">
right under
<link rel="stylesheet" href="styles.4d16b0dc8c12c7d965e8.css"><link rel="stylesheet" href="main.8ae492ffa0cbafb195ba.css"> and before </head>

then create another file called _CustomCSS.css_ in _/OmbiV4/ClientApp/dist/_

then add your css in there in the following format:

.mat-drawer-inner-container {
background-color: #000000
}

is there a tutorial on where this hotifx would be in docker as i tried to acces the container in shell and i couldnt find the direcotry listed.

[DevilsDesigns]

nevermind figured it out
How to Make A Custom CSS in Docker for Ombi

1. run the commands below to ssh into your docker container (I used for ease of acccess you can also use bin/bash if you prefer)

docker run -d -p 2222:22 \
  -v /var/run/docker.sock:/var/run/docker.sock \
  -e CONTAINER=ombi -e AUTH_MECHANISM=noAuth \
  jeroenpeeters/docker-ssh

1. Run the command below to run the ssh in container
   ssh localhost -p 2222

2. install nano in container
   apt install nano

3. once ssh into container run this to get to the directory
   nano /opt/ombi/ClientApp/dist/index.html

4. Make the below edits to the file.
   <link rel="stylesheet" href="CustomCSS.css">

right under

<link rel="stylesheet" href="styles.4d16b0dc8c12c7d965e8.css"><link rel="stylesheet" href="main.8ae492ffa0cbafb195ba.css">

and before

1. CTRL+ O and then CTRL+X
2. Now run this command
   touch CustomCSS.css
3. Now edit your new CSS
   nano /opt/ombi/ClientApp/dist/CustomCSS.css
4. Edit Your CSS to your liking
5. Success and Rejoice