Áú»¢¶Ä²©

Esta es una traducci¨®n de la p¨¢gina de documentaci¨®n original en espa?ol. Ay¨²danos a mejorarla.

8 Creando tu propio tema

Descripci¨®n general

De forma predeterminada, Áú»¢¶Ä²© proporciona una serie de temas predefinidos. Puede seguir el procedimiento paso a paso que se proporciona aqu¨ª para crear su propio tema. No dude en compartir el resultado de su trabajo con la comunidad Áú»¢¶Ä²© si ha creado algo bonito.

Paso 1

Para definir su propio tema, deber¨¢ crear un archivo CSS y guardarlo en la carpeta assets/styles/ (por ejemplo, custom-theme.css). Puede copiar los archivos de un tema diferente y crear su tema bas¨¢ndose en ellos o empezar desde cero.

Paso 2

Agregue su tema a la lista de temas devueltos por el m¨¦todo APP::getThemes(). Puede hacer esto sobrepasando el m¨¦todo ZBase::getThemes() en la clase APP. Esto se puede hacer agregando el siguiente c¨®digo antes de la llave de cierre en include/classes/core/APP.php:

public static function getThemes() {
           return array_merge(parent::getThemes(), [
                 'custom-theme' => _('Tema personalizado')
             ]);
         }

Tenga en cuenta que el nombre que especifique en el primer par de comillas debe coincidir con el nombre del archivo del tema sin extensi¨®n.

Para agregar varios temas, simplemente enum¨¦relos debajo del primer tema, por ejemplo:

public static function getThemes() {
           return array_merge(parent::getThemes(), [
                 'custom-theme' => _('Tema personalizado'),
                 'anothertheme' => _('Otro tema'),
                 'onemoretheme' => _('Un tema m¨¢s')
             ]);
         }

Tenga en cuenta que cada tema, excepto el ¨²ltimo, debe tener una coma al final.

Para cambiar los colores del gr¨¢fico, debe agregarse la entrada en la tabla de base de datos graph_theme .

Paso 3

Activar el nuevo tema.

En la interfaz de Áú»¢¶Ä²©, puede configurar este tema para que sea el predeterminado o cambiar su tema en el perfil de usuario.

?Disfrute de la nueva apariencia!