색상 팔레트는 ShadCn 테마 편집기와 함께 제공됩니다.

모두들 좋은 아침입니다. MonDEV도 행복하세요! 🔥

이번 주에도 우리는 키보드를 손에 들고 커피를 마시고 동일한 양의 코드를 생성할 준비가 되어 있습니다 ?

그리고 그 과정에서 언제나처럼 여러분을 지원하기 위해 이번 주의 도구와 함께 월요일 아침 커피를 준비했습니다!

다시 프런트 엔드 차례입니다. 지난번에 ShadCn을 사용하여 즐거운 시간을 보냈으므로(제가 말하는 뉴스레터를 놓치셨다면 여기에서 찾으실 수 있습니다), 이 아름다운 구성 요소 라이브러리와 연결하는 또 다른 도구를 계속 사용하겠습니다. !

특히 오늘은 강력하면서도 단순하고 아름다운 도구(제가 좋아하는 종류)인 ShadCn 테마 편집기에 대해 말씀드리고 싶습니다.

개발 모드에서 이 패키지를 설치하면 프로젝트에 구성 요소를 포함시켜 shadcn 테마를 구성하는 모든 변수를 볼 수 있습니다. 이때 하나씩 맞춤 설정하거나 랜덤마이저를 사용하여 다양한 색상을 시도해 볼 수 있습니다.

결과가 만족스러우면 상단에 있는 버튼을 사용하여 이러한 스타일을 모두 복사하고 CSS의 ::루트에 변수로 붙여넣기만 하면 됩니다. 그러면 테마가 편집된 것입니다. ShadCn 구성 요소.

이보다 쉬운 건 정말 어렵다! ?

금주의 기사

• Vue, VueUse 및 TailwindCSS를 사용한 7가지 아름다운 차세대 버튼 구성 요소: 구성 요소에 대해 이야기하면서 vue school의 이 기사에서는 vue에서 버튼을 만드는 7가지 매우 흥미로운 방법을 제공합니다. 일상에서 다루는 부분이 아니라면, 페이지 요소와의 상호작용과 관련된 몇 가지 개념을 검토해 볼 수 있는 좋은 기회가 될 수도 있습니다!
• 프론트엔드 상태: 프론트엔드 주간? 그럼 프론트엔드에 대해 이야기해 볼까요! 트렌드와 데이터에 대해 궁금하고 프론트엔드에 초점을 맞춰 이에 대한 아이디어를 얻고 싶다면 이 보고서가 딱 맞습니다!

아주 좋아요! 이번 주에도 시도해 볼 만한 아이디어와 소식이 가득하다고 말하고 싶습니다! 그러니 커피는 여러분에게 맡기고 언제나처럼...

즐거운 코딩하세요!

위 내용은 색상 팔레트는 ShadCn 테마 편집기와 함께 제공됩니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!