Mutagen-Modding / Mutagen

A .NET library for analyzing, creating, and manipulating Bethesda mods
GNU General Public License v3.0
123 stars 32 forks source link

changed mkdoc tab color to increase visibility #561

Closed some1one closed 1 month ago

some1one commented 1 month ago

changed mkdoc tab color to increase visibility, feel free to change the colors

some1one commented 1 month ago

was a copy paste typo, fixed

some1one commented 1 month ago

however, the background color of the unselected tabs is supposed to be a different color as well. that part is working for me so im not sure why its not showing up on yours .tabbed-labels > label { background-color: (219.29deg 73.01% 27.85% / 64%) }

Noggog commented 1 month ago

the background color of the unselected tabs is supposed to be a different color as well. that part is working for me so im not sure why its not showing up on yours

Yeah, not sure why either. Maybe the official deployment will do it right?

Also, I'm not a CSS guy, so maybe this is obvious, but how do i interpret background-color: (219.29deg 73.01% 27.85% / 64%) to be orange?

Asking as one thing I'd like to try while we're here is potentially making the active tab's text color to be the same bright "salmon orange" here: image (#fa7376)

If we did that, the background color might need tweaking to a darker color, or maybe purple to give the Mutagen color effect (#372773) But not sure how to start experimenting with that offhand since i dont understand the background color, haha


Approved for now. Some of the experiments above are just musing/followup ideas. Will merge this in as-is if those fizzle soon

some1one commented 1 month ago

The background color is just the format the original background color was in and i just used the browser color picker to alter it so i guess it kept the same format. it probably will show the hexadecimal version somewhere we could switch to.

I do like the text color idea and changing the active background color to another shade. instead of the whole tab being orange.

some1one commented 1 month ago

okay, so this is the updated colors along with the blue background mine shows for the inactive tabs. aside from the blue background, the colors use the theme variables instead of the hex codes.

image

some1one commented 1 month ago

actually, I found a theme color that's pretty close for the blue too. might be too light though. image

some1one commented 1 month ago

i also added a drop shadow. it looks pretty nice now and will update with the theme colors.

some1one commented 1 month ago

rebased

Noggog commented 1 month ago

Thanks for all the extra experimenting!