Jump to content

Welcome to FTB Forums
Register now to gain access to all of our features. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more. If you already have an account, login here - otherwise create an account for free today!
Photo

Global CSS suggestions


3 replies to this topic

#1
dgelessus

dgelessus

    Advanced Member

  • Administrators
  • 1424 posts
  • IGN:dgelessus
  • Modpack:FTB Tech World 2

There are a few things in my personal CSS file that I thought we could move to the global CSS, if that's okay with everyone:
 
1. Stub link coloring

#content_body a.stub {
	color: #D93;
}

This is a default feature in most other skins, no idea why it is missing from Carbon. The software can color wikilinks differently if the target page is smaller than a certain number of bytes (1 character is usually 1 byte) set in the preferences. The threshold is a per-user setting and disabled entirely by default, so this change wouldn't affect many people.

 

2. Source code area background color

.css, .source-css, .javascript, .source-javascript, .lua, .source-lua {
	color: #000;
	background-color: #F9F9F9;
}

We have the nice syntax highlighting extension, but the code colors are meant for white background, not black. Some text is not even readable at all on black background. This changes the background color of CSS, JavaScript and Lua code blocks to white, which admittedly doesn't look great, but makes the text readable again.

 

3. Diff readability improvement

ins {
	text-decoration: underline !important;
}
 
del {
	text-decoration: line-through !important;
}

td.diff-context {
	color: #777;
}

This increases the contrast of diff text, and underlines/strikethroughs inserted/deleted text. Insertions and deletions are currently only highlighted by bold text and a slightly different background color, which are sometimes hard to see.

 

4. User name coloring by group

(see my CSS file for full code)

Changes the color of user links based on their groups, like on the forums. The user lists have to be entered manually in the CSS file, which is why I haven't added contribs yet, though it might be possible to automate this with JavaScript somehow.

Oh, and I gave bots a pink name.

 

None of these changes would be visible to the average reader, because most people don't look at page histories or CSS code, so I don't think we need to worry that much about what the general public would think of these, because the general public would probably not even notice.



#2
ostPavel

ostPavel

    Advanced Member

  • Administrators
  • 1013 posts
  • IGN:ostPavel
  • Modpack:Private Pack

1. The red colour for wiki sysops is a bit agressive. Want to hear some other opinions, but for me it's just too bright. On forums we have a lot of text and a single title "Administrator" doesn't hurt. But when you are checking recent changes and 70% of the edits are made by admins... Ouch. How about orange or cyan?

 

2. Never had troubles with diff text highlight, not sure if underlining is necessary. Neutral on that one.

 

3. White background - wanted to say "This is too bright as well!" but then I realized I spend 99% of the time looking at wiki articles, not source code. A definite "Aye" to white backgrounds.


My contributions || Herp derp || Out of order


#3
dgelessus

dgelessus

    Advanced Member

  • Administrators
  • 1424 posts
  • IGN:dgelessus
  • Modpack:FTB Tech World 2

We could make the red less bright than on the forums, though we need to be careful to not make it too similar to redlinks or moderator names.

For the source code background #DDD might also work as a color, it is slightly less bright but still works as a white background.



#4
felinoel

felinoel

    Steampunk Alchemist

  • Administrators
  • 3860 posts
  • Location:Somewhere, possibly?
  • IGN:felinoel
  • Modpack:FTB Mage Quest

3. White background - wanted to say "This is too bright as well!" but then I realized I spend 99% of the time looking at wiki articles, not source code. A definite "Aye" to white backgrounds.

lol interesting point


Watch all of my different Let's Play series, Minecraft and more!
player.me/felinoel


We need to make default article pages! Discuss their designs here!



Reply to this topic



  


0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users