* New translations ja-JP.yml (French) * New translations ja-JP.yml (French) * New translations create-plugin.md (French) * New translations create-plugin.md (French) * New translations create-plugin.md (French) * New translations create-plugin.md (French) * New translations ja-JP.yml (French) * New translations ja-JP.yml (French) * New translations create-plugin.md (French) * New translations create-plugin.md (French) * New translations create-plugin.md (French) * New translations create-plugin.md (French) * New translations reversi-bot.md (French) * New translations reversi-bot.md (French) * New translations reversi-bot.md (French) * New translations reversi-bot.md (French) * New translations reversi-bot.md (French) * New translations ja-JP.yml (French) * New translations ja-JP.yml (French) * New translations ja-JP.yml (French) * New translations ja-JP.yml (French) * New translations reversi-bot.md (French) * New translations reversi-bot.md (French) * New translations reversi-bot.md (French) * New translations stream.md (French) * New translations reversi-bot.md (French) * New translations ja-JP.yml (English) * New translations stream.md (French) * New translations stream.md (French) * New translations stream.md (French) * New translations stream.md (French) * New translations stream.md (French) * New translations stream.md (French) * New translations stream.md (French) * New translations stream.md (French) * New translations stream.md (French) * New translations stream.md (French) * New translations stream.md (French) * New translations ja-JP.yml (Spanish) * New translations ja-JP.yml (Spanish) * New translations ja-JP.yml (Chinese Traditional) * New translations ja-JP.yml (Chinese Traditional) * New translations ja-JP.yml (Japanese, Kansai) * New translations ja-JP.yml (French) * New translations reversi-bot.md (French) * New translations reversi-bot.md (French) * New translations ja-JP.yml (French) * New translations ja-JP.yml (French) * New translations stream.md (French) * New translations stream.md (French) * New translations ja-JP.yml (French) * New translations stream.md (French) * New translations ja-JP.yml (French) * New translations ja-JP.yml (French) * New translations ja-JP.yml (French) * New translations ja-JP.yml (Italian) * New translations theme.md (Italian) * New translations theme.md (French) * New translations theme.md (English) * New translations theme.md (Italian) * New translations theme.md (Italian) * New translations theme.md (Italian) * New translations ja-JP.yml (Chinese Simplified) * New translations deck.md (Italian) * New translations ja-JP.yml (Italian) * New translations ja-JP.yml (French) * New translations ja-JP.yml (Chinese Traditional) * New translations ja-JP.yml (Chinese Traditional) * New translations ja-JP.yml (French) * New translations theme.md (French) * New translations theme.md (French) * New translations deck.md (Italian) * New translations ja-JP.yml (Italian) * New translations ja-JP.yml (Italian) * New translations ja-JP.yml (Italian) * New translations ja-JP.yml (French) * New translations ja-JP.yml (Italian) * New translations ja-JP.yml (French) * New translations ja-JP.yml (Italian) * New translations ja-JP.yml (English) * New translations ja-JP.yml (Italian) * New translations ja-JP.yml (Italian) * New translations ja-JP.yml (Italian) * New translations ja-JP.yml (Italian) * New translations ja-JP.yml (Italian) * New translations ja-JP.yml (French) * New translations ja-JP.yml (French) * New translations aiscript.md (Spanish) * New translations ja-JP.yml (German) * 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 (English) * New translations ja-JP.yml (Ukrainian) * New translations ja-JP.yml (Chinese Traditional) * New translations ja-JP.yml (Chinese Simplified) * New translations ja-JP.yml (Japanese, Kansai) * New translations ja-JP.yml (German) * New translations ja-JP.yml (Italian) * New translations ja-JP.yml (Spanish) * New translations ja-JP.yml (Arabic) * New translations ja-JP.yml (Russian) * New translations ja-JP.yml (Polish) * New translations ja-JP.yml (Korean) * New translations ja-JP.yml (French)
69 lines
2.8 KiB
Markdown
69 lines
2.8 KiB
Markdown
# Tema
|
|
|
|
Puoi utilizzare i temi per cambiare l'aspetto del client Misskey.
|
|
|
|
## Impostazioni tema
|
|
Impostazioni > Tema
|
|
|
|
## Creare un tema
|
|
Il codice dei temi è scritto a forma di oggetti JSON5. I temi contengono gli oggetti sotto citati:
|
|
``` 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` ... Identificativo univoco del tema. È consigliato utilizzare un UUID.
|
|
* `name` ... Nome tema
|
|
* `author` ... Autore/Autrice del tema
|
|
* `desc` ... Descrizione tema (facoltativa)
|
|
* `base` ... Imposta tema chiaro o tema scuro
|
|
* Scegli `light` per impostare un tema chiaro, e `dark` per impostare un tema scuro.
|
|
* Il tema erediterà dalle caratteristiche del tema di base impostato qui.
|
|
* `props` ... Imposta uno stile di tema. (Vedi spiegazioni sotto.)
|
|
|
|
### Impostare uno stile di tema
|
|
Puoi configurare lo stile del tema dentro le `props`. Le chiavi diventeranno nomi di variabili CSS, il cui contenuto verrà definito dai valori associati ad esse. Inoltre, gli oggetti presenti in `props` per impostazione predefinita vengono ereditati dal tema di base. Il tema di base sarà [_light.json5](https://github.com/misskey-dev/misskey/blob/develop/src/client/themes/_light.json5) per una `base` `chiara`, e [_dark.json5](https://github.com/misskey-dev/misskey/blob/develop/src/client/themes/_dark.json5) per una `base` `scura`. Cioè, se non viene definita una chiave `panel` nelle `props` del tema, si terrà conto del valore <0>panel</0> predefinito del tema usato.
|
|
|
|
#### Sintassi dei valori
|
|
* Colori HEX
|
|
* Es.: `#00ff00`
|
|
* Colori `RGB(r, g, b)`
|
|
* Es.: `rgb(0, 255, 0)`
|
|
* Colori `RGBA(r, g, b, a)`
|
|
* Es.: `rgba(0, 255, 0, 0.5)`
|
|
* Chiamare valori di altre chiavi
|
|
* Inserisci `@{keyname}` per chiamare il valore di un'altra chiave. Bisogna sostituire il testo `{keyname}` col nome della chiave che vuoi chiamare.
|
|
* Es.: `@panel`
|
|
* Costanti (vedi sotto)
|
|
* Inserisci `${constantname}` per chiamare una costante.Bisogna sostituire il testo `{constantname}` col nome della costante che vuoi chiamare.
|
|
* Es.: `$main`
|
|
* Funzioni (vedi sotto)
|
|
* `:{functionname}<{argument}<{color}`
|
|
|
|
#### Costanti
|
|
Può essere vantaggioso usare una costante nei casi in cui non vuoi che un valore produca una variabile CSS, perché lo vuoi utilizzare come valore di un'altra variabile CSS. In tal caso, basta aggiungere `$` davanti al nome della chiave affinché non generi variabile CSS.
|
|
|
|
#### Funzioni
|
|
wip
|