r64
r1

(새 문서)
1[[분류:위키/스킨]]
r64
2[include(틀:다른 뜻/2개 이상)]
r63
3* 상위 문서: [[위키/스킨]]
4* 포크된 다른 버전의 Vision: [[위키/스킨/Vision]]
r33
5[include(틀:다올위키 스킨)]
r1

(새 문서)
6> Central 스킨을 제외한 스킨은 업데이트가 중단되었으며, 최신 openNAMU와 호환이 안될 수 있습니다.
r63
7> ----
8> '''포크된 다른 버전의 Vision은 [[위키/스킨/Vision]]을 참고하세요.'''
r62
9[목차]
r1

(새 문서)
10== 개요 ==
11||<nopad><width=77.1%> [[파일:Vision PC.png|width=100%]] ||<nopad> [[파일:Vision Phone.jpg|width=100%]] ||
r50
12|| PC 버전 || Mobile 버전 ||
13|||| '''Vision 스킨 스크린샷'''[br]{{{-2 사진을 눌러 크게 볼 수 있습니다.}}} ||
14[[https://github.com/daol-project/Vision-Skin|Github 주소]]
r62
15 * 다올위키에서 사용하는 Vision 스킨입니다.
16 * 원본 소스는 [[https://github.com/openNAMU/openNAMU-Skin-Liberty|openNAMU 공식 리버티]]입니다.
r1

(새 문서)
17 * {{{#red '''주의 사항''': 해당 스킨 라이선스는 GNU General Public License v3.0 입니다. 수정해서 사용하실 때는 라이선스에 따라 소스 코드를 공개하여야 합니다.}}}
18
19== 특징 ==
20 * 오래 전에 만들어진 리버티 스킨을 현대 시대에 맞게 디자인을 개편해 보았습니다.
21
22== 사용 방법 ==
r2
23=== 다운로드 ===
r1

(새 문서)
24==== Git으로 다운로드 ====
25 * Git으로 받으면 업데이트가 용이하기 때문에 Git으로 받는 것을 추천합니다.
r2
26----
27 1. openNAMU 폴더의 views에서 다음 명령어를 입력하세요.
28{{{#!syntax text
r62
29git clone https://github.com/daol-project/Vision-Skin.git vision
30}}}
r30
31 2. 엔진을 다시 시작해 주세요.
32
33==== 수동 다운로드 ====
r52
34 1. [[https://github.com/daol-project/Vision-Skin|Github]]에서 Code를 눌러 ZIP 파일로 다운로드합니다.
r62
35 1. openNAMU 폴더의 views에 압축을 해제합니다.
r52
36 1. 스킨 폴더 이름을 "vision"으로 변경해 주시면 됩니다.
37 1. 엔진을 다시 시작해 주세요.
38
39=== 업데이트 ===
40 * 업데이트는 openNAMU > views > vision 폴더에서 다음 명령어를 입력하세요.
41{{{#!syntax text
r62
42git remote rm origin
r2
43git remote add origin https://github.com/daol-project/Vision-skin.git
r62
44git fetch -\-depth=1 origin main
r30
45git reset -\-hard origin/main
46}}}
47
48=== 대표 색상 변경 ===
49 1. 관리 도구 > 소유자 설정 > 메인 <HEAD> 으로 이동합니다.
50 1. (vision)을 클릭한 후 다음 코드를 붙여넣습니다.
r2
51{{{#!syntax text
r62
52<meta name="theme-color" content="#(메인 컬러)">
r26
53<style>
r27
54:root {
55 --main-color: #(메인 컬러);
r2
56 --menu-button-color: #(메인 컬러);
r1

(새 문서)
57 --sub-color: #(서브 컬러);
r2
58 --light-sub-color: #(서브 컬러);
r34
59}
60</style>
61}}}
62 * 메인 컬러는 위키의 메인 컬러를 뜻합니다.
63 * 서브 컬러는 네비 바 옵션에 마우스를 올렸을 때의 색상을 뜻합니다.
64 * 혹시 해서 말하지만 색상 코드는 #abcdef 식입니다. 괄호는 빼야합니다.
65----
66 1. (vision-cssdark) 탭에 들어갑니다.
r48
67 1. 다음 코드를 '''그대로''' 붙여넣습니다.
68{{{#!syntax text
r62
69<style>
r34
70:root {
71 --main-color: #2d2f34;
72 --menu-button-color: #777;
73 --sub-color: #383b40;
74}
75</style>
76}}}
77
78=== 사이드바 연합 최근 편집 가리기 ===
79> 관리 도구 > 소유자 설정 > 메인 <HEAD>으로 이동합니다.
80> 다음 코드를 입력합니다.
81
82{{{#!syntax text
r48
83<style>
r34
84.sidebar-4 {
r44
85 display: none;
r34
86}
87</style>
88}}}
r2
89
r7
90=== 파비콘 변경 ===
91오픈나무 파비콘은 업데이트하면서 계속 갈아줘야하는 불편함이 있기 때문에 다올위키 커스텀 버전의 파비콘 위치를 변경하였습니다.
92
r2
93openNAMU/data/images 폴더에 favicon.ico 파일을 넣어주세요.
r1

(새 문서)
94
95== 업데이트 예정인 것들 ==
r43
96{{{+2 '''[[https://github.com/daol-project/Vision-Skin/issues/2|Github issue로 보기]]'''}}}
r62
97
r30
98== 업데이트 내역 ==
r29
99=== v1.0a ===
100> 2024/01/06 업데이트
101* 폰트어썸 업데이트
102* 각종 디자인 개편
103
104=== v2.0a ===
105> 2024/01/13 업데이트
106* 각종 디자인 개편
107* [모바일 한정] 하단 메뉴바 추가
108* 버튼 컬러 변경
109
110=== v2.1b ===
r1

(새 문서)
111>2024/01/21 업데이트
112* 각종 디자인 개편
113
114=== v2.2b ===
115 * 24/01/27 업데이트
116 * 각종 디자인 개편
117 * liberty 디자인이 남아있던 input, select css 조정
118 * 사이드바 개편
119 * 모바일에서 본문 하단에 사이드바 표시되게 수정
120 * 사이드바 분리
r10
121 * [모바일, 태블릿 한정] 사이드바 버튼 추가
r8
122 * 로그인 드롭다운 공백 조정
123 * 2024/02/04 업데이트
124 * 사이드바에 연합 최근 편집만 나오던 문제 해결
r1

(새 문서)
125 * 일부분 색상 개편
r4
126 * 2024/02/10 업데이트
r1

(새 문서)
127 * 사이드바에 계정 정보 추가
128 * 사이드바 링크 오류 해결
r2
129 * ringo 스킨 설정 포크[* 사이드바 끄기 및 가변 폭 지원.]
r1

(새 문서)
130 * 다크모드 css 대개편 및 오류 수정
131 * 푸터 왼쪽 정렬로 변경
r2
132 * 다올위키 자체 디자인 탑재
133
134=== v2.3 ===
135> 2024/02/19 업데이트
136* 다올위키 자체 디자인으로 인한 버그 수정[* 토론 창 공백 등.]
137* 푸터 설명 추가
r3
138* 모바일에서 푸터 저작권 표시 버튼이 일부분 가리는 문제 해결
r15
139
140=== v2.4 ===
141> 2024/02/23 ~ 2024/03/16 수정
142> 2024/03/16 업데이트
143* 툴 버튼 3개 이상부터 ... 버튼으로 드롭다운 표시되게 수정
144* 어느 순간 사라진 툴 버튼 배경 강조 다시 추가 및 아이콘 추가
145* 저장 미리보기 버튼 색 오류 수정
146* sub 태그, 토론 및 게시판 스레드, input 테두리 다크모드 대응
147* 폰트 변경 (프리텐다드 → 스위트)
148* 사이드바 및 드롭다운 색상 재조정
149* 토론에서 인용문 공백 무시되는 버그 해결
150* 사이드바의 최근 편집, 최근 토론, 연합 최근 편집에 표시되는 문서 수 조정[* 12, 5, 10 → 14, 7, 8]
151
152=== v2.5 ===
153> 2024/03/17 ~ 2024/03/23 수정
154> 2024/03/23 업데이트
155* 어느 순간 사라진 툴 버튼 배경 강조 다시 추가 및 아이콘 추가
156* openNAMU Liberty (v1.1.26) 변경 사항 적용
157* css !important 남발한 부분 수정
r3
158* 새롭게 추가된 스킨 변수(상단, 사이드바, 하단) 적용
159* 오픈나무 팝업 디자인 변경
160* 최근 편집 디자인 변경
r4
161
162=== v2.6 ===
r5
163> 2024/03/30 ~ 2024/04/25 수정
r4
164> 2024/04/25 업데이트
165* 최근 편집 자체 디자인 적용
r16
166* 리스트 공백 수정
167* 사이드바에 문서 수가 넘칠 경우 편집된 시간이 잘리는 문제 해결
r4
168* 모바일에서 탭바 삭제
r16
169* 점프 버튼 디자인 변경
170* textarea 둥근 모서리 적용
r4
171
r16
172=== v2.7 ===
173> 2024/04/26 ~ 2024/05/19 수정
174> 2024/05/19 업데이트
175* 없는 문서 하이퍼링크 색상 수정
176* 탭바 삭제에 따른 내비바 개선
177* 오픈나무 공식 리버티 v1.1.27 포크
r19
178* 네비바의 최근 토론 누르면 열린 토론 표시
179
r17
180=== v2.8 ===
r18
181> 2024/05/25 ~ 2024/06/03 수정
182> 2024/06/03 업데이트
r19
183* 오픈나무 공식 리버티 v1.1.28 포크
184* 네비바 디자인 수정
r20
185* 사이드바 시간 표기 방식 수정
186* 최근 편집 등 신 UI에 따른 재수정
187
r23
188=== v2.9 ===
189> 2024/06/15 ~ 2024/06/28 수정
190> 2024/06/28 업데이트
191* 검색 창 글씨, 툴 버튼 호버 색상, 인용문 색상, 각주 hr, Syntax 테두리 색상 등 다크모드 적용 안 된 부분 수정
r31
192* 색상 변수 추가하여 대표 색상에 따라 저장, 미리보기 버튼 색상도 수정되도록 변경
193* 사이드바 시간 표기 방식 재수정
r23
194* 오픈나무 기본 css인 main.css 개편에 따른 vision 고유 디자인 css 개편
r25
195* 사용자 도구 상태 UI 개편
r36
196* 내비바 글자 크기 수정
197* 폰트 환원 (스위트 → 프리텐다드)
r23
198
r31
199=== v2.10 ===
200> 2024/07/07 ~ 2024/07/26 수정
r36
201> 2024/07/26 업데이트
202* [[https://github.com/openNAMU/openNAMU/commit/58dff43f826cd9ba0c5cf50cf23e1f630ab254d8|눈뽕 개선]] 스크립트 포크
203* 사이드바에 최근 게시판 글 목록 추가
r41
204* 굵게 기울임 문법 사용할 때는 위키 대표 색인 밑줄 표출하도록 변경
205* 다크모드 일때의 외부 링크 글자 색상 변경
206* 폰트어썸 링크 수정 및 부트스트랩, 제이쿼리 CDN 전환
r37
207
208=== v2.11 ===
209> 2024/08/03 ~ 2024/08/23 수정
r38
210> 2024/08/23 업데이트
r55
211* 다크모드에서 드래그 색상, 굵게 기울임일 때 밑줄 색상 조정
212* 위에 언급한 이슈 해결을 위해 색상 변수 1개 추가
r53
213* 폰트어썸 CDN 링크 변경에 따른 일부 아이콘 안 나오는 문제 수정
214* 스킨 설정에서 체크박스 말고 글씨 눌러도 작동되도록 수정
215* 드롭다운 여백 수정 및 추가 링크 아이콘 수정
216* 조회수 추가
r54
217
r55
218=== v2.12 ===
r62
219* Central 스킨의 개발이 앞당겨지면서 백지화되었다.