크롬의 개발자툴 스킨 바꾸기

시작하며

download-hero-win

웹개발하실때 크롬은 거의 필수품이라 많이들 쓰시리라 생각합니다.
크롬 개발자도구에서 사용할 아주 괜찮은 스킨이 하나 나와서 소개하려고 합니다.
왠지 ST2에서 사용하는 테마와 느낌이 유사해서 그런지 더 마음에 드네요!
우선 뭘 소개하려는 것인지 밑에 이미지를 봐주세요!

 

변경 전모습

크롬 적용 전
크롬 적용 전

 

변경 후모습

크롬 적용 후
크롬 적용 후

 

나만의 스타일 만들기

우선 크롬 개발자 도구의 CSS를 변경하기 위해 해당 CSS 파일의 위치를 알아야 합니다.
플랫폼별로 경로는 다음과 같습니다.

MAC에서의 경로

 Ubuntu에서의 경로

 Windows Vista이상 에서의 경로

 Windows XP에서의 경로

사용중인 플랫폼에 해당 위치로 가시면 Custom.css가 있습니다. 능력있으신 분들께서는 이부분을 수정해서 나만의 개발자 도구 스타일을 만드시면 됩니다.
제가 위에 보여드린 것은 Zero Mark Matrix라는 이름을 가진 테마이며 Github에서 공개 배포 중 입니다.  테마를 다운 받으시면 Custom.css와 Custom-stable.css 2개가 있습니다.

이중 Custom-stable.css 파일을 Custom.css로 변경하셔서 해당 위치에 덮어씌우시면 끝납니다.
그런후, 크롬 종료후 재실행하여 확인해 보시면 적용되어 있는 것을 보실 수 있을 것 입니다.

자세한 내용과 설명들은 해당 링크 참고하시고 잘 사용하세요! ^^

 

 

 

 

Published by

안반장

Web과 App 개발을 하고 있으며 최근 워드프레스에 관심이 많아져 네이버 카페 워드프레스 홈페이지의 TF팀으로 활동 중 입니다.개인적으로는 안반장의 개발 노트라는 블로그를 운영하면서 개발의 즐거움과 고충들을 차곡차곡 담아가고 있습니다.