Approved New group colors

Status
Not open for further replies.

Norvik

Retired Staff
Contributor
Jul 18, 2015
635
588
157
The current colors don’t really fit the current theme imo. Especially the blue of the contributor rank looks weird as fuck. I mean that blue isn’t bad at all but it’s way too dark for such a bright theme.

I would try to find some good alternative colors for each group if you say you’d change it in case somebody finds a better one.
 

MrWolf

Retired Staff
Contributor
Dec 27, 2016
475
263
112
I think they should just be larger, a little bit.
But i wold also like to see what can you suggest. ;)
 

Norvik

Retired Staff
Contributor
Jul 18, 2015
635
588
157
I actually wouldn't edit them that much. Just adjust the colors, add the shadow everything else is dropping on that theme and increase the upper and lower padding to 3px.
Btw I'd change the Former Team group to Retired Staff (Sounds way better imo).

W6IN0yo.png
dBEcClY.png


Code:
.userBanner {
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 3px 6px;
    border: 1px solid transparent;
    border-radius: 2px;
    text-align: center;
    border-color: rgba(0,0,0,0.11);
    box-shadow: rgba(0,0,0,0.08) 0px 2px 2px;
}

.userBanner.userBanner--silver {
    color: #000;
    background: #f5f5f5;
}

.userBanner.vipcontributor {
    color: white;
    background-color: #5271fc;
}
 
Last edited:

InVaDeR359

Active Member
May 29, 2017
160
121
72
I actually wouldn't edit them that much. Just adjust the colors, add the shadow everything else is dropping on that theme and increase the upper and lower padding to 3px.
Btw I'd change the Former Team group to Retired Staff (Sounds way better imo).

dBEcClY.png
W6IN0yo.png


Code:
.userBanner {
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 3px 6px;
    border: 1px solid transparent;
    border-radius: 2px;
    text-align: center;
    border-color: rgba(0,0,0,0.11);
    box-shadow: rgba(0,0,0,0.08) 0px 2px 2px;
}

.userBanner.userBanner--silver {
    color: #000;
    background: #f5f5f5;
}

.userBanner.vipcontributor {
    color: white;
    background-color: #5271fc;
}
Nice design skills. I will use this on my Xen board with some of my edit :) is it Okay ? :rolleyes:
 

Supervisor

Administrator
Apr 27, 2015
1,863
2,546
335
I actually wouldn't edit them that much. Just adjust the colors, add the shadow everything else is dropping on that theme and increase the upper and lower padding to 3px.
Btw I'd change the Former Team group to Retired Staff (Sounds way better imo).
I changed the title.

As for the badges.. if you have any kind of suggestions regarding this, please also always post the theme you are using since it looks different using different themes.
 

kalle

high minded
Contributor
Oct 28, 2015
411
253
178
I changed the title.

As for the badges.. if you have any kind of suggestions regarding this, please also always post the theme you are using since it looks different using different themes.
I just wanna ask if its possible to add more non-staff /admin - mod - vip/ groups.
Regards.
 

kalle

high minded
Contributor
Oct 28, 2015
411
253
178
I mean something 4 fun and to earn respect around.
Example: Senior member - 3+ years registered...
 

MrWolf

Retired Staff
Contributor
Dec 27, 2016
475
263
112
I mean something 4 fun and to earn respect around.
Example: Senior member - 3+ years registered...
Sounds good to me, we can add text under rank tag
for example
Administrator

Member for 3+ years

and different color for each year.

---- Automatically Merged Double Post ----

I actually wouldn't edit them that much. Just adjust the colors, add the shadow everything else is dropping on that theme and increase the upper and lower padding to 3px.
Btw I'd change the Former Team group to Retired Staff (Sounds way better imo).

W6IN0yo.png
dBEcClY.png


Code:
.userBanner {
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 3px 6px;
    border: 1px solid transparent;
    border-radius: 2px;
    text-align: center;
    border-color: rgba(0,0,0,0.11);
    box-shadow: rgba(0,0,0,0.08) 0px 2px 2px;
}

.userBanner.userBanner--silver {
    color: #000;
    background: #f5f5f5;
}

.userBanner.vipcontributor {
    color: white;
    background-color: #5271fc;
}
@Supervisor
Make this happen, that design is way better.
 

FarisDev

L oryh brx
Contributor
Jun 9, 2016
277
111
107
Circling The image, Changing rank border color to "#3498db" in Dark Theme, Adding Text Shadow Will be nice!

Example: https://prnt.sc/jzazds , If text shadow not good, remove it..
 

Alligatoras

Administrator
Mar 31, 2016
2,570
12
2,857
381
@FarisDev i would suggest you to change the style with the the "Dimension" one we have.
It looks better - we have both light and dark.
It's our main style and the change you propose don't really fit i think. (except the circle image maybe)
 

Alligatoras

Administrator
Mar 31, 2016
2,570
12
2,857
381
Kinda like it - not the color.
About the custom title it won't really change as it's not a user group. But we will see what we can do about it too.
 
Status
Not open for further replies.
Top