Registration Dates

Status
Not open for further replies.
My suggestion:

.joined-2012, .joined-2013 { color: @xf-xbBannerRed--color; }
.joined-2014, .joined-2015 { color: @xf-xbBannerOrange--color; }
.joined-2016, .joined-2017 { color: @xf-xbBannerYellow--color; }
.joined-2018, .joined-2019 { color: @xf-xbBannerGreen--color; }
.joined-2020 { color: @xf-xbBannerRoyalBlue--color; }
.joined-2021 { color: GoldenRod; }

As next years newfags join they become gold and 2021 either joins RoyalBlue or becomes DarkOrchid or DarkMagenta:
.joined-2021 { color: DarkOrchid; }
.joined-2022 { color: GoldenRod; }
 
I'm afraid that the only way the colors can look good in both themes is if:
1) They use a backdrop on the text (or even an outline, that's doable with the text-shadow function)
2) They use separate color schemes for both light and dark theme, as it's impossible to get a single color scheme to look readable in both cases
 
reg check

posting in honor of Lowtax, may Helldump come back twice as strong
 
Agree, and add the reaction score in big numbers over your pfp so people can judge how valuable your comments are.

Anyone under 10k btfo you stupid plebs, maybe make more agreeable posts, stupid.
Imagine being the biggest swinging dick on here and getting doxed.
 
  • Agree
Reactions: Epic Fail Man
As a rough example, a gradient that would start from blue for the youngest users:
1636640504669.png

Border aside, the color scheme looks great on dark background, but looks awful on the light one, hence there's no real good way to get a "one size fits all" scheme.
 
  • Agree
Reactions: The Last Stand
@Null, Perhaps this would work well
1636641130633.png

Two separate color schemes for both dark and light theme, where on the dark theme bleaker colors fit better, while on the light theme more saturated colors do the job better. This is just a quick mockup of which colors would look best for specific backgrounds, so those are my suggestions for further experimentation only.
CSS:
.date1dark {
  color: #dd6969;
}
.date2dark {
  color: #dda357;
}
.date3dark {
  color: #d8cc63;
}
.date4dark {
  color: #85dd8c;
}
.date5dark {
  color: #7bbbf0;
}
.date6dark {
  color: #8381f8;
}
.date1light {
  color: #c03232;
}
.date2light {
  color: #d38c2f;
}
.date3light {
  color: #c7b831;
}
.date4light {
  color: #2abb36;
}
.date5light {
  color: #3295e6;
}
.date6light {
  color: #3230ce;
}
 
Status
Not open for further replies.
Back