Academy Website Dark Background

Hi, I am a new user and have started the Module training, I am really struggling with the white text on black background. The only way I can continue without eyestrain is to use the Accessibility settings on my Mac and Invert the display.
It would be fantastic for all Visually impaired users if they could change the background styling of the website with just one click in the user settings ( I believe this is relatively easy with CSS Styling?)

Thanks in advance…

4 Likes

Yes, I am also having a lot of problems with this. I cant look at the screen more than 10 minutes. Did anyone respond to you?

1 Like

You could install stylus chrome extension: https://chromewebstore.google.com/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

And create a new style sheet for hackthebox.com with the following contents:

html {
  filter: invert(100%) hue-rotate(180deg);
}

Actually I didn’t like the too much blue, so my local solution looks like filter: sepia(60%) invert(100%) hue-rotate(200deg) contrast(80%) saturate(350%) brightness(120%);

2 Likes

Wow - underwhelming response from Hack the Box.

I know this makes me a bad hacker and all that, but I just can’t spend significant amounts of time on dark theme web sites without terrible eye strain. Please provide a light theme (like you do on this forum!)

1 Like

I had the same problem.

1 Like

Yep, changing a site’s color scheme using CSS can be a relatively simple way to improve accessibility. Many websites already have theme options built-in or give you the option to choose between different color schemes.
I suggest contacting the developers with a proposal to add a function for changing the color scheme on the site. I believe this will improve the site’s accessibility for visually impaired users and make it easier to use :ok_hand: :ok_hand: :ok_hand:

1 Like

Are you still facing this issue, I had with my then i contact to support with documents edit in alight motion vs capcut

1 Like

Thanks for the tip! Saved my eyes and my sanity!

1 Like