Ciò che mi ha sorpreso è che la prima volta che ci ho provato dopo aver selezionato il tema “Fully” su Meta, l’argomento try.discourse.org è stato visualizzato con il tema Fully. Presumo che si tratti di un problema di cache relativo ai siti che si trovano sullo stesso dominio.
Il problema a cui ti riferisci è che il logo Discourse non viene sostituito dal piccolo logo quando si fa clic sul menu hamburger su try.discourse.org?
Hmm – Il pannello di navigazione sul sito try.discourse.org include un div aggiuntivo con link al menu (.try-header-nav-wrapper) che sta compromettendo il layout della pagina (solo su quel sito) spingendo l’intestazione molto a destra quando il menu laterale è nascosto, quindi ora capisco che non è un bug nel tema Fully.
Buongiorno!
Mi piace molto usare questo tema per il mio forum, ma ho notato che, come il tema predefinito, non c’è un’opzione per personalizzare il CSS/HTML. Vorrei aggiungere uno sfondo al tema. È possibile farlo?
Potresti farlo utilizzando il menu di personalizzazione del tema / componente del tema per creare un nuovo componente del tema e aggiungerlo a questo tema.
Nel tuo componente del tema puoi aggiungere il codice personalizzato per aggiungere il tuo sfondo.
Ciao @jordan.vidrine,
Grazie per la tua risposta. Credo di averlo visto da qualche parte quando ho cercato “cambio sfondo”, ma pensavo fosse possibile solo personalizzando il CSS/HTML del tema.
Ci proverò!
Ciao ragazzi! Adoro questo tema! Tuttavia, quando l’ho visualizzato sul mio sito, ho riscontrato un problema con l’intestazione della navigazione della barra laterale. L’intestazione potrebbe avere un colore diverso (il colore normale dell’intestazione per il sito)?
Questo:
Invece di questo:
Come posso fare? Cambiando il CSS, l’intera navigazione è diventata verde.
Grazie!
Vuoi cambiare la variabile specifica per —sidebar-color) e questo cambierà la barra laterale e la parte superiore della barra laterale.
Hmmm non c’è modo di cambiare solo l’intestazione della barra laterale?
Ho lo stesso problema, con il logo dell’intestazione che si estende su due colori diversi, il che sembra strano.
Pensavo che la modifica del CSS nei temi fosse scoraggiata di questi tempi? L’opzione dell’editor CSS è stata rimossa per i temi remoti, quindi come cambieremmo quella variabile? Si presume anche che vogliamo che il colore della barra laterale sia lo stesso dell’intestazione.
Ciao, puoi modificare quella sezione separatamente dalla barra laterale con CSS.
Per fare ciò, devi creare un nuovo componente o aggiungerlo a uno esistente. 
Vai su /admin/customize/themes/
Personalizza → Temi
Fai clic sulla scheda Componenti e quindi sul pulsante Installa
Nella finestra popup fai clic sul pulsante Crea nuovo e digita il nome del nuovo componente.
Fai clic sul pulsante Crea.
Il componente è stato creato. Ora seleziona “Fully theme” per attivarlo.
Fai clic sul pulsante Modifica CSS/HTML.
Incolla il codice seguente nella sezione CSS.
Non dimenticare di salvarlo con il pulsante Salva in fondo.
.desktop-view .has-sidebar-page .d-header-wrap::before {
background: transparent;
border-right: none;
}
Se desideri mantenere il bordo sul lato destro, rimuovi quella riga dal codice.
Grazie Don. Non ho mai modificato il CSS di Discourse prima d’ora… dove devo apportare questa modifica?
Ho aggiornato il post qui sopra. 
Grazie. L’ho appena fatto e sembra di nuovo tutto a posto 
Dato che il tema è così com’è, rimane uno spazio molto piccolo sul bordo destro per farlo. Penso che sarebbe interessante avere più spazio lì e usarlo per i widget.
Ho permesso ai miei utenti di accedere al tema e hanno rapidamente notato qualcosa di strano 
Utilizzo il componente tema Custom Header Links e con l’altro tema che utilizzo (Material Design), riducendo la larghezza della finestra del browser fino al punto in cui i link sovrascrivono il logo del sito, il logo si rimpicciolisce, diventando alla fine molto piccolo, ad esempio
Con Fully il logo non si rimpicciolisce, quindi alla fine si ottiene questo…
Custom Header Links rimuove i link e visualizza il titolo dell’argomento quando si visualizza un argomento. Anche il titolo dell’argomento sovrascrive il logo a larghezze del browser più strette, anche se alla fine il logo viene completamente rimosso, il che risolve il problema.
Non sono sicuro se questo sia un problema di Fully o di Custom Header Links, ma inizio qui poiché CHL funziona correttamente con l’altro tema.
Sembra che ci sia un piccolo conflitto con discourse-full-width-component e loghi più larghi.
Puoi risolvere rapidamente questo problema con 
Incolla questo nel componente creato in precedenza dopo il codice precedente, in modo che sia in un unico posto.
Rimpicciolirà il logo.
.desktop-view .d-header .title a {
flex: auto;
}
Aggiornamento: Hmm, penso che probabilmente si rimpicciolirà troppo con la barra laterale nascosta… 
Ho dato solo una rapida occhiata e penso che avrà a che fare con la griglia. Ma penso sia meglio aspettare il modo ufficiale per questo perché non voglio compromettere l’esperienza utente dell’header modificando la griglia.
@packman per favore rimuovi questo codice.
Grazie ancora! Stai facendo cose meravigliose oggi
Ehi, Don! Un altro problema: cambiarlo in questo modo lo fa apparire uguale anche in modalità scura. Come posso cambiare il CSS solo per una specifica combinazione di colori?
Il logo diventa molto piccolo in una finestra stretta, ma questo accade anche con i collegamenti dell’intestazione personalizzati quando vengono utilizzati con il tema Material Design.
Stavo guardando il CSS in precedenza e penso che potrebbe non aiutare il fatto che il logo sia incluso all’interno di span.header-sidebar-toggle, anche se forse è l’unico posto sensato per esso in un display più ampio?
Hola @Renato_Mendes 
Oh, ya veo, así que solo quieres usar el fondo transparente en un esquema de color. No lo sabía.
Hay varias maneras de hacerlo
dark-light-choose(): Es posible hacerlo con esto pero no es muy práctico en este caso ya que crea variables. Es mejor usarlo para colores.schemeType: Esta opción es mejor para este caso de uso si quieres usarla por tipo de esquema.Así es como se usa schemeType
Elimina el código anterior del componente que creaste y coloca el nuevo en la sección Definiciones de color del componente, como ves en la imagen.
Esto solo activará el código en el esquema de luz.
Común / Definiciones de color
@if #{schemeType()} == light {
.desktop-view {
.has-sidebar-page {
.d-header-wrap {
&:before {
background: transparent;
border-right: none;
}
}
}
}
}
Este componente pone el esquema de color actual en el html para que puedas apuntarlo con CSS.
Así es como se usa:
Instala el componente.
Verifica el ID del esquema de color donde quieres cambiar las cosas.
Puedes encontrarlo aquí
o
/admin/customize/colors
Página de colores. Aquí, si haces clic en un esquema de color, el ID se agregará a la URL.
Ahora puedes usar esto en el código. No olvides eliminar el código agregado previamente.
html[color-scheme="your-color-scheme-id"] {
&.desktop-view {
.has-sidebar-page {
.d-header-wrap {
&:before {
background: transparent;
border-right: none;
}
}
}
}
}
Hola @packman Te envié un mensaje privado.