위키/스킨/Central(the tree)

1. 개요 [편집]

the tree 위키 엔진에서 사용 가능한 Central 스킨에 대한 설명을 하는 문서이다.

2. 사용 방법 [편집]

2.1. publicConfig.json [편집]

Central 스킨 변수
종류	변수 이름	기본값	사용 예시	추가 설명
메인 컬러	skin.central.main_color	#996FFF	"skin.central.main_color": "#696FFF"	[1]
상단바 색상	skin.central.nav_color	#996FFF	"skin.central.nav_color": "linear-gradient(90deg, #996FFF, #696FFF)"	[2]
서브 컬러	skin.central.sub_color	#A783FF	"skin.central.sub_color": "#7E83FF"	[3]
이름공간 밑줄 색상	skin.central.ns_color	#A783FF40 [4]	"skin.central.ns_color": "#e7ddff"	[5]
이름공간 밑줄 색상	skin.central.dark_ns_color	#A783FF40 [4]	"skin.central.dark_ns_color": "#532fa9"	[6]
상단바 로고 가로 길이	skin.central.logo_width	75px	"skin.central.logo_width": "75px"	[7]
상단바 로고 이미지 세로 크기	skin.central.logo_size	auto	"skin.central.logo_size": "20px"	[8]
특수 기능 드롭다운 위치 변경	skin.central.dropdown_left	auto	"skin.central.dropdown_left": "0"	[9]

3. 라이선스 [편집]

다올위키의 라이선스 페이지를 참고하세요.

4. 업데이트 내역 [편집]

4.1. v4.0 [편집]

4.1.1. 2025/01/25 [편집]

첫 커밋 시작
dark.css 우선 순위 변경
js 변수 구조 변경
드롭다운 작동 안하는 문제 수정
사이드바 API 대신 엔진 API로 변경
툴 버튼 드롭다운 일부 사용
최근 변경에서 닉네임이 길 경우 줄 바꿈 되도록 수정
툴 버튼에 드롭다운이 존재하면 마지막 둥근 모서리 안되는 문제 수정
의도치 않은 동작 때문에 :focus 삭제

4.1.2. 2025/01/26 [편집]

skin.central.dark_ns_color 추가
the tree와 맞지 않는 링크 수정
편집 요청 팝업 구현 전 임시로 링크로 들어가지게 수정
일부 다크모드 미적용 해결
색상 불러오는 방식 모두 js로 수정
공지 디자인 수정
스킨 설정(내비바 고정, 사이드바 위치 조정) 추가

4.1.3. 2025/01/27 [편집]

다크모드일 때 sub 색상이 라이트 색상으로 표시되던 오류 수정
변수 색상[10] 조정
업로드나 편집할 때 저장 버튼이 본문에서 튀어나가는 문제 해결

4.1.4. 2025/01/28 [편집]

변수 색상 실수 수정
로고 css 수정
사이드바 사용자 탭 추가
설정에 사용자 사이드바 끄기 기능 추가

4.1.5. 2025/01/29 [편집]

보고 있는 문서에 토론이 진행 중이면 토론 버튼에 강조 색상 추가
사이드바 최근 변경 수 8개에서 12개로 변경
다크모드 방식 변경

4.1.6. 2025/01/30 [편집]

문서 이름이 길 때 툴 버튼에서 줄바꿈되는 오류 수정
광고 상단, 측면 추가
모바일에서 툴 버튼이 튀어나가는 오류 수정

4.1.7. 2025/01/31 [편집]

사용자 토론이 존재하면 표시되는 공지 UI 추가[11]
공지 UI 활용하여 편집 요청 메시지 추가
공지 UI의 카테고리가 중앙이 틀어진 오류 수정

4.1.9. 2025/02/03 [편집]

[다크 모드] 편집 요청 공지 UI에서 링크 구별이 안되는 오류 수정
[다크 모드] the tree 내부 UI에서 다크 모드가 적용 안되는 부분 적용되게 수정
[다크 모드] 배경 색 변경

4.1.10. 2025/02/04 [편집]

code 박스, 중괄호로 문법 무효할 때의 글꼴 지정
라이선스 페이지에서 가로 스크롤 추가[12]

4.1.11. 2025/02/05 [편집]

[다크 모드] 위키 공지에 링크 색상 변경
[다크 모드] the tree 내부 UI에서 다크 모드가 적용 안되는 부분 적용되게 수정 2

4.1.13. 2025/02/12 [편집]

js 파일이 the tree로 옮겨지면서 main.js, sub.js 굳이 이원화할 이유가 사라짐에 따라 main.js로 통합

4.2. v4.1 [편집]

4.2.1. 2025/02/19 [편집]

the tree 엔진에 이름공간에 따른 라이선스 표기 방식으로 변경됨에 따라 라이선스 표기 방식 변경

4.2.2. 2025/02/23 [편집]

폰트어썸 버전 업데이트
다크 모드, 라이트 모드로 전환할 때 부드럽게 전환되게 애니메이션 추가
위키에서 볼드체 표기를 700에서 600으로 변경
이름공간 밑줄 표시를 : 포함시키도록 수정

4.2.3. 2025/02/24 [편집]

[다크 모드] the tree 내부 UI에서 다크 모드가 적용 안되는 부분 적용되게 수정 3

