- Joined
- Nov 14, 2012
- Highlight
- #1
Can anyone do me a solid and extend the color schemes for user join dates?
The rules are:
1) 12 and 13 must start with #9e0000.
2) 25 must end with a bright fuchsia.
3) All colors of the rainbow must be present, including an indigo.
4) The colors have to be vaguely locked to whatever sort of dull pastel you'd describe the KF primary color as being.
5) If you can't get a pallet working for both light and dark you can make two as long as they're similar.
If you redo then colors they don't have to be very close to the existing codes per year, except for as outlined.
In fact, if you do it right, all dates should change noticeably.

(107,166,94) or #6ba65e
Light theme
Dark Theme
The rules are:
1) 12 and 13 must start with #9e0000.
2) 25 must end with a bright fuchsia.
3) All colors of the rainbow must be present, including an indigo.
4) The colors have to be vaguely locked to whatever sort of dull pastel you'd describe the KF primary color as being.
5) If you can't get a pallet working for both light and dark you can make two as long as they're similar.
If you redo then colors they don't have to be very close to the existing codes per year, except for as outlined.
In fact, if you do it right, all dates should change noticeably.

(107,166,94) or #6ba65e
Light theme
Code:
/* Light theme colors start */
.joined-2012,
.joined-2013 {
color: #9e0000;
}
.joined-2014 {
color: #d84545;
}
.joined-2015 {
color: #d38c2f;
}
.joined-2016 {
color:#CDA230;
}
.joined-2017 {
color: #c7b831;
}
.joined-2018 {
color: #2abb36;
}
.joined-2019 {
color: #3295e6;
}
.joined-2020 {
color: #3230ce;
}
.joined-2021 {
color: #7430ce;
}
.joined-2022 {
color: #ffb1ff;
}
.joined-2022.joined-m-12,
.joined-2023 {
color: #ff88ff;
}
.joined-2024 {
color: #f300f3;
}
Dark Theme
Code:
/* Dark theme colors start */
.joined-2012,
.joined-2013 {
color: #c74141;
}
.joined-2014 {
color: #e77070;
}
.joined-2015 {
color: #dda357;
}
.joined-2016 {
color: #D89843;
}
.joined-2017 {
color: #d8cc63;
}
.joined-2018 {
color: #85dd8c;
}
.joined-2019 {
color: #7bbbf0;
}
.joined-2020 {
color: #8381f8;
}
.joined-2021 {
color: #b981f8;
}
.joined-2022 {
color: #f7adeb;
}
.joined-2022.joined-m-12,
.joined-2023 {
color: #ff7ce9;
}
.joined-2024 {
color: #ff00f2;
}