Subscribed unsubscribe Subscribe Subscribe

CHROMA

世の中の "当たり前" を確認する

はてなブログ、シンタックスハイライトの変更

はてなブログ、少し色が明るすぎる気がしてたのでコードのシンタックスハイライトを変更をした。

Class Hex Color
.synSpecial #FF00FF
.synType #00B300
.synComment #B3B3B3
.synPreProc #4D00B3
.synIdentifier #00B3B3
.synConstant #CC0000
.synStatement #CC7A00

フォントについては Source Code Pro を使ってる。ウエイトが細くなってすっきりした。
色については一部を除いて全体的に明るさを落とした。彩度の値は全て同じにして色相と輝度で色の違いをつけた。.synComment 以外は色相の変更をしてなくて、はてなブログ元々のものを使ってる。.synComment は他よりも目立ちにくくし、.synSpecial は目立つようにした。

@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Code Pro'), local('SourceCodePro-Regular'), url(http://themes.googleusercontent.com/static/fonts/sourcecodepro/v4/mrl8jkM18OlOQN8JLgasD9Hq-FFgoDNV3GTKpHwuvtI.woff) format('woff');
}

pre.code {
  font-family: 'Source Code Pro', Consolas, Menlo, Courier, monospace;
  line-height: 1.3;
}

.synSpecial {
  color: #FF00FF;
}

.synType {
  color: #00B300;
}

.synComment {
  color: #B3B3B3;
}

.synPreProc {
  color: #4D00B3;
}

.synIdentifier {
  color: #00B3B3;
}

.synConstant {
  color: #CC0000;
}

.synStatement {
  color: #CC7A00;
}