New look for Arch website?

LeoSolaris · 2010-06-01 01:32:30

Geesh... I go away for a little while and y'all completely up and rearrange everything! It's like coming home after vacation and finding that your roommate decided to repaint the whole apartment.

On the plus side, I really like the new look. The background is a nice very light blue, and the forum text boxes are easy to read. The quote boxes show up a little green on my screen, and the message space in the post a reply box is a nice cream color.

The main landing page is very nice, and reminds me of a few Openbox themes I've used.

Overall: A+

Thanks!

(P.S. For the next refresh, maybe a community contest, with the top five or ten on a little dropdown menu on the main page. Might be wise to have a dev written standard, like this one, for the new visitors...)

sHyLoCk · 2010-06-01 02:18:12

Just changing the quick reply background to white would be a useful tweak. Otherwise I love it.

Acecero · 2010-06-01 02:27:11

Is the background color on the forums page going to change from #EEEEFF to #E4EEFF, like the other pages?

Allan · 2010-06-01 02:40:33

Acecero wrote:

Is the background color on the forums page going to change from #EEEEFF to #E4EEFF, like the other pages?

Eventually.

sco# · 2010-06-01 07:28:45

Are there any changes coming to a new forum/portal theme? I'm asking, because I want to convert it for fluxbb 1.4

MindTooth · 2010-06-01 14:04:27

The new forum look is nice Good job, guys.

berbae · 2010-06-01 16:02:02

I posted my ArchLinux Forums user style for the Stylish extension.
I named it ArchLinux Forums - Soft reading (berbae).

It is accessible here : http://userstyles.org/styles/31281

I made some additions to it since my post #249 above.

Last edited by berbae (2010-06-01 16:03:16)

estevao · 2010-06-01 16:48:14

I like it, good job.

gazj · 2010-06-01 17:24:00

I think the new design is really good, the old was good to, there are always going to be people who don't like change unfortunately, but change is good. I refer you too http://web.archive.org/web/200301271137 … linux.org/

My only input: It would be nice to see "Planet" in the top bar links

FrozenFox · 2010-06-01 22:09:50

I don't mind change, but I didn't like the new background color at all. A few tweaks to berbae's script above (#257) with greasemonkey (changing all #e4eeff and #cddeee to #ffffff and I think a couple other minor tweaks) made me much happier. It looks like a slightly better version of the old site so far. Many thanks. Now to do the same to the main page..

EDIT:

http://users.snowcrest.net/donnelly/fir … ts/#colors

The color chooser script here did just what I want with the main page and wiki. I edited the default * (catch all websites) to work on http://www.archlinux.org/* and http://wiki.archlinux.org/* and now I'm happy. I've not thoroughly browsed any of the above Arch links though to see if anything looks too weird though, just a quick skim

Last edited by FrozenFox (2010-06-01 22:41:24)

Anikom15 · 2010-06-01 23:01:12

That background is much better.

VoodooSteve · 2010-06-02 03:27:55

For the links to the various forums on the forum main page, could they go back to changing colour when there are unread posts instead of how they are right now where they turn purple after I've visited them?

sand_man · 2010-06-02 05:20:47

gazj wrote:

I think the new design is really good, the old was good to, there are always going to be people who don't like change unfortunately, but change is good. I refer you too http://web.archive.org/web/200301271137 … linux.org/
My only input: It would be nice to see "Planet" in the top bar links

Bring back the black and white!!

orschiro · 2010-06-02 16:47:53

I didn't trace the last pages so my question might have been answered yet but the code blocks in the wiki are far too small in chromium.

Please give me a short feedback if you have the same problem.

Regards

Marcel- · 2010-06-02 17:04:19

Nope, do you have a screenshot?

E.g., [wiki]Beginners' Guide[/wiki] looks good to me in Chromium 5.0.342.9 (Developer Build 43360).

EDIT: No problem either in 5.0.375.55 (Developer Build 0).

Last edited by Marcel- (2010-06-02 23:05:06)

harryNID · 2010-06-02 21:24:01

Call me "Old Fashioned" but I prefer the old version better. I am a fan of simpler website design. The old design and colors seemed much more wide open and much easier to read and navigate than the new design. This is not a bash on the webdevs it's more of a personal opinion so please don't be offended. It seems everybody is offering their two cents so there's mine.

Here is a grey/white Stylish userstyle for arch I made for myself. It is by no means perfect as I did a crash course in figuring out how to write userstyles to make this. There is a load of room for improvement and really multiple userstyles need to be used for the whole website but for the most part it works pretty well with all (as far as I can tell anyway).