4.2.4. 2025/02/25 [편집]

편집을 아예 못할 때 표시되는 자물쇠 열려 있는 아이콘을 수정
사용자 사이드바 끄기를 기본값으로 변경
문서 하단에 표기되는 저작권 정책을 오측 정렬로 본문가 이격
위키 로고가 짧은 경우를 위해 특수 기능 드롭다운 위치를 조정할 수 있는 config 추가
최하단 링크를 눌렀을 때 새 탭으로 열리도록 수정

4.2.5. 2025/02/26 [편집]

문서 도구 드롭다운에도 아이콘 추가
본문의 최소 높이를 추가
사용자 드롭다운에 편집 요청 기여 목록 추가

4.2.7. 2025/03/09 [편집]

[다크 모드] 버튼 hover 색상 변경
[다크 모드] the tree 내부 UI에서 다크 모드가 적용 안되는 부분 적용되게 수정 4
[다크 모드] 공지 디자인에서 X 버튼에 색상 변경
the tree에 고립된 분류 기능 추가에 따른 드롭다운에 링크 추가

4.3. v4.2 [편집]

4.3.1. 2025/03/10 [편집]

스킨 라이선스 표기 방식 변경
[다크 모드] 위키 엔진에서 사용하는 최근 변경 위키 대표 색을 변경

4.3.2. 2025/03/11 [편집]

프리텐다드가 적용되지 않는 select도 적용되도록 수정
모나코 에디터와 충돌하는 css 수정
표 기본 색상을 #fff로 수정

4.3.3. 2025/03/12 [편집]

[다크 모드] the tree 내부 UI를 건드리는 css 모두 삭제
사이드바 아이템을 호버했을 때의 변화 추가
사이드바 목차 기능 추가
레거시 목차 css 갱신

4.3.4. 2025/03/15 [편집]

목차 링크 구현

4.3.5. 2025/03/16 [편집]

목차 .을 숫자 텍스트에 포함
사이드바 목차에 문법 표시 삭제
사이드바 목차 headings null 확인
사이드바 padding 값 수정

4.3.6. 2025/03/17 [편집]

the tree 업데이트인 다크 모드 class 명칭 변경에 따른 .theseed-dark-mode → .thetree-dark-mode로 변경

4.3.7. 2025/03/18 [편집]

사이드바 목차의 글자 크기를 15px에서 14.4px로 변경
[다크 모드] 링크 색상이 적용 안되는 문제 해결
[다크 모드] 라이선스 페이지에서 링크 색상 수정

4.3.11. 2025/04/05 [편집]

프로그레스 바에 이름공간 밑줄 색상이 적용되도록 수정
최근 변경 사이드바 메뉴들도 15px에서 14.4px로 수정

4.3.12. 2025/04/21 [편집]

다크 모드에서 파란 링크로 표시되는 것을 설정화 함
- 주황 링크를 원하는 사람이 있어서 패치를 해봄
- 반쪽 짜리 기능이였으나 vue로 오면서 작동 안 함...

4.4. v5.0 [편집]

4.4.1. 2025/04/27 [편집]

the tree의 프론트엔드가 ejs에서 vue로 전환됨에 따라 Vue 포팅
드롭다운 작동 방식 변경
상단바에 위키 로고 config 수정
vue로 전환하면서 the seed와 호환을 위해 .thetree-dark-mode → .theseed-dark-mode로 환원
다른 드롭다운을 열었을 때 기존 드롭다운이 안 닫히는 오류? 해결
vue 전환에 따른 js 파일 제거
[다크 모드] 문서명 색상이 과도하게 바뀌는 문제 해결
[다크 모드] 라이선스 페이지에서 링크 색상 적용 안되는 문제 해결

4.4.2. 2025/04/28 [편집]

ACL 메시지 표시 후 클릭 시 편집 페이지로 이동
contentTool 새 엔진 호환
제목 옆에 붙는 (역사)나 (비교) 등이 제목과 붙는 문제 해결

[1] 크롬 테마 컬러와 엔진 내부의 브랜드 컬러로 사용된다.[2] 단색이 기본값이나 그라데이션 같은 문법도 사용 가능하다.[3] 상단바 아이템을 마우스 호버할 때 나타나는 색상과 마우스 드래그 했을 때 표시되는 색상이다.[4] 투명도가 포함되어 있는 헥스 코드이기 때문에 기본값으로는 다크모드 구분이 없다. 구버전 브라우저에서는 작동 안 할 수 있다.[5] 라이트모드일 때의 이름공간 밑줄 색상.[6] 라이트모드일 때의 이름공간 밑줄 색상.[7] 로고가 표시될 면적[8] svg면 자동 조정되나 png, jpg같은 일반 이미지는 따로 조정해줘야 한다.[9] 로고 길이가 짧은 경우 드롭다운이 오른쪽 정렬할 때 왼쪽이 잘리는 문제가 있는 경우만 0으로 사용할 것.[10] 라이트 모드 링크 색상, 드래그할 때 나오는 컬러[11] 검색 창 오른쪽에 알림은 가독성이 안 좋다고 판단하여 닫을 수 있는 알림 추가.[12] 라이선스 정보가 더 길 경우 스킨을 벗어나는 문제가 있었음.