ユーザー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;
}
```