井戸端クリスマスモード
井戸端の色が変わっていてびっくりした
（もしかして自分だけ?）
me too
テーマが変更された？
（あまり好きなカラーリングではないかもしれない）
リンクのカラーとか2021/12/01#61a6e59519827000006d180f
いい感じの配色を思いついた方がいらっしゃいましたら是非設定をお願いします
ヘッダーで十分クリスマス感あるから背景はデフォルト井戸端にしてもよさそう
雪景色も白いし
これか Settings#5fe33bc7d4387500008c6e43 12月限定のテーマなのか 
クリスマスモードということでなにかしましょうか？
箇条書きのブレットを★に変える
変えてみました（去年もやったやつ）
背景画像をそれっぽいものに変える
UserCSSで雪を降らせないかな？
調べた限りでは、雪っぽい挙動をするには、乱数等が必要なので、CSSだけでは無理みたいです
unsplash.com の画像貼り付けるようにしてみました
しょぼいネットワークで使っているので若干つらい(完全にこっちが悪い)
背景が描画されないのでバグったかと思った
background: cover はStreamでバグるのでやめておいた方がいいと思うSVGで雪が降るアニメーションを作って背景画像にしようとしてみたが、描画が重いのかscrapboxがガクガクになるので止めた
作ってみました
自分の環境では問題なく動くのですが、重いようなのでこちらで→/programming-notes/雪を降らせる
s02.svg<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 60 60">
<style type="text/css">
#snowflakes1{
animation: fallAnime 1s linear infinite;
}
#snowflakes2{
animation: fallAnime 0.5s linear infinite;
}
@keyframes fallAnime{
0% { transform: translateY(-100%)}
100% { transform: translateY(0%)}
}
</style>
<g id="snowflakes1" fill="snow">
<circle cx="1" cy="1" r="1" />
<circle cx="5" cy="25" r="1" />
<circle cx="11" cy="8" r="1" />
<circle cx="12" cy="25" r="1" />
<circle cx="17" cy="20" r="1" />
<circle cx="28" cy="45" r="1" />
<circle cx="33" cy="15" r="1" />
<circle cx="46" cy="11" r="1" />
<circle cx="58" cy="55" r="1" />
<circle cx="1" cy="61" r="1" />
<circle cx="5" cy="85" r="1" />
<circle cx="11" cy="68" r="1" />
<circle cx="12" cy="85" r="1" />
<circle cx="17" cy="80" r="1" />
<circle cx="28" cy="105" r="1" />
<circle cx="33" cy="75" r="1" />
<circle cx="46" cy="71" r="1" />
<circle cx="58" cy="115" r="1" />
</g>
<g id="snowflakes2" fill="snow">
<circle cx="3" cy="1" r="2" />
<circle cx="35" cy="25" r="2" />
<circle cx="11" cy="8" r="2" />
<circle cx="3" cy="61" r="2" />
<circle cx="35" cy="85" r="2" />
<circle cx="11" cy="68" r="2" />
</g>
</svg>
代わりに静止画で作った
snow.svg<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1200 1200">
<g fill="snow">
<circle cx="100" cy="100" r="15" />
<circle cx="200" cy="500" r="15" />
<circle cx="300" cy="300" r="15" />
<circle cx="400" cy="1000" r="15" />
<circle cx="500" cy="800" r="15" />
<circle cx="600" cy="400" r="15" />
<circle cx="700" cy="100" r="15" />
<circle cx="800" cy="500" r="15" />
<circle cx="900" cy="300" r="15" />
<circle cx="1000" cy="220" r="15" />
<circle cx="1100" cy="800" r="15" />
</g>
</svg>
新規作成ボタンを椎茸に変える
新規作成ボタンをクリスマスリースに変えてみました
見た目は変わっても、機能は新規作成ボタンである点をご注意願います
クリスマスのページのページトップ画像を変えると画像の変更ができます
など
おお、時期設定したcss設定できるのか
面白い
versionが
assets-202112... のscrapbox限定で発動するCSSです少し前に仕込んでおきました
ちゃんと切り替わって何より
このユーモア好き
すばらしい
offline modeの配色がよくない
直したい
個人的にこの緑地に金文字の明朝体が最高にオシャレ
年中これがいい！！
これすき