Skip to content

Instantly share code, notes, and snippets.

@koteitan
Last active January 7, 2024 04:51
Show Gist options
  • Save koteitan/88739dd8e223279fed054f92de358888 to your computer and use it in GitHub Desktop.
Save koteitan/88739dd8e223279fed054f92de358888 to your computer and use it in GitHub Desktop.
Color theme Petan in Rabbit - https://syusui-s.github.io/rabbit/#/

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
.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;
}
@koteitan
Copy link
Author

koteitan commented Jan 6, 2024

add picture preview

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment