Fresh look for forums.linuxmint.com

[damiantao]

Hello,

One of my craft is to making websties more clean and pure,
As an Linux Mint enthusiast since from 10 years I would like to offer my help in theming or developing the forum software,

here you can check my skills using pure css,
this is also my proposal to make forum more readable and clear

[attachment=0]linuxmint-1660073956.png[/attachment]


Best Regards, Damian,

[Termy]

Looks very clean and totally different to my setup, but — and this is just a personal but — I'm not keen on the shades of green used. TBF, though, I don't really like green anyway. I'm already using a CSS tweak for this site and have been using the same one for maybe a year or so now; it's awesome; I wonder if it was your handiwork.

[damiantao]

thanks, I've made it today working maybe 1~2hours on it,
actually I feel not so much skilled in frontend, I just wished to make it more easy to read,
(or less confused when you want to quickly glance at the headlines)

[eu2]

damiantao, That looks so much clearer (imho)... Well done as I hate working with prosilver v the old subsilver themes.

You really nailed that it pops and most importantly is easy to read.

[Termy]

[...]

Completely forgot I had Redshift on; it's been on the same permanent setting for a maybe a couple of years now, so I always forget colors are rarely as they seem. I had another look, without Redshift enabled, but feel the same from a different perspective. I think what make me not like the lighter greens is that they're, to me, too bright, especially with the background being so bright and it being such a strong contrast to the banner's dark green.

[MichałM]

Another suggestions:

• change logo (main web use another logo). I don't know why logo have been changed, but in my opinion, official forum must use logo and themes like official page.

• maybe add a latest post/thread section (~5 small row) at the top

[damiantao]

Here you have the CSS source,
you can apply it domain-wide using "user css" extension for chrome:
https://chrome.google.com/webstore/deta ... mkdbcldfcb

Code: Select all

body {font-size: 11px;}
.postbody .content {font-size: 14px; line-height: 18px;} .post {padding: 10px 20px;}
.headerbar {background: linear-gradient(to right, #1f251e 0%, #305a3f 50%, #181818 100%);}
.navbar, .forabg, .forumbg {background: linear-gradient(to right, #224f16 -00%, #5cca33 20%, #46d2c5 68%, #305a3f 100%)}
.navbar, .forabg, .forumbg {background: linear-gradient(to right, #5cca33 -00%, #46d2c5 68%, #305a3f 100%)}
a.topictitle {font-size: 16px; color: #224f16; display: block; color: #305a3f; color: #319389; color: #0a3a3a; font-family: 'Open Sans';}
ul.topics dl.row-item:before {content: ''; position: absolute; z-index: 2; width: 50px; height: 80px; background-color: rgba(255,255,255,0.8);}
.pagination li a {background-color: white; color: #0076B1; border-color: #319389; font-weight: normal; border-radius: 0; min-width: 16px;}
.pagination li span {font-weight: normal; border-radius: 0; min-width: 16px;}
.button {color: #0a3a3a}
div.rules {background: linear-gradient(to top, #D2E0EB 0%, #EEF5F9 100%); color: #333; padding: 18px;}
.icon.icon-red, a:hover .icon.icon-red {color: #0a3a3a; #46d2c5; #319389; #2a6496}
html, body, .wrap {background-color: #EEF5F9; border: none;}
ul.topiclist li {color: #777}
dl.row-item dt, dl.row-item dd {min-height: 50px; padding-top: 4px;}
dl.row-item .left-box {padding-top: 6px;}
ul.topiclist li.row dl {background-color: white;}
ul.topiclist .row-item .username-coloured {color: #777!important;}
.headerbar, .navbar, .forabg, .forumbg, div.rules {border-radius: 0;}
li.header dl.row-item dt .list-inner {padding-left: 6px;}
.search-header {box-shadow: -1px -1px 2px #224f16;}
.search-header .inputbox {box-shadow: none; font-size: 10px; line-height: 18px; padding-left: 10px; width: 200px; }
#search input, #search button, #search fieldset a {border-bottom: solid 1px green;}
#search fieldset a {border-right: solid 1px green;}
.wrap {max-width: auto;}
.navbar a {color: white;}

[majpooper]

+1
Looks like an improvement to me.
I already use the blue version as I like blue better than green but damiantao's is crisper.

[sebastjava]

We are at least 3 different guys who took a big amount of our time to redesign these forums. I guess we felt it was really needed...

• Please use the new logo. One of those listed below. The old one is really bad, in my opinion. It doesn't look like anything, it doesn't have any meaning or symbol. And the drawing is, like, approximate...
• You should use only the logo, not the "LinuxMint" that comes with it. Because you already have this "Linux Mint Forums" in this header bar. Or better, do the opposite: get rid of this "Linux Mint Forums + Welcome..." and get the new logo with the "linuxmint" with it.
• Your colors are much better, IMHO. But there could be some issues with color contrasts, as measured with tools such as https://colorable.jxnblk.com/ or https://marijohannessen.github.io/color ... t-checker/ I find it really hard to find some well working green tints...

Code: Select all

# NEW LOGO:
/usr/share/icons/hicolor/scalable/apps/linuxmint-logo-badge.svg
/usr/share/icons/hicolor/scalable/apps/linuxmint-logo-badge-symbolic.svg
/usr/share/icons/hicolor/scalable/apps/linuxmint-logo-ring.svg
/usr/share/icons/hicolor/scalable/apps/linuxmint-logo-ring-symbolic.svg

The two other redesign adventures are:

viewtopic.php?t=358271 (Mick-Cork)
viewtopic.php?t=393105 (me: SebastJava)