Registration Dates

  • ⚙️ Performance issue identified and being addressed.
  • Want to keep track of this thread?
    Accounts can bookmark posts, watch threads for updates, and jump back to where you stopped reading.
    Create account
Status
Not open for further replies.
Gay, retards on message boards always act like smug worthless cunts for joining earlier than the next retard.
 
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
 
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.
 
@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
Top Bottom