Color That Site!

Last-modified: 2016-06-04 (土) 09:43:45

拡張機能 - Color That Site!

ジャンルページ表示支援
バージョン
特徴個別のページやサイトの配色を変更する[e]
人気投票数 0  [投票ボタン]
対応Fx
対応Tb
日本語
最新版入手先Color That Site! :: Versions :: Add-ons for Firefox [e]
ミラーサイトAdd-ons for Firefox[e]
制作者サイトINFORMENTA e.K. [e]
その他
非公式版サイト[e]
関連サイトFirefox add-on: Colour That Site, Video [e]

説明・詳細

専用ボタンを押すと表示されるサイドバーを操作して個別のページやサイトの配色を変更可能にします。
配色の設定を保存すると次回以降にページやサイトを開いた時に配色が再現されます。

 

配色が適用されていないページやサイトを開いた時のサイドバー項目

  • Go!
    新しい配色を作成し編集する。
  • List only edits for this page.
    チェックを外すと全てのページやサイトの配色設定の一覧が表示される。
  • About
    Color That Site!についての情報を表示する。
  • Import
    インポート用パネルを表示する。
  • Getting started
    解説ページ(英語)を表示する。
 

配色設定編集時のサイドバー項目

  • Save
    配色設定を保存する。
  • Discard
    配色設定の編集を中止して元に戻る。
  • Colors
    下記3項目をクリックするとカラーパレットが開閉される。
    カラーパレットの各色は下記3項目へドラッグ・アンド・ドロップして移動可能で、下記3項目の下へドラッグ・アンド・ドロップすると個別に新しいグループが作成されそこへ移動する。
  • Foreground Settings:
    文字や線等のカラーパレットを表示する。
  • 虫眼鏡ボタン
    カラーパレットを拡大表示し各色をドラッグ・アンド・ドロップしやすくする。
    右上のチェックボックスにチェックを入れると色が順番に並べ替えられる。
  • 杖ボタン
    ページの任意の箇所をクリックして赤い破線で囲まれた範囲の色情報やカラーパレットを拡大表示する。
  • HSL Mixer
    カラーパレットの各色をまとめてHSLで調整する。
  • HSL > RGB (RGB > HSL)
  • Reset
    HSL Mixerのつまみを初期状態に戻す。
  • RGB Mixer
    カラーパレットの各色をまとめてRGBで調整する。
  • relative
    つまみを移動した時に色を少しずつ変化させるようにする。
  • Reset
    RGB Mixerのつまみを初期状態に戻す。
  • Invert colors
    色を反転する。
  • Invert brightnesss
    色を明るさで反転する。
  • Background colors:
    背景のカラーパレットを表示する。
    色の設定項目は「Foreground Settings:」と同じ。
  • Don't change these colors
    この項目へドラッグ・アンド・ドロップされた色は色の変更が禁止される。
  • Bitmaps
    • How to handle:
      指定した画像を表示する方法を選択する。
  • Don't touch
    指定した画像の背景部分の色を変更しない。
  • Replace by gradients
    指定した画像を虹色の画像に置き換える。
  • Recalcate (most)
    指定した画像にも配色設定を適用する。
  • Recalcate (all)
    指定した画像にも配色設定を適用する。
  • Scale down:
    配色設定のプレビューや配色設定保存時のスクリーンショットの品質を選択する。
    • Only big images
    • Middle sized
    • Lower quality
    • Very low quality
    • Never (not recommended)
  • Additional Images:
    表示を変更する画像のURL一覧を表示する。
  • Add
    表示を変更する画像をページから指定する。
    外部ドメインの画像は指定できない。
  • List
    表示を変更する画像を画像一覧から指定する。
    外部ドメインの画像は一覧に表示されない。
  • Remove
    選択中の画像URLを削除する。
  • Settings
    • Name:
      配色設定に名前を付ける。
  • Scope of definition:
    • This page
      配色設定を現在のページにのみ適用する。
  • Folder
    配色設定を現在のページと同じ階層のページに適用する。
  • Site
    配色設定を現在のページのフルドメインと同じページに適用する。
  • Domain
    配色設定を現在のページの最小構成ドメインと同じページに適用する。
  • Page:
    • Re-Init page
      現在のページの色情報を再読み込みする。
  • Reload original page
    現在のページを再読み込みする。
  • Extras:
    • Show User CSS
      現在のページに適用されている配色設定のCSSを新しいタブで開く。
  • List Bitmaps/Gradients
    全ての配色設定で背景画像や背景色の使用前・使用後のCSSを出力した表を新しいタブで開く。
  • Preview
    • off (restores page)
      自動プレビューを無効にする。
  • automatic
    自動プレビューを有効にする。
 

配色が適用されているページやサイトを開いた時のサイドバー項目

  • New Edit
    新しい配色を作成し編集する。
  • Change
    選択中の配色設定を編集する。
  • Disable / Enable
    選択中の配色設定を無効化・有効化する。
  • Delete
    選択中の配色設定を削除する。
  • More...
    • Copy
      選択中の配色設定を複製する。
  • Export
    選択中の配色設定をエクスポートする。
  • Import
    選択中の配色設定をインポートする。
  • 各配色設定上のコンテキストメニュー項目
    • Change
      この配色設定を編集する。
  • Disable
    この配色設定を無効化する。
  • Delete
    この配色設定を削除する。
  • Copy
    この配色設定を複製する。
  • Export
    この配色設定をエクスポートする。
  • List only edits for this page.
    このページやサイトに関する配色設定の一覧を表示する。
    チェックを外すと全てのページやサイトの配色設定の一覧が表示される。
  • About
    Color That Site!についての情報を表示する。
  • Import
    インポート用パネルを表示する。
  • Getting started
    解説ページ(英語)を表示する。
 

設定項目

  • Preferences
    • Enable automatic preview while editing color
      自動プレビューを有効にする。
  • Log messages to error console.
    ログをブラウザコンソールに出力する。
  • Automatically disable edits of same scope
    重複したページやサイトの配色設定の編集を無効にする。
  • Show values for color sliders.
    「HSL Mixer」と「RGB Mixer」に数値を表示する。
  • Maintenance
    • Rebuild database
      データベースを再構築する。
      設定した配色の適用が遅れる等、パフォーマンスが低下した場合に使用する。
  • Empty Database, delete all Edits
    下の項目にチェックを入れると表示される。
    データベースと全ての配色設定を削除する。
  • I know that all my color edits are lost if i delete the database. (check this first)
    データベースと全ての配色設定を削除したい場合にチェックを入れる。
 

類似拡張機能:Colorific