에셋 공유 공유에서 소개
에셋 공유 공유에서 간략한 소개. 비디오는 사용자 정의 색상 구성표를 사용하여 새 테마를 만드는 과정을 안내합니다.
이 비디오에서는 자산 공유 어두운 테마를 기반으로 새 테마가 만들어집니다. 색상 구성표는 사용자 정의 로고와 일치하여 사이트에 일관된 모양과 느낌을 줄 수 있습니다.
테마 변수
/*******************************
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;