위키/스킨/Central(the tree)(r18 Blame)
| r18 | ||
|---|---|---|
| r6 | 1 | [[분류:위키/스킨]] |
| r1 (새 문서) | 2 | [include(틀:관련 문서, 문서=위키/스킨/Central)] |
| 3 | [목차] | |
| 4 | ||
| 5 | == 개요 == | |
| 6 | [[the tree]] 위키 엔진에서 사용 가능한 Central 스킨에 대한 설명을 하는 문서이다. | |
| 7 | ||
| 8 | == 사용 방법 == | |
| 9 | === publicConfig.json === | |
| r13 | 10 | ||<-5><tablebordercolor=#696FFF><bgcolor=#696FFF><tablebgcolor=#fff,#1c1d1f><color=#fff> {{{+1 '''Central 스킨 변수'''}}} || |
| 11 | || '''종류''' || '''변수 이름''' || '''기본값''' || '''사용 예시''' || '''추가 설명''' || | |
| 12 | || 메인 컬러 || skin.central.main_color || #996FFF || "skin.central.main_color": "#696FFF" || [* 크롬 테마 컬러와 엔진 내부의 브랜드 컬러로 사용된다.] || | |
| 13 | || 상단바 색상 || skin.central.nav_color || #996FFF || "skin.central.nav_color": "linear-gradient(90deg, #996FFF, #696FFF)" || [* 단색이 기본값이나 그라데이션 같은 문법도 사용 가능하다.] || | |
| 14 | || 서브 컬러 || skin.central.sub_color || #A783FF || "skin.central.sub_color": "#7E83FF" || [* 상단바 아이템을 마우스 호버할 때 나타나는 색상과 마우스 드래그 했을 때 표시되는 색상이다.] || | |
| 15 | ||<|2> 이름공간 밑줄 색상 || skin.central.ns_color ||<|2> #A783FF40 | |
| 16 | [* 투명도가 포함되어 있는 헥스 코드이기 때문에 기본값으로는 다크모드 구분이 없다. 구버전 브라우저에서는 작동 안 할 수 있다.] || "skin.central.ns_color": "#e7ddff" || [* 라이트모드일 때의 이름공간 밑줄 색상.] || | |
| 17 | || skin.central.dark_ns_color || "skin.central.dark_ns_color": "#532fa9" || [* 라이트모드일 때의 이름공간 밑줄 색상.] || | |
| r15 | 18 | || 상단바 로고 가로 길이 || skin.central.logo_width || 75px || "skin.central.logo_width": "75px" || [* 로고가 표시될 면적] || |
| r13 | 19 | || 상단바 로고 이미지 세로 크기 || skin.central.logo_size || auto || "skin.central.logo_size": "20px" || [* svg면 자동 조정되나 png, jpg같은 일반 이미지는 따로 조정해줘야 한다.] || |
| 20 | || 특수 기능 드롭다운 위치 변경 || skin.central.dropdown_left || auto || "skin.central.dropdown_left": "0" || [* 로고 길이가 짧은 경우 드롭다운이 오른쪽 정렬할 때 왼쪽이 잘리는 문제가 있는 경우만 0으로 사용할 것.] || | |
| r1 (새 문서) | 21 | |
| 22 | == 라이선스 == | |
| r14 | 23 | * 다올위키의 라이선스 페이지를 참고하세요. [[https://daol.cc/License| ]] |
| r1 (새 문서) | 24 | |
| 25 | == 업데이트 내역 == | |
| r17 | 26 | === v4.0 === |
| 27 | ==== 2025/01/25 ==== | |
| r1 (새 문서) | 28 | * 첫 커밋 시작 |
| r12 | 29 | * dark.css 우선 순위 변경 |
| r1 (새 문서) | 30 | * js 변수 구조 변경 |
| 31 | * 드롭다운 작동 안하는 문제 수정 | |
| 32 | * 사이드바 API 대신 엔진 API로 변경 | |
| 33 | * 툴 버튼 드롭다운 일부 사용 | |
| 34 | * 최근 변경에서 닉네임이 길 경우 줄 바꿈 되도록 수정 | |
| 35 | * 툴 버튼에 드롭다운이 존재하면 마지막 둥근 모서리 안되는 문제 수정 | |
| 36 | * 의도치 않은 동작 때문에 :focus 삭제 | |
| 37 | ||
| r17 | 38 | ==== 2025/01/26 ==== |
| r1 (새 문서) | 39 | * skin.central.dark_ns_color 추가 |
| 40 | * the tree와 맞지 않는 링크 수정 | |
| 41 | * 편집 요청 팝업 구현 전 임시로 링크로 들어가지게 수정 | |
| 42 | * 일부 다크모드 미적용 해결 | |
| 43 | * 색상 불러오는 방식 모두 js로 수정 | |
| 44 | * 공지 디자인 수정 | |
| 45 | * 스킨 설정(내비바 고정, 사이드바 위치 조정) 추가 | |
| 46 | ||
| r17 | 47 | ==== 2025/01/27 ==== |
| r1 (새 문서) | 48 | * 다크모드일 때 sub 색상이 라이트 색상으로 표시되던 오류 수정 |
| 49 | * 변수 색상[* 라이트 모드 링크 색상, 드래그할 때 나오는 컬러] 조정 | |
| 50 | * 업로드나 편집할 때 저장 버튼이 본문에서 튀어나가는 문제 해결 | |
| 51 | ||
| r17 | 52 | ==== 2025/01/28 ==== |
| r2 | 53 | * 변수 색상 실수 수정 |
| 54 | * 로고 css 수정 | |
| 55 | * 사이드바 사용자 탭 추가 | |
| r3 | 56 | * 설정에 사용자 사이드바 끄기 기능 추가 |
| r4 | 57 | |
| r17 | 58 | ==== 2025/01/29 ==== |
| r4 | 59 | * 보고 있는 문서에 토론이 진행 중이면 토론 버튼에 강조 색상 추가 |
| 60 | * 사이드바 최근 변경 수 8개에서 12개로 변경 | |
| 61 | * 다크모드 방식 변경 | |
| 62 | ||
| r17 | 63 | ==== 2025/01/30 ==== |
| r9 | 64 | * 문서 이름이 길 때 툴 버튼에서 줄바꿈되는 오류 수정 |
| 65 | * 광고 상단, 측면 추가 | |
| r10 | 66 | * 모바일에서 툴 버튼이 튀어나가는 오류 수정 |
| r9 | 67 | |
| r17 | 68 | ==== 2025/01/31 ==== |
| r9 | 69 | * 사용자 토론이 존재하면 표시되는 공지 UI 추가[* 검색 창 오른쪽에 알림은 가독성이 안 좋다고 판단하여 닫을 수 있는 알림 추가.] |
| 70 | * 공지 UI 활용하여 편집 요청 메시지 추가 | |
| r10 | 71 | * 공지 UI의 카테고리가 중앙이 틀어진 오류 수정 |
| r9 | 72 | |
| r17 | 73 | ==== 2025/02/01 ==== |
| r9 | 74 | * 툴 버튼의 일부 아이콘 변경 |
| 75 | * 본문 글씨 크기 16px에서 15px로 조정 | |
| r10 | 76 | |
| r17 | 77 | ==== 2025/02/03 ==== |
| r9 | 78 | * [다크 모드] 편집 요청 공지 UI에서 링크 구별이 안되는 오류 수정 |
| 79 | * [다크 모드] the tree 내부 UI에서 다크 모드가 적용 안되는 부분 적용되게 수정 | |
| 80 | * [다크 모드] 배경 색 변경 | |
| r10 | 81 | |
| r17 | 82 | ==== 2025/02/04 ==== |
| r9 | 83 | * code 박스, 중괄호로 문법 무효할 때의 글꼴 지정 |
| 84 | * 라이선스 페이지에서 가로 스크롤 추가[* 라이선스 정보가 더 길 경우 스킨을 벗어나는 문제가 있었음.] | |
| r10 | 85 | |
| r17 | 86 | ==== 2025/02/05 ==== |
| r9 | 87 | * [다크 모드] 위키 공지에 링크 색상 변경 |
| 88 | * [다크 모드] the tree 내부 UI에서 다크 모드가 적용 안되는 부분 적용되게 수정 2 | |
| 89 | ||
| r17 | 90 | ==== 2025/02/06 ==== |
| r9 | 91 | * [다크 모드] 문서에서 외부 링크 색상 수정 |
| r17 | 92 | |
| 93 | ==== 2025/02/12 ==== | |
| 94 | * js 파일이 the tree로 옮겨지면서 main.js, sub.js 굳이 이원화할 이유가 사라짐에 따라 main.js로 통합 | |
| 95 | ||
| 96 | ==== 2025/02/17 ==== | |
| 97 | * 각주에 사진이 있을 때 글자와 세로 중앙이 안 맞는 문제 해결 | |
| 98 | ||
| 99 | === v4.1 === | |
| 100 | ==== 2025/02/19 ==== | |
| 101 | * the tree 엔진에 이름공간에 따른 라이선스 표기 방식으로 변경됨에 따라 라이선스 표기 방식 변경 | |
| 102 | ||
| 103 | ==== 2025/02/23 ==== | |
| 104 | * 폰트어썸 버전 업데이트 | |
| 105 | * 다크 모드, 라이트 모드로 전환할 때 부드럽게 전환되게 애니메이션 추가 | |
| 106 | * 위키에서 볼드체 표기를 700에서 600으로 변경 | |
| 107 | * 이름공간 밑줄 표시를 : 포함시키도록 수정 | |
| 108 | ||
| 109 | ==== 2025/02/24 ==== | |
| 110 | * [다크 모드] the tree 내부 UI에서 다크 모드가 적용 안되는 부분 적용되게 수정 3 | |
| 111 | ||
| 112 | ==== 2025/02/25 ==== | |
| 113 | * 편집을 아예 못할 때 표시되는 자물쇠 열려 있는 아이콘을 수정 | |
| 114 | * 사용자 사이드바 끄기를 기본값으로 변경 | |
| 115 | * 문서 하단에 표기되는 저작권 정책을 오측 정렬로 본문가 이격 | |
| 116 | * 위키 로고가 짧은 경우를 위해 특수 기능 드롭다운 위치를 조정할 수 있는 config 추가 | |
| 117 | * 최하단 링크를 눌렀을 때 새 탭으로 열리도록 수정 | |
| 118 | ||
| 119 | ==== 2025/02/26 ==== | |
| 120 | * 문서 도구 드롭다운에도 아이콘 추가 | |
| 121 | * 본문의 최소 높이를 추가 | |
| 122 | * 사용자 드롭다운에 편집 요청 기여 목록 추가 | |
| 123 | ||
| 124 | ==== 2025/02/27 ==== | |
| 125 | * 사이드바 기본값의 모바일, PC 구분 방식 변경 | |
| 126 | * 부드러운 스크롤 추가 | |
| 127 | ||
| 128 | ==== 2025/03/09 ==== | |
| 129 | * [다크 모드] 버튼 hover 색상 변경 | |
| 130 | * [다크 모드] the tree 내부 UI에서 다크 모드가 적용 안되는 부분 적용되게 수정 4 | |
| 131 | * [다크 모드] 공지 디자인에서 X 버튼에 색상 변경 | |
| 132 | * the tree에 고립된 분류 기능 추가에 따른 드롭다운에 링크 추가 | |
| 133 | ||
| 134 | === v4.2 === | |
| 135 | ==== 2025/03/10 ==== | |
| 136 | * 스킨 라이선스 표기 방식 변경 | |
| 137 | * [다크 모드] 위키 엔진에서 사용하는 최근 변경 위키 대표 색을 변경 | |
| 138 | ||
| 139 | ==== 2025/03/11 ==== | |
| 140 | * 프리텐다드가 적용되지 않는 select도 적용되도록 수정 | |
| 141 | * 모나코 에디터와 충돌하는 css 수정 | |
| 142 | * 표 기본 색상을 #fff로 수정 | |
| 143 | ||
| 144 | ==== 2025/03/12 ==== | |
| 145 | * [다크 모드] the tree 내부 UI를 건드리는 css 모두 삭제 | |
| 146 | * 사이드바 아이템을 호버했을 때의 변화 추가 | |
| 147 | * 사이드바 목차 기능 추가 | |
| 148 | * 레거시 목차 css 갱신 | |
| 149 | ||
| 150 | ==== 2025/03/15 ==== | |
| 151 | * 목차 링크 구현 | |
| 152 | * 라이선스에 © Gwangtori, '''hyonsu'''. all rights reserved. 추가 | |
| 153 | ||
| 154 | ==== 2025/03/16 ==== | |
| 155 | * 목차 .을 숫자 텍스트에 포함 | |
| 156 | * 사이드바 목차에 문법 표시 삭제 | |
| 157 | * 사이드바 목차 headings null 확인 | |
| 158 | * 사이드바 padding 값 수정 | |
| 159 | ||
| 160 | ==== 2025/03/17 ==== | |
| 161 | * the tree 업데이트인 다크 모드 class 명칭 변경에 따른 .theseed-dark-mode → .thetree-dark-mode로 변경 | |
| 162 | ||
| 163 | ==== 2025/03/18 ==== | |
| 164 | * 사이드바 목차의 글자 크기를 15px에서 14.4px로 변경 | |
| 165 | * [다크 모드] 링크 색상이 적용 안되는 문제 해결 | |
| 166 | * [다크 모드] 라이선스 페이지에서 링크 색상 수정 | |
| 167 | ||
| 168 | ==== 2025/03/19 ==== | |
| 169 | * css 우선 순위로 인한 수정 | |
| 170 | ||
| 171 | ==== 2025/03/20 ==== | |
| 172 | * css 우선 순위로 인한 수정 | |
| 173 | ||
| 174 | ==== 2025/03/28 ==== | |
| 175 | * 모나코 에디터와 충돌로 인한 div에 프리텐다드 적용 삭제 | |
| 176 | ||
| 177 | ==== 2025/04/05 ==== | |
| 178 | * 프로그레스 바에 이름공간 밑줄 색상이 적용되도록 수정 | |
| 179 | * 최근 변경 사이드바 메뉴들도 15px에서 14.4px로 수정 | |
| 180 | ||
| 181 | ==== 2025/04/21 ==== | |
| 182 | * 다크 모드에서 파란 링크로 표시되는 것을 설정화 함 | |
| 183 | * 주황 링크를 원하는 사람이 있어서 패치를 해봄 | |
| 184 | * 반쪽 짜리 기능이였으나 vue로 오면서 작동 안 함... | |
| 185 | ||
| 186 | === v5.0 === | |
| 187 | ==== 2025/04/27 ==== | |
| 188 | * '''[[the tree]]의 프론트엔드가 ejs에서 vue로 전환됨에 따라 Vue 포팅''' | |
| 189 | * 드롭다운 작동 방식 변경 | |
| 190 | * 상단바에 위키 로고 config 수정 | |
| 191 | * vue로 전환하면서 the seed와 호환을 위해 .thetree-dark-mode → .theseed-dark-mode로 환원 | |
| 192 | * 다른 드롭다운을 열었을 때 기존 드롭다운이 안 닫히는 오류? 해결 | |
| 193 | * vue 전환에 따른 js 파일 제거 | |
| 194 | * [다크 모드] 문서명 색상이 과도하게 바뀌는 문제 해결 | |
| 195 | * [다크 모드] 라이선스 페이지에서 링크 색상 적용 안되는 문제 해결 | |
| 196 | ||
| 197 | ==== 2025/04/28 ==== | |
| 198 | * ACL 메시지 표시 후 클릭 시 편집 페이지로 이동 | |
| 199 | * contentTool 새 엔진 호환 | |
| 200 | * 제목 옆에 붙는 (역사)나 (비교) 등이 제목과 붙는 문제 해결 | |
| 201 | ||
| 202 | ==== 2025/04/30 ==== | |
| 203 | * 프로그레스 바 색상이 변경 안 되는 문제 해결 | |
| 204 | ||
| 205 | ==== 2025/05/02 ==== | |
| 206 | * 볼드체 700 → 600 재조정 | |
| 207 | ||
| 208 | ==== 2025/05/03 ==== | |
| 209 | * 내비바 고정일 때 사이드바 목차 위치 재조정 |