DocumentazioneAEMTutorial su AEMTutorial su AEM Assets

Introduzione alla tempistica in Asset Share Commons asset-share-commons-theme

Last update: Sun Mar 23 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Si applica a:
  • Experience Manager 6.4
  • Experience Manager 6.5

Creato per:

  • Intermedio
  • Sviluppatore

Breve introduzione ai temi in Asset Share Commons. Il video illustra come creare un nuovo tema con una combinazione di colori personalizzata.

https://video.tv.adobe.com/v/20572?quality=12&learn=on

In questo video viene creato un nuovo tema basato sul tema scuro Asset Share Commons. La combinazione di colori corrisponderà a un logo personalizzato per conferire al sito un aspetto coerente.

Variabili del 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;

Scarica Tema libreria client personalizzato

Risorse aggiuntive additional-resources

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