feat(codeforces): init #2001
feat(codeforces): init #2001
Conversation
uncenter
added
the
5.needs: staff-review
WalkQuackBack
added
2.status: pending
|
Marking this as pending, since tints and shades are not yet adopted and fading, lightening and darkening colours isn't standardized. Thanks for taking the time to work on this. |
I have removed the use of lightening and darkening as they are not necessary. However, fading cannot be removed as it is used to theme elements on the website that already have faded colors. |
|
Due to fading amounts not being standardized, things like the 20% fade on https://github.com/catppuccin/userstyles/pull/2001/files#diff-97f27cb299e39122d175d160679ab75e205eda13a7c341004633efb681432260R61 may be inconsistent with other userstyles. I think we’re holding off on userstyles that do that for now, so we can standardize it first then use it, instead of later down the line going back and migrating everything. |
| * when not(@flavor = latte) { | ||
| img[src*="codeforces-sponsored-by-ton"] { | ||
| filter: invert(1) sepia(1) hue-rotate(hue(@accent) - 39deg) saturate(2); | ||
| } | ||
|
|
||
| img[src*="votedown-"], | ||
| img[src*="voteup-"] { | ||
| opacity: 1 !important; | ||
| } | ||
|
|
||
| img[src*="tablesorter-"] { | ||
| filter: invert(1); | ||
| } | ||
|
|
||
| img[src*="icons/user"] { | ||
| filter: brightness(1.6) contrast(0.8); | ||
| } | ||
|
|
||
| img.tex-formula { | ||
| filter: invert(1); | ||
| } | ||
| } |
There was a problem hiding this comment.
We should use our official filters palette instead of customs/inversions: https://userstyles.catppuccin.com/contributing/guides/images-and-svgs/#monochrome-img-elements.
There was a problem hiding this comment.
The official filter does not work well when the image is non-transparent. It turns the logo into one single color, as shown below:
The filter that I currently have for reference:
3 participants
🎉 Theme for Codeforces 🎉
Codeforces is a website that hosts competitive programming contests.
🌻 Latte
🪴 Frappé
🌺 Macchiato
🌿 Mocha
🗒 Checklist 🗒
/styles/<name-of-website>containing the contents of the/templatedirectory.userstyles.ymlfile with information about the new userstyle.catppuccin.user.less- all the CSS for the userstyle, based on the template.