test1/src/docs/it-IT/theme.md

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:

{
    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 per una base chiara, e _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