Electronによる掲示板ビューア Siki Part36

**名無しさん＠お腹いっぱい。** · 2023/12/16(土) 07:27:09.99

https://sikiapp.net/

・Windows、Mac、Linuxで動作します
・色々なサイトを同一のインターフェースで閲覧することを目標に開発しています

※5ch専用ブラウザではありません(重要)

Wiki
https://wikiwiki.jp/siki-app/
Siki掲示板（公式）
https://bbs.jpnkn.com/siki/

過去スレ
Electronによる掲示板ビューア Siki Part35
https://egg.5ch.net/test/read.cgi/software/1700214602/

**名無しさん＠お腹いっぱい。** · 2023/12/27(水) 12:52:00.22

scssからcssにリネームしてコメントを/* */に修正したんですけど
sageとsage以外でメール欄の色を変えていたのが反映されてないですがどう修正すればいいでしょうか
```
/* sage */
span.res-mail.sage {
color: royalblue;
}
/* sage以外 */
span.res-mail:not(.sage) {
color: tomato;
}
```

**名無しさん＠お腹いっぱい。** · 2023/12/27(水) 13:08:21.57

ん？更新したら書き込みが通らないな
テスト

**RomTenma** · 2023/12/27(水) 13:10:16.35

>>331
& span.res-mail.sage {
もしくは
.res-mail.sage {
ですね

現在のCSSのネスト構文だとタグをそのまま置けないです

これはChromium120以降(Electron28以降)で緩和されるようです

**名無しさん＠お腹いっぱい。** · 2023/12/27(水) 13:10:51.23

あれ行けたわ
response header errorとか出て来たけど何だったんだ
5ch側の問題かな

**名無しさん＠お腹いっぱい。** · 2023/12/27(水) 13:16:42.64

>>328-329
作者さんに聞いてみたら？
俺は作者さんと絡んでるんだからさ、スレ民なら分かるはずだろ
つか作者さんかなお前？ｗ
まあ、作者さんもスレ民もNBが大好きなバカなんだな草

**名無しさん＠お腹いっぱい。** · 2023/12/27(水) 13:22:45.37

>>335
で、あんたはこのスレに何しに来ているわけ？
作者を馬鹿にして楽しいわけ？最低な人間だな。

**名無しさん＠お腹いっぱい。** · 2023/12/27(水) 13:29:57.00

>>336
論点ずらしすんなよバカか。会話できないのか？
作者さんに聞けって

**RomTenma** · 2023/12/27(水) 13:42:33.67

ユーザーCSSは<style id="siki-user-style">の下に次のように展開されています
```
main[data-theme="default.theme"] {
/** ここにuser.cssが展開 **/
}
```
現在は構文のチェックは行なっていないので例えば{や}を無駄に置いただけでユーザーcssが機能しなくなってしまいます

css変数は<style id="siki-theme-style">の下に次のように展開されます
```
:root main[data-theme="default.theme"] {
--size-windowBorder: 1px;
--size-sightline: 3px;

--color-siki-sightlineBackground: #f32e20;

}
```
色は色設定をjsonに出力したものに準拠していて
siki.foregroundは --color-siki-foregroundに置き換えたものが変数名となります

user.css内でこの変数を使いたい時は
```
color: var(--color-siki-foreground);
```
というような形で呼び出せます
また変数を上書きしたい場合はuser.css内で以下のように出来ます
```
& * {
--color-siki-sightlineBackground: green;
}
```

**名無しさん＠お腹いっぱい。** · 2023/12/27(水) 13:47:51.86

>>333
& spanとspan無しの両方試しましたが変化ありませんでした
それと開発ツール開く時に右サイドで開くようにする設定はどこにあるんでしょうか

**名無しさん＠お腹いっぱい。** · 2023/12/27(水) 13:50:12.96

ちなみにuser.cssではなくmain.cssに追記してます

**名無しさん＠お腹いっぱい。** · 2023/12/27(水) 13:50:22.27

アカン
user.scss全部効かんようになった
wikiに対応版書かれるまで26.2のままにしとこ

**名無しさん＠お腹いっぱい。** · 2023/12/27(水) 13:53:14.52

すみません、　.rh > span　で記述したらできました

**RomTenma** · 2023/12/27(水) 13:59:42.79

>>339
なるほど、メインだと詳細度が弱くて上書きできないですね
.rcon span.res-mail.sage {
これで行けると思います

開発ツールは設定のタイトルバーとメニューの形態をウィンドウコントロールオーバーレイAPI以外にしないと
右側に表示することが出来ない仕様になっています