Color theme Petan in Rabbit - https://syusui-s.github.io/rabbit/#/

README.md

Color theme Petan in Rabbit

• これは何？

  • これはぺぇたん petan のイラストをイメージして作られた Rabbit 用のカラーテーマです。
  • Rabbit は nostr クライアントです。
  • nostr は新しい SNS プロトコルです。

• インストールのしかた

  • stylus という CSS を貼り替える Chrome 拡張をインストールしてください
  • Rabbit を開いて下さい
  • カラーテーマを black に設定してください
  • stylus をクリックして「次のスタイルを書く」の https://syusui-s.github.io/rabbit/#/ の 「rabbit」 付近をクリックしてください
  • 下記の CSS をコード window にぺぇストして保存して下さい
    • ここで色をすきに書き換えてもいいよ
    • black 以外の色を改変したいときは .theme-black を下記のどれかに変えてね
      • .theme-sakura .theme-cinnamon .theme-yozakura

• what is this

  • this is a color theme of Rabbit named Petan inspired by illustrations of petan
  • Rabbit is a nostr client
  • nostr is a new social networking protocol

• how to install

  • install stylus the CSS manager Chrome extension
  • open Rabbit
  • click stylus extension
  • click around "rabbit/" in https://syusui-s.github.io/rabbit/#/ of "write following style"
  • paste the following css into code window of stylus and save.
    • you can change color here
    • replace .theme-black below into the one of followings if you want to change color-theme other than black
      • .theme-sakura .theme-cinnamon .theme-yozakura

rabbit-theme-petan.css

.theme-black {
    --color-fg: 0 0 0;
    --color-fg-secondary: 87 80 58;
    --color-fg-tertiary: 168 162 158;
    --color-bg: 252 252 255;
    --color-bg-secondary: 168 162 158;
    --color-bg-tertiary: 150 200 255;
    --color-primary: 120 170 220;
    --color-primary-fg: 225 250 255;
    --color-primary-disabled: 170 220 240;
    --color-primary-hover: 52 10 10;
    --color-danger: 244 63 94;
    --color-link: 74 149 188;
    --color-border: 150 198 215;
    --color-r-sidebar: 80 200 255 / .7;
    --color-r-reaction: 249 110 130;
    --color-r-repost: 0 190 0;
    --color-scroll-thumb: 150 180 200;
    --color-scroll-bg: 80 200 255 / .7;
}

add picture preview