# Temas
Puedes personalizar los colores comunes de botones, enlaces, sidebar y otros elementos para adecuarlos a los colores corporativos del proyecto.
# Mediante un comando (recomendado)
La forma más sencilla de generar un tema es mediante el comando preparado para ello.
El comando se encarga de calcular las versiones darken, darker y lighten del mismo.
php artisan backoffice:theme --main={COLOR_PRINCIPAL} --sidebar={COLOR_SIDEBAR}
Donde COLOR_PRINCIPAL
es un código de color hexadecimal que se aplicará a botones, enlaces, etc y COLOR_SIDEBAR
se aplicará a la barra de navegación.
Ambos parámetros son opcionales, si no se especifican, se aplicará el valor por defecto.
El comando generará un archivo theme.css
en la carpeta public/backoffice/css
del proyecto, con los colores establecidos.
Desde este mismo archivo los valores pueden ser modificados si por ejemplo se quiere cambiar el color del background.
# Manualmente
Puedes personalizar las variables CSS creando un archivo CSS llamado theme.css
en la carpeta public/backoffice/css
del proyecto.
El archivo tendrá el siguiente contenido:
:root {
--main: #d16344;
--background: #eee;
--textColor: #555;
--sidebarBackground: #403831;
--sidebarBackgroundLighten: #4c423a;
--sidebarBackgroundDarken: #3a332d;
--sidebarBackgroundDarker: #322b26;
--sidebarSelected: #e09681;
}
← Logo CSS y Javascript →