우선 기본 테마를 둥글게 복사하여 오리지널 테마의 기초를 작성

이 기사는 『/var/lib/redmine』에 Redmine을 인스톨했다고 전제.
우선은 「/var/lib/redmine/public/themes」에 테마명의 폴더를 작성.
이번은 테마명 「atai」로 했어ー.

그러면 『/var/lib/redmine/public』내에 있는 『images』『javascripts』『stypesheets』를 조금 만든 『atai』폴더에 복사.

그리고는 관리 화면에 가서 ...

표시 탭의 테마로 설정하면 OK!

응? 간단하죠?

브라우저 개발자 도구를 사용하여 느낌을 확인하면서 CSS 조정

Chrome이라면 'Ctrl+Shift+i'로 개발자 도구 열기!
그럼, 변경하고 싶은 장소를 선택, 어느 CSS 파일의 몇행째가 적용되고 있는지 알 수 있습니다!
오른쪽 사이드 바의 CSS 값은 변경하면 그 자리에서 반영됩니다!

『application.css의 29행째의 background-color의 값은 #000000일까~』
한 느낌으로 하나하나 파라미터를 결정하면서, 원래의 CSS 파일을 변경해 간다!

CSS 변경해도 반영되지 않지만!

브라우저의 캐시를 지우고 페이지를 다시로드!
Chrome이라면 'Ctrl + Shift + r'!

좋은 느낌의 색 구성표로 만드는 방법?

우선 컬러 코디네이터의 자격을 얻습니다.
Color Scheme Designer 편리합니다!
거의 거의 설명 불필요 정도 인터페이스가 직관적이고 알기 쉽습니다.

Color List 탭에서 색 코드를 복사할 수 있습니다.
흠, 가려운 곳에 손이 닿는다!

네, 이런 느낌

음, 매우 사용하기 쉬웠습니다 ^^


이미지는 아래에서 받았습니다.
【공식】10화 사신짱 드롭킥의 애니메이션 이미지 - 알

뱀발

개발자 툴로 변경 후의 CSS를 다운로드 할 수 있으면 편하구나~.
CSS 파일을 바꿔 버리면 개발자 도구상에서 한 편집이 단번에 반영된다!

「기한이 1일 이내의 티켓이 5건 이상 있으면 헤더에 점멸하는 아이콘 표시」
얼마나 실무적인 커스터마이즈해도 좋을지도.

버전

CentOS Linux release 8.2.2004 (Core)
Redmine 4.0.6