Signal Ayu Unified 공개 배포 - 티스토리 기본 #1 스킨용 통합 Light / Dark 테마

🎨업데이트 내용 공유

2026.03.11 - [UI & Theme] - 🧩 Signal Ayu Unified v2.1.0 — 글 읽기 경험을 조금 더 편하게

🧩 Signal Ayu Unified v2.1.0 — 글 읽기 경험을 조금 더 편하게

 

2026.03.04 - [UI & Theme] - 🧩 Signal Ayu Unified v2.0.2 — 상태 정리 업데이트

🧩 Signal Ayu Unified v2.0.2 — 상태 정리 업데이트

 

---

 

앞서 두 편의 글을 통해 과정을 정리했다.

2026.03.01 - [UI & Theme] - 🌑 티스토리 기본 #1 스킨, 다크모드로 완전히 바꿔보기 (Ayu Inspired)

2026.03.02 - [UI & Theme] - 🌑 티스토리 기본 #1 스킨, Light / Dark 완전 통합 설계로 확장하기— Ayu Dark에서 Ayu Light + Dark 통일형으로 진화한 이야기

 

처음에는 단순히 다크 모드를 적용해보고 싶었다.
기본 #1 스킨의 구조는 그대로 두고, 색만 정돈하는 실험이었다.

 

그러다 보니 자연스럽게 다음 단계로 넘어갔다.

 

라이트와 다크를 따로 관리하는 것이 아니라,
같은 의미 체계를 공유하는 통합형 설계로 정리하는 것.

 

그리고 이제, 그 작업을 하나의 스킨으로 정리해 공개 배포한다.

---

🎨 Signal Ayu Unified

Signal Ayu Unified는 다음을 목표로 한다.

• Tistory 기본 #1 스킨 기반
• MIT 라이선스 준수
• 구조 변경 없음
• 색상 시스템 재설계
• Light / Dark 통합 토큰 아키텍처

이 테마는 구조를 바꾸지 않는다.
레이아웃을 새로 만들지도 않는다.

대신, 색을 정리한다.

 

---

🌓 통합 설계의 의미

기존 다크 모드는 단순한 오버라이드였다.
하지만 이번 버전은 다르다.

Light와 Dark는 완전히 분리된 테마가 아니라,

html[data-theme="light"]
html[data-theme="dark"]

구조 아래에서 동일한 의미의 토큰을 공유한다.

예:

• --bg
• --text
• --accent
• --border

같은 변수 이름을 사용하고,
테마에 따라 값만 달라진다.

이 방식 덕분에:

• 확장이 쉽고
• 유지보수가 단순하며
• 전체 톤이 통일된다

✨ 주요 특징

 

• Ayu Light / Ayu Dark 통합 토큰 시스템
• CSS 변수 기반 색상 관리
• 하드코딩 색상 최소화
• SVG 기반 아이콘 교체 (filter 방식 제거)
• 코드 블록 대비 개선
• 인라인 코드 가독성 정돈
• 인용구 / 테이블 스타일 개선
• 모바일 환경 보정 완료
• 오버라이드 기반의 가벼운 구조

---

📦 다운로드 및 설치 방법

1. GitHub Releases에서 최신 ZIP 파일 다운로드
2. 티스토리 관리자 → 꾸미기 → 스킨 → 스킨 등록
3. ZIP 업로드
4. 미리보기 확인 후 적용

⚠ 이 테마는 Tistory 기본 #1 스킨 전용이다.

기본 #1이 아닌 다른 스킨에서는 정상 동작을 보장하지 않는다.

---

📄 라이선스

• 기반 스킨: Tistory 기본 #1 (MIT License)
• 원 저작권은 해당 제작자에게 있음
• Signal Ayu Unified는 해당 스킨을 기반으로 수정 및 재설계됨

라이선스는 존중한다.
구조는 유지한다.

---

🔎 이 테마를 배포하는 이유

단순히 “예쁜 다크모드”를 만들기 위함이 아니다.

 

기본 #1 스킨은 여전히 안정적이고, 가볍고, 구조가 단단하다.

하지만 색상 체계는 시대에 맞게 다듬을 여지가 있었다.

 

이 작업은 새로운 것을 만드는 것이 아니라, 기존 것을 정리하는 작업이다.

 

---

🔗 GitHub Repository

ceak-UI-theme/tistory-skin-signal-ayu-unified: A Unified Light & Dark Theme for Tistory Basic #1

GitHub - ceak-UI-theme/tistory-skin-signal-ayu-unified: A Unified Light & Dark Theme for Tistory Basic #1

 

---

 

이번 글은 마무리가 아니라 시작이다.

 

기본 #1 스킨을 계속 쓰고 있다면, 그리고 구조는 유지하면서 색만 정리하고 싶다면,
Signal Ayu Unified는 하나의 선택지가 될 수 있다.