タグ

CSSとScrapboxに関するichbinのブックマーク (2)

  • Scrapboxのダークテーマ作成例 - 小技チョコレート

    Scrapboxをダークテーマで表示する(背景色を暗い色にして、文字色を明るい色にする)ためのCSSを紹介します。 〈目次〉 スクリーンショット 事前の準備 CSSを適用する手順 CSS 参考ページ 関連記事 ブラウザのアドオンを使う方法 スクリーンショット 各ページ 背景色は#24292F、文字色は#d7d7d7です。*1 内部リンクは青色、コンテンツが作成されていない内部リンクはオレンジです。 入力中のキャレット(入力位置を示す縦線)は白です。 テロメア(更新された行を示す行頭の色)のうち、最近更新されたものは水色で表示します。最近に更新されていないものは無色(背景色と同じ)にしてあります。 文字変換中の文字色と背景色 Firefox系ブラウザの場合のみ、変換中の文字色と背景色が、このように黒とオレンジ色の組み合わせとなります。 Chrome系ブラウザなら、変換中の文字色・背景色も、通

    Scrapboxのダークテーマ作成例 - 小技チョコレート
  • Scrapboxのスタイルシート変更例 - 小技チョコレート

    〈目次〉 設定のしかた 備考 スタイルシートの例 ダークテーマ 各ページの下に表示される関連ページの大きさを変える トップページに表示される各ページを1行ずつに細く表示する 各ページの下に表示される「関連ページ」を各1行ずつに細く表示する トップページで、ページ一覧が表示される領域の横幅の最大値を変える 各ページのタイトルと文が入る領域の横幅の最大値を変える 各ページの下の「関連ページ」一覧が表示される領域の横幅の最大値を変える 各ページのタイトル・文・関連ページが表示される領域の横幅の最大値を変える 引用部分の文字をイタリックにしない コード記法のフォントサイズを変える 文中の画像に枠線を付ける 文中のリストのマーカーの色を変える 入力中の文字色と背景色を変える 設定のしかた Scrapboxに独自のスタイルシートを適用する手順はこちらに説明されています。 備考 下記の各スタイル

    Scrapboxのスタイルシート変更例 - 小技チョコレート
  • 1