For anybody interested here it is: (Uncompressed for readability and Compressed for speed)

Uncompressed:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("archlinux.org") {

body {
background-color: #ebebeb !important;
}

td.tc2,td.tc3 {
color: #333 !important;
background: #fafafa !important;
}

th.tcl,th.tc2,th.tc3,th.tcr  {
color: #333 !important;
background: #f5f5f5 !important;
}

div[id="pkgsearch"],div[id="news"],div[id="inbox"] {
color: #333 !important;
background: #fafafa !important;
border-color: #ababab !important;
}

div.toc {
color: #333 !important;
background: #fafafa !important;
border-color: #ababab !important;
}

div.codebox {
background: #fafafa !important;
border-color: #ababab !important;
color: #1f1f1f !important;
}

div.comment-header {
background: #333 !important;
border-color: #ebebeb !important;
color: #fff !important;
padding-bottom: 0px !important;
padding-top: 0px !important;
}

li[id="navindex"] a,li[id="navuserlist"] a,li[id="navsearch"] a,li[id="navregister"] a,li[id="navlogin"] a {
color: #0088cc !important;
font-size: 11pt !important;
}

ul {
text-align: right; !important;
}

li  {
text-align: justify; !important;
}

blockquote {
background: #fafafa !important;
border-color: #a3a3a3 !important;
color: #1b1b1b !important;
}

blockquote.comment-body,td.pkg-name  {
color: #1f1f1f !important;
}

div[id="inbox"] {
color: #333 !important;
background: #fofofo !important;
border-color: #b4b4b4 !important;
}

table.results tr.even,table.toc {
background: #ddd !important;
}

p,h4 {
color: #171717 !important;
}

h2 {
background: #333 !important;
color: #fff !important;
border-color: #ebebeb !important;
padding-bottom: 0px !important;
padding-top: 0px !important;
}

h2#pathlinks {
background-color: #ebebeb !important;
color: #000 !important;
}

div[id="home-paypal-button"],div[id="sponsors"],div[style="text-align: center;"],div[id="footer"] {
display: none !important;
}

span.f3  {
color: #8a8a8a !important;
}

pre {
background-color: #fafafa !important;
color: #090909 !important;
}

}

Compressed: (Using a CSS optimizer which cuts about 20% off of the above size.)

