feat(facebook): init

[kuchingneko28]

🎉 Theme for Facebook🎉

Facebook is an social media and social networking service owned by Meta

💬 Additional Comments 💬

🗒 Checklist 🗒

• [ ] I have read and followed Catppuccin's submission guidelines.
• [ ] I have made a new directory underneath /styles/<name-of-website> containing the contents of the /template directory.
  • [ ] I have ensured that the new directory is in lower-kebab-case.
  • [ ] I have followed the template and kept the preprocessor as LESS.
• [ ] I have made sure to update the userstyles.yml file with information about the new userstyle.
• [ ] I have included the following files:
  • [ ] catppuccin.user.less - all the CSS for the userstyle, based on the template.

[uncenter]

Login screen at https://www.facebook.com/ when logged out is unthemed.

[WalkQuackBack]

Just been looking through testing using this, a few things I found that were unthemed: Tooltip on Post Audience

Button press highlight Add to your post Icons

Skeleton loaders on the emoji picker

Main feed page icons

Messenger messages

[kuchingneko28]

Thanks for testing it, I'll fix that soon

[teohhanhui]

Any plans to also do messenger.com?

[kuchingneko28]

Why is !important necessary everywhere? We can usually avoid it by improving the selectors that the variables are applied to. E.g. if the variables are applied by Facebook to the body but we apply them to the root than that would cause specificity issues that while !important does solve, could be better fixed by just targetting the variable declaration selector better.

Ahh i didnt know that, i try remove that later

[kuchingneko28]

Any plans to also do messenger.com?

I don't know, but maybe i'll try

[WalkQuackBack]

Why is !important necessary everywhere? We can usually avoid it by improving the selectors that the variables are applied to. E.g. if the variables are applied by Facebook to the body but we apply them to the root than that would cause specificity issues that while !important does solve, could be better fixed by just targetting the variable declaration selector better.

Reviewing the usage, in many places even though they are applied to __fb_light_mode, they are in an inline style attribute which needs !important to override.

[kuchingneko28]

Why is !important necessary everywhere? We can usually avoid it by improving the selectors that the variables are applied to. E.g. if the variables are applied by Facebook to the body but we apply them to the root than that would cause specificity issues that while !important does solve, could be better fixed by just targetting the variable declaration selector better.

I just updated the selector, and it works without using !important now. 😺

[kuchingneko28]

Hi sorry for the late reply. I’m pretty busy right now, but I’ll get the updates done as soon as I can. Thanks