Registration Dates

  • 🔧 Site instability resolved. You can report double-posts and broken attachments. For bigger issues, use the Technical Grievances thread.
    🇵🇦 Nuestro primer dominio localizado está en español en kiwifarms.pa. Our first localized domain is on Spanish on kiwifarms.pa.
  • 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
Estado
No está abierto para más respuestas.
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;
}
 
Estado
No está abierto para más respuestas.
Atrás
Top Abajo