Approved New group colors

Status
Not open for further replies.

Norvik

Retired Staff
Contributor
Joined
Jul 18, 2015
Messages
630
Points
157
Location
/var/www/
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

Moderator
Joined
Dec 27, 2016
Messages
297
Points
112
Age
21
Location
Croatia
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
Joined
Jul 18, 2015
Messages
630
Points
157
Location
/var/www/
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).



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
Joined
May 29, 2017
Messages
161
Points
72
Location
Error 403
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).



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
Joined
Apr 27, 2015
Messages
1,737
Points
295
Location
Germany
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
VIP
Contributor
Joined
Oct 28, 2015
Messages
351
Points
118
Location
Bosnia and Herzegovina
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.
 

MrWolf

Moderator
Joined
Dec 27, 2016
Messages
297
Points
112
Age
21
Location
Croatia
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).



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

Someone loves to help people
Contributor
Joined
Jun 9, 2016
Messages
260
Points
107
Age
29
Location
Saudi Arabia
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
Joined
Mar 31, 2016
Messages
2,051
Points
326
Age
25
Location
Greece
@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
Joined
Mar 31, 2016
Messages
2,051
Points
326
Age
25
Location
Greece
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