Introducción a la temática en Asset Share Commons asset-share-commons-theme

Breve introducción a la temática en Asset Share Commons. El vídeo muestra el proceso de creación de una nueva temática con un esquema de colores personalizado.

En este vídeo se crea un nuevo tema basado en el tema oscuro de Asset Share Commons. El esquema de colores coincidirá con un logotipo personalizado para dar al sitio un aspecto coherente.

Variables de tema

/*******************************
         Theme Variables
*******************************/

/* Below is a condensed list of variables for easy updating of the theme */

/* Color Palette */
@primaryColor      : #560a63;
@secondaryColor    : #fc3096;

/* Text */
@fontName          : 'LatoWeb';
@fontSmoothing     : antialiased;
@headerFont        : @fontName, 'Helvetica Neue', Arial, Helvetica, sans-serif;
@pageFont          : @fontName, 'Helvetica Neue', Arial, Helvetica, sans-serif;
@textColor         : #D0D0D0;


/* Backgrounds */
@pageBackground      : #3C3C3C;
@sideBarBackground   : #363636;

/* Links */
@linkColor           : #FFFFFF;
@linkHoverColor      : @secondaryColor;

/* Buttons */
@buttonPrimaryColor      : #560a63; /* must be a value to prevent variable recursion*/
@buttonPrimaryColorHover : saturate(darken(@buttonPrimaryColor, 5), 10, relative);

/* Filters (Checkboxes,radio buttons, toggle, slider, dropdown, accordion colors)*/
@filterPrimaryColor      : @secondaryColor;
@filterPrimaryColorFocus : saturate(darken(@filterPrimaryColor, 5), 10, relative);

/* Label */
@labelPrimaryColor       : @primaryColor;
@labelPrimaryColorHover  : saturate(darken(@labelPrimaryColor, 5), 10, relative);

/* Menu */
@menuPrimaryColor        : @primaryColor;

/* Message */
@msgPositiveBackgroundColor : @secondaryColor;
@msgNegativeBackgroundColor : @red;
@msgInfoBackgroundColor: @midBlack;
@msgWarningBackgroundColor: @yellow;

Descargar Tema de biblioteca de cliente personalizado

Recursos adicionales additional-resources

recommendation-more-help
a483189e-e5e6-49b5-a6dd-9c16d9dc0519