Bloggerのテーマをカスタマイズに対応させる(リンク)

管理画面(ログインしたときの画面) > テーマ > カスタマイズ で リンク の色を設定できるようにします

今回のサンプルは「黎明鬼」テーマ

<![CDATA[
下にコードを追加

Code

/* Variable definitions
   ====================

   <Group description="Links" selector=".main-outer">
     <Variable name="link.color" description="Link Color" type="color" default="#0000ff" value="#0000ff"/>
     <Variable name="link.visited.color" description="Visited Color" type="color" default="#551a8b" value="#551a8b"/>
     <Variable name="link.hover.color" description="Hover Color" type="color" default="#0000ff" value="#0000ff"/>
     <Variable name="link.active.color" description="Selected Color" type="color" default="#ff0000" value="#ff0000"/>
   </Group>
*/

ベースのコードは Simple から持ってきてます(赤字の部分は追加)

CSS

/* link */
a {
  color: $(link.color);
}
/* visited link */
a:visited {
  color: $(link.visited.color);
}
/* selected link */
a:active {
  color: $(link.active.color);
}

(ホバーは含めていません)

ローカライズについては不明な部分がありますが、カスタマイズ では Selected Color が 選択済みの色 として表示されました

Tricktreeとかはどうしようかと思ってるんですが、まぁ投稿に対応させてもいいし、新テーマベースに移行するかなとか考えていますが
まぁ私自身が カスタマイズ 使ってこなかったので

Dark Theme (仮称) はベーステーマなのでどこまでやるか