이 섹션에서는 Bubble 앱 전반에 적용할 수 있는 색상 팔레트를 설정하는 데 사용되는 Color 변수를 다룹니다.
• ctrl/command + k 를 누르면, 필요한 정보를 더 쉽게 검색할 수 있습니다.
• 공식 문서를 ChatGPT를 활용해 번역을 진행했으며, 모든 출처는 버블 공식 문서입니다.
• 공식 문서 양이 방대해 시간이 날 때마다 꾸준하게 작업 중입니다.
Styles 탭의 Color Variables 기능을 사용하면 Bubble 앱 전반에 적용할 수 있는 색상 팔레트를 설정할 수 있습니다. 각 색상 변수에는 다음이 포함되어 있습니다.
•
색상 값을 결정하는 16진수 코드
•
투명도를 제어하는 알파 값
색상 및 글꼴 변수를 모두 활용하여 앱에 일관된 디자인 시스템을 구축할 수 있습니다. 요소 스타일링에서 색상 변수를 사용하면 Styles 탭에서 지정한 색상 값에 대한 연결이 생성됩니다.
결과적으로 색상을 수정해야 하는 경우 한 곳에서 변경하면 해당 색상 변수가 사용된 모든 곳에 자동으로 반영되므로 각 요소나 스타일을 별도로 조정할 필요가 없어 편리합니다.
Do Color variables apply to styles?
네, 색상 변수는 스타일에 적용됩니다. 이는 색상 변수를 업데이트하면 해당 변수를 사용하는 모든 스타일에 자동으로 업데이트된다는 의미입니다. 두 가지를 결합하여 한 곳에서 요소의 색상 모양을 제어할 수 있는 매우 유연한 색상 시스템을 설정할 수 있습니다.