@namespace url(http://www.w3.org/1999/xhtml);@-moz-document domain("archlinux.org") {body{background-color:#ebebeb !important;}td.tc2,td.tc3{background:#fafafa !important;color:#333 !important;}th.tcl,th.tc2,th.tc3,th.tcr{background:#f5f5f5 !important;color:#333 !important;}div.codebox{background:#fafafa !important;border-color:#ababab !important;color:#1f1f1f !important;}div.comment-header{background:#333 !important;border-color:#ebebeb !important;color:#fff !important;padding-bottom:0 !important;padding-top:0 !important;}li[id="navindex"] a,li[id="navuserlist"] a,li[id="navsearch"] a,li[id="navregister"] a,li[id="navlogin"] a{color:#08c !important;font-size:11pt !important;}ul{text-align:right;}li{text-align:justify;}blockquote{background:#fafafa !important;border-color:#a3a3a3 !important;color:#1b1b1b !important;}blockquote.comment-body,td.pkg-name{color:#1f1f1f !important;}div[id="inbox"]{background:#fofofo !important;border-color:#b4b4b4 !important;color:#333 !important;}table.results tr.even,table.toc{background:#ddd !important;}p,h4{color:#171717 !important;}h2{background:#333 !important;border-color:#ebebeb !important;color:#fff !important;padding-bottom:0 !important;padding-top:0 !important;}h2#pathlinks{background-color:#ebebeb !important;color:#000 !important;}div[id="home-paypal-button"],div[id="sponsors"],div[style="text-align: center;"],div[id="footer"]{display:none !important;}span.f3{color:#8a8a8a !important;}pre{background-color:#fafafa !important;color:#090909 !important;}div[id="pkgsearch"],div[id="news"],div[id="inbox"],div.toc{background:#fafafa !important;border-color:#ababab !important;color:#333 !important;}

Edit:
I forgot to mention that I made this while using the painted black - forms userstyle.
http://userstyles.org/styles/3865
I highly recommend it or this style won't look right.

Last edited by harryNID (2010-06-02 21:32:45)

Anikom15 · 2010-06-02 22:13:00

By compressed do you mean unreadable?

ozar · 2010-06-03 01:02:05

Updating my earlier comments...

I've said a couple of times earlier in this thread that I like the new design and I do, but now that I've used it for a few days I'm noticing that it doesn't look as neat overall as it used to, and it's harder to read the text for some reason but I'm hoping to simply adjust to it.

Thanks again to those that put in all the hard work.

Square · 2010-06-03 01:31:52

I love the theme, but... the baby blue background has got to go.

EDIT: ...and it did!

@-moz-document domain("bbs.archlinux.org"),
               /*domain("aur.archlinux.org"),
               domain("bugs.archlinux.org"),    AUR and Bugs not updated yet. */
               domain("wiki.archlinux.org"),
               domain("www.archlinug.org"),
               url-prefix("http://www.archlinux.org") {
body {
  background: #f3f3f3 !important;
}

Last edited by Square (2010-06-03 01:46:45)

Shapeshifter · 2010-06-03 17:18:26

So, I'm one of those who dislike the new style. Especially the awful light blue background. In any case, I prefer light on dark colors anyway, so here's a drop-in css I made. I used harryNIDs as a template, so thanks to him as well.

Here's the style: http://pastie.org/990806

Here's two screenshots:

enjoy!

harryNID · 2010-06-03 20:25:14

Anikom15 said:

By compressed do you mean unreadable?

Yeah, but it's a trade-off for (supposed) speed. As I said I ran it through a CSS optimizer program to reduce overall size and structure the code to run faster. Theoretically it's supposed to render the CSS slightly faster. Overall I seem to notice an ever so slight increase in web page loading by using it. Where this trick shines most is with huge userstyles where it's easy to see the difference. No, it's not pretty and you obviously would have a hard time adding to it or adjusting it so that is why I keep an uncompressed one to work on. When I get done tweaking I just run it through the optimizer again for everyday use.

Anikom15 · 2010-06-03 22:07:35

Now people hate the blue background.

anonymous_user · 2010-06-03 22:20:53

You can please some people all the time, some people some of the time, but you can't please all people all the time.

For me, the blue is an improvement over the former color.

Anikom15 · 2010-06-03 23:38:33

Yeah, UI design is hard, color choice is hard, but the best advice I have is: go with how it looks, not what the code says. If you get what I mean.

thayer · 2010-06-04 00:22:20

Tip of the day: if the text seems larger, smaller, bolder, lighter, easier to read or harder to read, it's because the new design doesn't specify a typeface...it uses whatever font your browser is set to for sans serif. Change your browser preferences and the sites will respect it.

Arch Linux

#251 2010-06-01 01:32:30

Re: New look for Arch website?

#252 2010-06-01 02:18:12

Re: New look for Arch website?

#253 2010-06-01 02:27:11

Re: New look for Arch website?

#254 2010-06-01 02:40:33

Re: New look for Arch website?

#255 2010-06-01 07:28:45

Re: New look for Arch website?

#256 2010-06-01 14:04:27

Re: New look for Arch website?

#257 2010-06-01 16:02:02

Re: New look for Arch website?

#258 2010-06-01 16:48:14

Re: New look for Arch website?

#259 2010-06-01 17:24:00

Re: New look for Arch website?

#260 2010-06-01 22:09:50

Re: New look for Arch website?

#261 2010-06-01 23:01:12

Re: New look for Arch website?

#262 2010-06-02 03:27:55

Re: New look for Arch website?

#263 2010-06-02 05:20:47

Re: New look for Arch website?

#264 2010-06-02 16:47:53

Re: New look for Arch website?

#265 2010-06-02 17:04:19

Re: New look for Arch website?

#266 2010-06-02 21:24:01

Re: New look for Arch website?

#267 2010-06-02 22:13:00

Re: New look for Arch website?

#268 2010-06-03 01:02:05

Re: New look for Arch website?

#269 2010-06-03 01:31:52

Re: New look for Arch website?

#270 2010-06-03 17:18:26

Re: New look for Arch website?

#271 2010-06-03 20:25:14

Re: New look for Arch website?

#272 2010-06-03 22:07:35

Re: New look for Arch website?

#273 2010-06-03 22:20:53

Re: New look for Arch website?

#274 2010-06-03 23:38:33

Re: New look for Arch website?

#275 2010-06-04 00:22:20

Re: New look for Arch website?

Board footer