Inleiding tot Thema's in Commons voor het Aandeel van Activa asset-share-commons-theme
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.
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;
Downloaden Thema aangepaste clientbibliotheek
Aanvullende bronnen additional-resources
recommendation-more-help
a483189e-e5e6-49b5-a6dd-9c16d9dc0519