Magento2 less 主要style变量整理

Magento2 采用了less 框架样式,为了方便,我把把主要的修改样式表写在_theme.less中,同时方便管理。这里把lib库中的样式整理出来,同时加了中文注示,对于更换颜色的朋友有很大的做用

//主要颜色
@primary__color: #000000;
@border-color__base: #ccc;
@link__color: #999999;
@link__hover__color:#333333;

//背景
@page__background-color:#ffffff;

//头部背景
@header__background-color:#ffffff;

//侧边背景
@sidebar__background-color: #cccccc;

//顶部背景
@header-panel__background-color:#cccccc;

//搜索头部 icons
.block-search .action.search::before{
color:#ff6600;
}

//购物车数量背景
@active__color:#003366;

//导航背景
@navigation__background:#666666;
@navigation-desktop-level0-item__color: @color-gray80;
@navigation-desktop-level0-item__hover__color: @color-gray34;
@navigation-desktop-level0-item__active__color: @navigation-desktop-level0-item__color;

//底部背景
@footer__background-color:#666666;

//底部A链接颜色
@footer-links-color:#ffffff;
@footer-links-color-hover:#003366;

// 主要 按钮
@button-primary__background: #003366;
@button-primary__border: 1px solid @color-orange-red2;
@button-primary__color: @color-white;
@button-primary__hover__background: darken(@color-orange-red1, 5%);
@button-primary__hover__border: 1px solid @color-orange-red2;
@button-primary__hover__color: @color-white;

// Tabs
@tab-control__background-color:#ff6600;

// Forms
@form-element-input__background: @color-gray89;
@form-element-input-placeholder__color: @color-gray60;

发表评论
Magento2 技术支持 上门服务

工作时间
周一至周六
9:00-18:00
相关咨询电话
15360669780
侨海科技