feat(hardcover): init

[Papweer]

🎉 Theme for Hardcover 🎉

Hardcover is a website to track, discover and share books. hardcover.app

💬 Additional Comments 💬

I couldn't figure out how to theme the tool tips that appear when you hover over a book icon. They don't appear with pusdoclasses and disapear when freezing the page.

🗒 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.
  • preview.webp - composite image of all four individual flavor screenshots (taken with the default accent color of mauve) stitched together, generated via Catwalk.

[uncenter]

I couldn't figure out how to theme the tool tips that appear when you hover over a book icon. They don't appear with pusdoclasses and disapear when freezing the page.

Have you tried https://github.com/catppuccin/userstyles/blob/main/docs/tips-and-tricks/inspect-hard-to-grab-elements.md?

[Papweer]

Have you tried https://github.com/catppuccin/userstyles/blob/main/docs/tips-and-tricks/inspect-hard-to-grab-elements.md?

The tooltip just seems to not exist when I tried to pick them when frozen (or at any other time)

[WalkQuackBack]

Have you tried https://github.com/catppuccin/userstyles/blob/main/docs/tips-and-tricks/inspect-hard-to-grab-elements.md?

The tooltip just seems to not exist when I tried to pick them when frozen (or at any other time)

By not exist does it entirely disappear from the DOM tree? It should still be there in the debugger view, you just might not be able to pick it using the visual picker. If you know keywords you can manually search the DOM for the element while it's frozen.

[uncenter]

The tooltip just seems to not exist when I tried to pick them when frozen (or at any other time)

I think your issue is timing. You'll need to run the snippet in the console, and then move your mouse over the page and trigger the action (e.g. hover over the thing that causes the tooltip to show up) in the three seconds before the page freezes. Then with the page frozen you should be able to still see the tooltip you triggered and you can inspect it and check it out.

[Papweer]

Fixed the tooltips. Turns out the element for them was at the very bottom of the html.

[Papweer]

Not sure how to optimize the svg to satisfy the lint. Tried optimizing using svgo but still doesn't work.

[uncenter]

Not sure how to optimize the svg to satisfy the lint. Tried optimizing using svgo but still doesn't work.

Did you run deno task lint:fix?

[Papweer]

Did you run deno task lint:fix?

Thanks it worked, I didn't know how to run deno lint locally so it will be useful.

[uncenter]

Did you run deno task lint:fix?

Thanks it worked, I didn't know how to run deno lint locally so it will be useful.

We have it documented under https://userstyles.catppuccin.com/contributing/#development-environment but I get our documentation can be confusing. If you have any suggestions for us to make that (or any) part of the docs more clear and straightforward please let me know so we can improve! 🙏

[uncenter]

Thanks it worked, I didn't know how to run deno lint locally so it will be useful.

I'm hoping #1901 will help with informing people about the autofix command!

[Papweer]

Lint is passing locally but failing on Github with no error message. Lint fix does nothing. Got rid of the @Property but still failing.
Edit: Fixed now