메일창에 글을 쓰는 당신을 위해

내가 Medium이 처음 나왔을 때, 무릎을 쳤던 게 바로 이 청결한 글쓰기 경험이었다. 아무것도 없는 백지장에 정말 글자만 한땀 한땀 박히는 그 맛.

글을 쓰는 툴이 사람마다 제각각이고, 나도 블로그나 에버노트 구글킵 등등 이것저것 써봤지만, 결국 오랜 시간이 지나도 죽지않고 살아남는 것은 이메일이라는 생각에 이메일을 가장 우선되는 글쓰기 도구로 사용 중이다. 꼭 어딘가에 보여줄 필요없는 글부터, 정리중인 덜 된 글까지.

Chrome 사용자라면 Chrome web store 에서 Stylebot 이라는 플러그인을 설치할 수 있다. 어느 사이트던 내가 원하는 스타일로 덧칠(?)을 할 수 있는 툴이다. 나는 Gmail 작성창을 전체화면으로 키웠을때, 좀 더 차분한 글쓰기 모드를 만들어보려고 커스텀 스타일링을 했다.

CSS 스타일은 아래와 같다. 굵게 표시한 부분은 본인 입맛대로 고쳐서 넣으면 된다. 컬러도 원하시는대로 바꾸시고. (Mac 사용자가 아니면 Apple SD Gothic Neo 같은게 없으실테고, 맑은고딕?)

.aSs, .aSs .aaZ {
background: #292D35;
border: none;
}

.aSs .Hd {
box-shadow: none;
-webkit-box-shadow: none;
}

.aSt{
width:auto;
left:20%;
right:20%
}

.aSs .LW-avf {
font-family: ‘Apple SD gothic neo’;
font-size: 2em;
font-weight: 100;
line-height: 1.4em;
}

.aSs .aXJ {
display: none;
}

.aSs table.iN tbody tr:nth-of-type(2) {
opacity: 0;
transition: 0.2s;
}

.aSs table.iN tbody tr:nth-of-type(2):hover {
opacity: 1;
}

.aSs .GQ, .aSs .Ap, .aSs .aoP .Ar, .aSs .Am, .aSs .aoT, .aSs .aSt {
background: transparent;
color: #D1D2BD;
}

.aSs .aoC .hl, .aSs .aoC .fX, .aSs .aoC .aoD {
border-bottom: none;
}

.aSs .aoT, .aSs .az9 {
color: rgba(255, 255, 255, 0.2);
}

Stylebot 에 이 코드를 집어넣는 곳은 아래와 같다. (왼쪽아래 ‘Edit CSS’ 버튼)