WTA에서 만드는 레이아웃이나 스킨의 컬러를 자신의 웹 페이지에 맞게끔 쉽게 변경 할 수 있도록 나름대로 7개의 컬러 규칙을 세웠습니다. 앞으로 WTA의 모든 스킨은 이 컬러 규칙에 맞춰 제작하도록 노력 할 예정이므로 아무쪼록 컬러 커스터마이징 하시는데 더욱 도움이 되었으면 합니다.

컬러셋 규칙에 의해 제작 된 스킨은 ZBXE Skins 메뉴의 아이템들 중 본문 우측 상단에 컬러셋 마크 가 있습니다. 컬러셋 마크를 클릭하면 컬러셋의 색상정보를 획득 할 수 있는 서비스 페이지로 이동하게 되며 일일이 포토샵에서 색상을 찍어보지 않아도 #ffffff와 같이 컬러코드가 나타납니다.

컬러셋은 아래와 같은 규칙에 의해 CSS에 적용되었습니다.




     1. Strong Color : 다른 텍스트보다 강조 된 색상입니다. 글쓴이 혹은 카테고리 분류명과 같이 다른 텍스트보다 눈에 띄어야 하는 경우에 쓰입니다.

     2. Text Color : 일반 텍스트 입니다. 또한 회원메뉴와 같이 링크 텍스트이긴 하지만 너무 튀어서는 안되는 링크에 사용합니다.

    3. Strong Line Color : 화면의 각 단을 나누는 라인들의 색상 중 눈에 띄게 분리해야 하는 경우에 사용합니다.

    4. Line Color : 일반적으로 단을 나누는 경우에 사용합니다.

    5. 2nd Background : 기본 배경보다 음영이 짙거나 옅은 보조 백그라운드 입니다.

    6. Point Color : 1번부터 5번까지의 같은 계열 색상보다 눈에 훨씬 잘 띄는 보색계열 컬러입니다. 특수한 링크에 사용합니다.

    7. Link & Hover Color : 일반적인 링크 텍스트에 사용합니다.


위와같이 WTA는 총 7 Depth 컬러를 사용하게 됩니다. 따라서 위 컬러셋과 같이 White Glossary 컬러를 붉은색 계열의 스킨으로 만들고 싶다면 Color Combo 사이트에서 변경하고자 하는 일곱 가지의 색상 콤보를 하나 만들어서 위 표와 대조해 가며 텍스트 에디터등의 Find & Replace 명령으로 일괄적으로 코드를 변경하시면 훨씬 수월하시리라 봅니다.