Skip to content
This repository has been archived by the owner on Jun 17, 2023. It is now read-only.

Some formatting/coloring changes #165

Open
limetech opened this issue Jun 5, 2015 · 7 comments
Open

Some formatting/coloring changes #165

limetech opened this issue Jun 5, 2015 · 7 comments

Comments

@limetech
Copy link
Owner

limetech commented Jun 5, 2015

In this image we see the Registration page in the 'black' theme. Notice that text block starting with "Your server..." needs to have a little left and right margin. This effect is also seen in the file browser - that text butts right up against the left and right window and it would look better with a little margin.

Also notice the links are in blue and fairly easy to distinquish.

capture

Here is the same page in the 'white' theme. Notice the links are very hard to distinguish. I've noticed this on other pages too. Can we do something to make these stand out better, eg., brighter blue?

capture

@bergware
Copy link
Collaborator

bergware commented Jun 6, 2015

See my pull request.

Updated text for: unregistered, expired and trial.

Links have underscore (the standard method!)

@limetech
Copy link
Owner Author

Not seeing any underscores. Can we make links bright blue like old-school Mozilla?

@eschultz
Copy link
Collaborator

old-school Mozilla? like Netscape Navigator old-school, LOL! 💀

@limetech
Copy link
Owner Author

Exactly :) Style? We don't need no stinkin' style. But seriously links need to stand out better imho.

@gfjardim
Copy link
Collaborator

Maybe a lighter blue, underline and color change in hover?

a{color:#0088CC;text-decoration:none;}
a:active,a:hover{outline:0;color:#23527c;text-decoration:underline}
#nav-block #nav-item a:hover{color:#9CD670;text-decoration:none}
#nav-block #nav-item.active a{color:#FFFFFF;text-decoration:none}
#nav-block #nav-item.active:hover a{color:#FFFFFF;text-decoration:none}

@bergware
Copy link
Collaborator

In my view using the lighter blue as proposed by gfjardim should do. No previous versions of unRAID ever used underscores ...

a{color:#0088CC;text-decoration:none;}

@limetech
Copy link
Owner Author

Well personally I like 'blue' for links better because that's more-or-less standard, e.g., this github page itself. If I just change the anchor color it does look more obvious imho - I'm thinking of new users who want to easily see what can be clicked. However if we go 'blue' then more than just anchor should be changed. Should change all 'green' colors associated with links, such as nav bar and submit buttons to blue as well. Also the vertical bar in upper right of header can be green/yellow/red to according to array state.

Trouble is, changing color scheme like this might go against overall presentation design, but from a practical viewpoint I think it would be better, again imho. For now I am going to leave it as-is.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

4 participants