Approved New group colors

[Norvik]

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.

 

[Alligatoras]

I kinda suck in the styling skills as you already know.
We wait to see your ideas. You always making good stuff

 

[MrWolf]

I think they should just be larger, a little bit.
But i wold also like to see what can you suggest.

 

[0x0539]

The size is fine lol, else there's no margin on the sides anymore.

 

[Norvik]

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).

.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;
}

 

[Alligatoras]

That's really nice imo
Also agree with the Retired staff.

 

[InVaDeR359]

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).

.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 ?

 

[Norvik]

Nice design skills. I will use this on my Xen board with some of my edit is it Okay ?

Sure feel free to use them.
You should see the badges @Alligatoras made yesterday. They look pretty nice as well but they don’t really fit the theme R4P3 is using.

 

[Supervisor]

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]

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.

 

[Supervisor]

More? Could you be a little bit more precise?

 

[kalle]

I mean something 4 fun and to earn respect around.
Example: Senior member - 3+ years registered...

 

[MrWolf]

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).

.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]

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]

@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)

 

[FarisDev]

After switching to Dimension,

I suggest taking colors from flatuicolors website and circling the image and puts account title in box same rank and adding dots if the account title many than 17 letters .

Old: http://prntscr.com/jzb5t4

New: http://prntscr.com/jzb773

 

[Alligatoras]

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.

 

[MrWolf]

After switching to Dimension,

I suggest taking colors from flatuicolors website and circling the image and puts account title in box same rank and adding dots if the account title many than 17 letters .

Old: http://prntscr.com/jzb5t4

New: http://prntscr.com/jzb773

Circles?
Ughh...