Font sizes and colours

[deathshadow]

I see some CSS files in there, figures Vortex would be a full stack web app... and whilst it uses bootstrap, react, and SCSS (aka mentally enfeebled train wrecks of how not to code HTML/CSS, no offense, just not a fan -- they make you work harder, not smarter!) I'm having trouble figuring out what's what since it's all using presentational HTML/CSS (defeating the point of using HTML/CSS ... but again, BS and SCSS == /FAIL/)

The only reason I'm really screwing around with it under the hood is trying to make it so that:

1) It uses legible font sizes by dynamically adjusting to the host OS system settings. You know, using EM/REM instead of derping pixels all over the place?

2) Fix the effectively illegible white text on orange background areas that are a failure on the part of the developers to meet even the most basic of accessibility norms... almost like the interface was designed by an artist under the delusion they are a "designer".

Sorry if I'm a bit harsh on the topic, but there are rules and guidelines for easy to use interfaces, such as the WCAG. You didn't follow them. I probably wouldn't have bothered if not for that white on orange in miniscule text sizes. Giant middle finger to 4k users. Also, accessibility using HTML/CSS/JS is my day job.

You might try when designing to run your colours past a conformance checker such as the one webAIM has on their site:

https://webaim.org/resources/contrastchecker/


Though retaining the current colours just adding two to four layers of text-shadow would help tremendously.

I'll keep digging into it though -- wish I could turn on the document inspector or run something like stylus on top of it.

[HadToRegister]

SETTINGS------------>THEME------>CLONE-->Name the clone------->click CLone

Adjust the Colors and Fonts from the settings you can now see

 

[deathshadow]

The only options I see under "theme" is the dropdown. Oh wait, I thought that was the ok button, but turns out I just couldn't read what the flipping button said because the text was too small and it was white on orange. Of course, when I think of changing the theme, I think of a button that says "clone".

Again, /FAIL/ at interface design. Artsy fartsy over-"designed" nonsense like this is why people struggle to stay with NMM, even as compatibility drops for new mods and even if Vortex is WAY better at managing conflicts. (which it is)

But the UI was designed by someone who seem to think their job as a designer is to torture the end user.

[AugustaCalidia]

@deathshadow. Instead of all this bellyaching, why don't you do something constructive by forwarding some helpful UI suggestions to the Vortex developers via Vortex feedback.

 

Personally, I like the design. In your eyes I guess that makes me some kind of UI philistine.

[Guest deleted34304850]

everything you've posted has been opinion rather than a bug report. almost as if the person is a user who thinks they are a technician. see what i did there?

 

as i read this, it seems your issues are local to you as i can see the ui clearly. you have the following choices

 

1 go for an eye test

2 buy a better clearer screen

3 change the css to how you like it for yourself

 

unless you DO have a genuine bug report? if so, lets have it?

[HadToRegister]

The only options I see under "theme" is the dropdown. Oh wait, I thought that was the ok button, but turns out I just couldn't read what the flipping button said because the text was too small and it was white on orange.

 

That's because you're using it on 4K resolution