Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(claude): init #1579

Open
wants to merge 15 commits into
base: main
Choose a base branch
from
Open

Conversation

ruiiiijiiiiang
Copy link

@ruiiiijiiiiang ruiiiijiiiiang commented Jan 14, 2025

🎉 Theme for Claude 🎉

Claude.ai, similar to ChatGPT, is an AI-powered chatbot and assistant developed by Anthropic, designed to provide conversational, creative, and problem-solving support. It focuses on generating helpful, safe, and user-aligned responses.

Latte with Peach

2025-01-14-121025_hyprshot

Frappe with Sapphire

2025-01-14-121535_hyprshot

Macchiato with Flamingo

2025-01-14-121625_hyprshot

Mocha with Mauve

2025-01-14-121421_hyprshot

🗒 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.

@ruiiiijiiiiang ruiiiijiiiiang changed the title Feat/claude feat(claude): init Jan 14, 2025
scripts/userstyles.yml Outdated Show resolved Hide resolved
styles/claude/catppuccin.user.less Outdated Show resolved Hide resolved
styles/claude/catppuccin.user.less Outdated Show resolved Hide resolved
styles/claude/catppuccin.user.less Outdated Show resolved Hide resolved
--accent-pro-100: #hslify(@accent) [];
--accent-pro-200: #hslify(@accent) [];
--accent-pro-900: #hslify(lighten(@accent, 10%)) [];
--accent-pro-900: #hslify(darken(@accent, 25%)) [];
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We should avoid darkening colors by more than 10% if possible.

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I was hoping to create more contrast for elements like this one, where the background color is accent-pro-900. If I change the darken ratio to 10%, the text becomes very hard to read:

image

What's a good approach to make it more readable without too much darkening?

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Invert the text color to base/mantle/crust.

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I added a special rule so I didn't have to change the color for text-300.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants