diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2020-12-29 22:00:52 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-12-29 22:00:52 +0900 |
| commit | deee1dbf53ad55f5d40d729f9080ec98c16d5839 (patch) | |
| tree | 71f93a9436607f5a6aa558a8ddaca5797460108b /src/docs/ht-HT/theme.md | |
| parent | UI tweaks (diff) | |
| download | sharkey-deee1dbf53ad55f5d40d729f9080ec98c16d5839.tar.gz sharkey-deee1dbf53ad55f5d40d729f9080ec98c16d5839.tar.bz2 sharkey-deee1dbf53ad55f5d40d729f9080ec98c16d5839.zip | |
New Crowdin updates (#7031)
* New translations ja-JP.yml (Chinese Traditional)
* New translations ja-JP.yml (Chinese Traditional)
* New translations ja-JP.yml (German)
* New translations ja-JP.yml (English)
* New translations ja-JP.yml (German)
* New translations ja-JP.yml (English)
* New translations ja-JP.yml (Chinese Simplified)
* New translations deck.md (Chinese Simplified)
* New translations deck.md (Chinese Simplified)
* New translations deck.md (Chinese Simplified)
* New translations mfm.md (Chinese Simplified)
* New translations ja-JP.yml (Italian)
* New translations aiscript.md (Haitian Creole)
* New translations deck.md (Haitian Creole)
* New translations timelines.md (Haitian Creole)
* New translations theme.md (Haitian Creole)
* New translations stream.md (Haitian Creole)
* New translations reversi-bot.md (Haitian Creole)
* New translations reaction.md (Haitian Creole)
* New translations pages.md (Haitian Creole)
* New translations mute.md (Haitian Creole)
* New translations keyboard-shortcut.md (Haitian Creole)
* New translations follow.md (Haitian Creole)
* New translations custom-emoji.md (Haitian Creole)
* New translations create-plugin.md (Haitian Creole)
* New translations api.md (Haitian Creole)
* New translations ja-JP.yml (Haitian Creole)
* New translations aiscript.md (Italian)
* New translations mfm.md (Italian)
* New translations deck.md (Italian)
* New translations timelines.md (Italian)
* New translations theme.md (Italian)
* New translations stream.md (Italian)
* New translations reversi-bot.md (Italian)
* New translations reaction.md (Italian)
* New translations pages.md (Italian)
* New translations mute.md (Italian)
* New translations keyboard-shortcut.md (Italian)
* New translations follow.md (Italian)
* New translations custom-emoji.md (Italian)
* New translations create-plugin.md (Italian)
* New translations api.md (Italian)
* New translations mfm.md (Haitian Creole)
Diffstat (limited to 'src/docs/ht-HT/theme.md')
| -rw-r--r-- | src/docs/ht-HT/theme.md | 68 |
1 files changed, 68 insertions, 0 deletions
diff --git a/src/docs/ht-HT/theme.md b/src/docs/ht-HT/theme.md new file mode 100644 index 0000000000..4e52ee8cd7 --- /dev/null +++ b/src/docs/ht-HT/theme.md @@ -0,0 +1,68 @@ +# テーマ + +テーマを設定して、Misskeyクライアントの見た目を変更できます。 + +## テーマの設定 +設定 > テーマ + +## テーマを作成する +テーマコードはJSON5で記述されたテーマオブジェクトです。 テーマは以下のようなオブジェクトです。 +``` js +{ + id: '17587283-dd92-4a2c-a22c-be0637c9e22a', + + name: 'Danboard', + author: 'syuilo', + + base: 'light', + + props: { + accent: 'rgb(218, 141, 49)', + bg: 'rgb(218, 212, 190)', + fg: 'rgb(115, 108, 92)', + panel: 'rgb(236, 232, 220)', + renote: 'rgb(100, 152, 106)', + link: 'rgb(100, 152, 106)', + mention: '@accent', + hashtag: 'rgb(100, 152, 106)', + header: 'rgba(239, 227, 213, 0.75)', + navBg: 'rgb(216, 206, 182)', + inputBorder: 'rgba(0, 0, 0, 0.1)', + }, +} + +``` + +* `id` ... テーマの一意なID。UUIDをおすすめします。 +* `name` ... テーマ名 +* `author` ... テーマの作者 +* `desc` ... テーマの説明(オプション) +* `base` ... 明るいテーマか、暗いテーマか + * `light`にすると明るいテーマになり、`dark`にすると暗いテーマになります。 + * テーマはここで設定されたベーステーマを継承します。 +* `props` ... テーマのスタイル定義。これから説明します。 + +### テーマのスタイル定義 +`props`下にはテーマのスタイルを定義します。 キーがCSSの変数名になり、バリューで中身を指定します。 なお、この`props`オブジェクトはベーステーマから継承されます。 ベーステーマは、このテーマの`base`が`light`なら[_light.json5](https://github.com/syuilo/misskey/blob/develop/src/client/themes/_light.json5)で、`dark`なら[_dark.json5](https://github.com/syuilo/misskey/blob/develop/src/client/themes/_dark.json5)です。 つまり、このテーマ内の`props`に`panel`というキーが無くても、そこにはベーステーマの`panel`があると見なされます。 + +#### バリューで使える構文 +* 16進数で表された色 + * 例: `#00ff00` +* `rgb(r, g, b)`形式で表された色 + * 例: `rgb(0, 255, 0)` +* `rgb(r, g, b, a)`形式で表された透明度を含む色 + * 例: `rgba(0, 255, 0, 0.5)` +* 他のキーの値の参照 + * `@{キー名}`と書くと他のキーの値の参照になります。`{キー名}`は参照したいキーの名前に置き換えます。 + * 例: `@panel` +* 定数(後述)の参照 + * `${定数名}`と書くと定数の参照になります。`{定数名}`は参照したい定数の名前に置き換えます。 + * 例: `$main` +* 関数(後述) + * `:{関数名}<{引数}<{色}` + +#### 定数 +「CSS変数として出力はしたくないが、他のCSS変数の値として使いまわしたい」値があるときは、定数を使うと便利です。 キー名を`$`で始めると、そのキーはCSS変数として出力されません。 + +#### 関数 +wip |