Inleiding tot Thema's in Commons voor het Aandeel van Activa

Laatst bijgewerkt: 15 juli 2024

Gemaakt voor:

  • tussenpersoon
  • Ontwikkelaar

Een korte inleiding op het thema in Asset Share Commons. De video doorloopt het proces voor het maken van een nieuw thema met een aangepast kleurenschema.

video poster

In deze video wordt een nieuw thema gemaakt op basis van het donkere thema Commons voor delen van bedrijfsmiddelen. Het kleurenschema komt overeen met een aangepast logo zodat de site er consistent uitziet.

Themavariabelen

/*******************************
         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;

Het Thema van de Bibliotheek van de Cliënt van de download 🔗

Aanvullende bronnen

Vorige paginaOpdrachten voor het delen van bedrijfsmiddelen instellen op lokale AEM
Volgende paginaAsset Share Commons-assetsets

Experience Manager