# 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;
}