New Crowdin updates (#7554)
* New translations ja-JP.yml (French) * New translations ja-JP.yml (French) * New translations ja-JP.yml (Italian) * New translations ja-JP.yml (Korean) * New translations ja-JP.yml (German) * New translations ja-JP.yml (English) * New translations api.md (Korean) * New translations mfm.md (Korean) * New translations api.md (Korean) * New translations timelines.md (Spanish) * New translations timelines.md (Spanish) * New translations timelines.md (Spanish) * New translations theme.md (Spanish) * New translations ja-JP.yml (Chinese Simplified) * New translations theme.md (Spanish) * New translations theme.md (Spanish) * New translations theme.md (Spanish) * New translations theme.md (Spanish) * New translations theme.md (Spanish) * New translations theme.md (Spanish) * New translations stream.md (Spanish) * New translations stream.md (Spanish) * New translations stream.md (Spanish) * New translations stream.md (Spanish)
This commit is contained in:
syuilo
GitHub
parent
a65eb502d2
commit
8b9c445fef
11 changed files with 74 additions and 60 deletions
|
|
@ -1,12 +1,12 @@
|
|||
# Tema
|
||||
|
||||
テーマを設定して、Misskeyクライアントの見た目を変更できます。
|
||||
Eligiendo un tema, se puede cambiar la apariencia del cliente de Misskey
|
||||
|
||||
## テーマの設定
|
||||
設定 > テーマ
|
||||
## Configuración del tema
|
||||
Configuración > Tema
|
||||
|
||||
## テーマを作成する
|
||||
テーマコードはJSON5で記述されたテーマオブジェクトです。 テーマは以下のようなオブジェクトです。
|
||||
## Crear tema
|
||||
El código del tema se guarda como un archivo JSON5. Un ejemplo de tema se puede ver aquí:
|
||||
``` js
|
||||
{
|
||||
id: '17587283-dd92-4a2c-a22c-be0637c9e22a',
|
||||
|
|
@ -33,36 +33,36 @@
|
|||
|
||||
```
|
||||
|
||||
* `id` ... テーマの一意なID。UUIDをおすすめします。
|
||||
* `name` ... テーマ名
|
||||
* `author` ... テーマの作者
|
||||
* `desc` ... テーマの説明(オプション)
|
||||
* `base` ... 明るいテーマか、暗いテーマか
|
||||
* `light`にすると明るいテーマになり、`dark`にすると暗いテーマになります。
|
||||
* テーマはここで設定されたベーステーマを継承します。
|
||||
* `props` ... テーマのスタイル定義。これから説明します。
|
||||
* `id` ... Clave única del tema.Se recomienda un código UUID
|
||||
* `name` ... Nombre del tema
|
||||
* `author` ... Autor del tema
|
||||
* `desc` ... Descripción del tema (opcional)
|
||||
* `base` ... Si es un tema claro u oscuro
|
||||
* Si se elige `light`, será un tema claro. Si se elige `dark`, será un tema oscuro.
|
||||
* Aquí el tema hereda los valores por defecto del tema base elegido
|
||||
* `props` ... Definición del estilo del tema. Esto se explica en lo siguiente.
|
||||
|
||||
### テーマのスタイル定義
|
||||
`props`下にはテーマのスタイルを定義します。 キーがCSSの変数名になり、バリューで中身を指定します。 なお、この`props`オブジェクトはベーステーマから継承されます。 ベーステーマは、このテーマの`base`が`light`なら[_light.json5](https://github.com/misskey-dev/misskey/blob/develop/src/client/themes/_light.json5)で、`dark`なら[_dark.json5](https://github.com/misskey-dev/misskey/blob/develop/src/client/themes/_dark.json5)です。 つまり、このテーマ内の`props`に`panel`というキーが無くても、そこにはベーステーマの`panel`があると見なされます。
|
||||
### Definición del estilo del tema
|
||||
Debajo de `props`, se define el estilo del tema. La clave es el nombre de las variables del CSS, y con los valores estos se configuran. Incluso más, este objeto `props` hereda los valores por defecto del tema base. El tema base es [_light.json5](https://github.com/misskey-dev/misskey/blob/develop/src/client/themes/_light.json5) si el `base` de este tema es `light`, y [_dark.json5](https://github.com/misskey-dev/misskey/blob/develop/src/client/themes/_dark.json5) si si el `base` de este tema es `dark` Resumiendo, aunque no haya una clave `panel` en el `props` del tema, se considera el <0>panel</0> del tema base.
|
||||
|
||||
#### バリューで使える構文
|
||||
* 16進数で表された色
|
||||
* 例: `#00ff00`
|
||||
* `rgb(r, g, b)`形式で表された色
|
||||
* 例: `rgb(0, 255, 0)`
|
||||
* `rgb(r, g, b, a)`形式で表された透明度を含む色
|
||||
* 例: `rgba(0, 255, 0, 0.5)`
|
||||
* 他のキーの値の参照
|
||||
* `@{キー名}`と書くと他のキーの値の参照になります。`{キー名}`は参照したいキーの名前に置き換えます。
|
||||
* 例: `@panel`
|
||||
* 定数(後述)の参照
|
||||
* `${定数名}`と書くと定数の参照になります。`{定数名}`は参照したい定数の名前に置き換えます。
|
||||
* 例: `$main`
|
||||
* 関数(後述)
|
||||
* `:{関数名}<{引数}<{色}`
|
||||
#### Sintaxis de las variables
|
||||
* Los colores en base hexadecimal
|
||||
* Ej: `#00ff00`
|
||||
* Los colores con la sintaxis `rgb(r, g, b)`
|
||||
* Ej: `rgb(0, 255, 0)`
|
||||
* Los colores con la sintaxis `rgb(r, g, b, a)` con un grado de transparencia
|
||||
* Ej: `rgba(0, 255, 0, 0.5)`
|
||||
* Referencias a valores de otras claves
|
||||
* Escribiendo `@{nombre de clave}` se hace referencia al valor de la otra clave.Reemplace `{nombre de clave}` por el nombre de la clave al cual quiera hacer referencia.
|
||||
* Ej: `@panel`
|
||||
* Referencia a una constante (ver más abajo)
|
||||
* Escribiendo `${nombre de la constante}` se hace referencia a la constante.Reemplace `{nombre de la constante}` por la constante al cual quiera hacer referencia.
|
||||
* Ej: `$main`
|
||||
* Funciones (ver más abajo)
|
||||
* `:{nombre de la función}<{parámetros}<{color}`
|
||||
|
||||
#### Constante
|
||||
「CSS変数として出力はしたくないが、他のCSS変数の値として使いまわしたい」値があるときは、定数を使うと便利です。 キー名を`$`で始めると、そのキーはCSS変数として出力されません。
|
||||
#### Constantes
|
||||
Cuando hay un valor que no se quiere generar como variable CSS pero sí se quiere reutilizar como valor de otra variable CSS, es conveniente usar constantes. Cuando a un nombre de clave se le añade como prefijo `$`, esa clave no será generada como una variable CSS.
|
||||
|
||||
#### funciones
|
||||
wip
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue