Commit 4d4e40fc by wufan

style:主题色替换

parent 9b24141d
...@@ -129,8 +129,8 @@ module.exports = function (webpackEnv) { ...@@ -129,8 +129,8 @@ module.exports = function (webpackEnv) {
options: { options: {
lessOptions: { lessOptions: {
modifyVars: { modifyVars: {
'primary-color': 'rgba(255, 183, 20, 1)', 'primary-color': '#2966FF',
'border-radius-base': '4px', 'border-radius-base': '2px',
}, },
javascriptEnabled: true, javascriptEnabled: true,
}, },
......
...@@ -64,7 +64,7 @@ ...@@ -64,7 +64,7 @@
.span-left{ .span-left{
margin-left: 10px; margin-left: 10px;
.span-left-l{ .span-left-l{
color: #ffb714; color: #2966FF;
cursor: pointer; cursor: pointer;
} }
} }
......
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
color: #666; color: #666;
} }
.nc_iconfont { .nc_iconfont {
color: #FFB714; color: #2966FF;
font-weight: bold; font-weight: bold;
border-color: #e8e8e8; border-color: #e8e8e8;
height: 40px; height: 40px;
...@@ -26,11 +26,11 @@ ...@@ -26,11 +26,11 @@
box-sizing: border-box; box-sizing: border-box;
} }
.nc_scale .nc_ok, .nc_scale .nc_bg { .nc_scale .nc_ok, .nc_scale .nc_bg {
background: #FFB714; background: #2966FF;
border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px;
} }
.nc_scale .btn_ok { .nc_scale .btn_ok {
color: #FFB714; color: #2966FF;
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
box-sizing: border-box; box-sizing: border-box;
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
.nc-lang-cnt { .nc-lang-cnt {
color: #666; color: #666;
a { a {
color: #FFB714; color: #2966FF;
} }
} }
} }
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
*/ */
@import './variables.less'; @import './variables.less';
@active-color: #ffb000; @active-color: #2966FF;
// 消息提示框 // 消息提示框
.ant-message { .ant-message {
...@@ -269,7 +269,7 @@ background-color: #F0F2F5 !important; ...@@ -269,7 +269,7 @@ background-color: #F0F2F5 !important;
position: absolute; position: absolute;
width: 30px; width: 30px;
height: 2px; height: 2px;
background: #ffb000 !important; background: #2966FF !important;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
} }
...@@ -349,14 +349,14 @@ mr0 { ...@@ -349,14 +349,14 @@ mr0 {
background: #F3F6FA; background: #F3F6FA;
.ant-select-selected-icon { .ant-select-selected-icon {
color:#ffb000 !important; color:#2966FF !important;
} }
} }
.ant-select-dropdown-menu-item-selected { .ant-select-dropdown-menu-item-selected {
background: none; background: none;
font-weight: 400 !important; font-weight: 400 !important;
color:#ffb000; color:#2966FF;
} }
...@@ -459,7 +459,7 @@ mr0 { ...@@ -459,7 +459,7 @@ mr0 {
.ant-modal { .ant-modal {
.ant-input { .ant-input {
&:focus { &:focus {
border: 1px solid #ffb000 !important; border: 1px solid #2966FF !important;
} }
} }
} }
...@@ -472,8 +472,8 @@ mr0 { ...@@ -472,8 +472,8 @@ mr0 {
.ant-calendar-footer-extra { .ant-calendar-footer-extra {
.ant-tag-blue { .ant-tag-blue {
background: #fff; background: #fff;
color: #ffb000; color: #2966FF;
border-color: #ffb000; border-color: #2966FF;
} }
} }
} }
...@@ -491,7 +491,7 @@ mr0 { ...@@ -491,7 +491,7 @@ mr0 {
.ant-modal-confirm-info .ant-modal-confirm-body > .anticon { .ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
color: #ffb000!important; color: #2966FF!important;
} }
.ant-breadcrumb > span:last-child .ant-breadcrumb-separator { .ant-breadcrumb > span:last-child .ant-breadcrumb-separator {
...@@ -519,7 +519,7 @@ mr0 { ...@@ -519,7 +519,7 @@ mr0 {
font-size: 22px !important; font-size: 22px !important;
line-height: 22px !important; line-height: 22px !important;
float: left !important; float: left !important;
color:#ffb000 !important; color:#2966FF !important;
margin-right: 16px !important; margin-right: 16px !important;
&.blue { &.blue {
color: #5CBAFF !important; color: #5CBAFF !important;
...@@ -545,7 +545,7 @@ mr0 { ...@@ -545,7 +545,7 @@ mr0 {
margin-right: 16px; margin-right: 16px;
} }
>.confirm-icon{ >.confirm-icon{
color: #ffb000; color: #2966FF;
} }
.ant-modal-confirm-content { .ant-modal-confirm-content {
margin-left: 38px; margin-left: 38px;
...@@ -679,7 +679,7 @@ td.ant-table-column-sort{ ...@@ -679,7 +679,7 @@ td.ant-table-column-sort{
border-color: @xm-color-text-select-primary !important; border-color: @xm-color-text-select-primary !important;
border:none !important; border:none !important;
&:hover { &:hover {
background-color: #FFB714 !important; background-color: #2966FF !important;
opacity: 0.8 !important; opacity: 0.8 !important;
} }
&:focus, &:focus,
......
...@@ -1602,7 +1602,7 @@ input:focus { ...@@ -1602,7 +1602,7 @@ input:focus {
font-size: 22px !important; font-size: 22px !important;
line-height: 22px !important; line-height: 22px !important;
float: left !important; float: left !important;
color: #FFB714 !important; color: #2966FF !important;
margin-right: 16px !important; margin-right: 16px !important;
} }
......
@sunLight: #FED951; @sunLight: #FED951;
@sun: #FFB714; @sun: #2966FF;
@sunDark: #FFB714; @sunDark: #2966FF;
@orangeLight: #FDBB70; @orangeLight: #FDBB70;
...@@ -56,7 +56,7 @@ ...@@ -56,7 +56,7 @@
//old //old
//color //color
@xm-color-primary:#FFB714; @xm-color-primary:#2966FF;
@xm-color-primary_active: #020201; @xm-color-primary_active: #020201;
@xm-color-primary-darker: #ff8534; @xm-color-primary-darker: #ff8534;
@xm-color-selected: #F58E2C; @xm-color-selected: #F58E2C;
...@@ -66,7 +66,7 @@ ...@@ -66,7 +66,7 @@
@xm-color-secondary-light: #e28534; @xm-color-secondary-light: #e28534;
@xm-color-secondary: #ff8534; @xm-color-secondary: #ff8534;
@xm-color-secondary-darker: #D65E30; @xm-color-secondary-darker: #D65E30;
@xm-color-text-select-primary:#FFB714; @xm-color-text-select-primary:#2966FF;
@xm-color-text-select-warning:#ec4b35; @xm-color-text-select-warning:#ec4b35;
@xm-color-info: #45b2ff; @xm-color-info: #45b2ff;
......
...@@ -68,7 +68,7 @@ function UserManagePage() { ...@@ -68,7 +68,7 @@ function UserManagePage() {
<span className="title">{val}</span> <span className="title">{val}</span>
<span <span
className="tag" className="tag"
style={{ color: item.sourceEnum === 'WORK_WE_CHAT' ? '#FFB714' : '#1DCC65'}} style={{ color: item.sourceEnum === 'WORK_WE_CHAT' ? '#2966FF' : '#1DCC65'}}
>{item.sourceEnum === 'WORK_WE_CHAT' ? '@企业微信' : '@微信'}</span> >{item.sourceEnum === 'WORK_WE_CHAT' ? '@企业微信' : '@微信'}</span>
</div> </div>
); );
......
...@@ -79,7 +79,7 @@ ...@@ -79,7 +79,7 @@
line-height: 45px; line-height: 45px;
margin-left: 10px; margin-left: 10px;
.span-left-l{ .span-left-l{
color: #ffb714; color: #2966FF;
cursor: pointer; cursor: pointer;
} }
} }
......
...@@ -39,9 +39,9 @@ ...@@ -39,9 +39,9 @@
height: 18px; height: 18px;
line-height: 18px; line-height: 18px;
padding: 0 8px; padding: 0 8px;
border: 1px solid #FFB714; border: 1px solid #2966FF;
border-radius: 9px; border-radius: 9px;
color: #FFB714; color: #2966FF;
margin-top: 13px; margin-top: 13px;
font-size: 12px; font-size: 12px;
flex-shrink: 0; flex-shrink: 0;
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
left: 0; left: 0;
height: 100%; height: 100%;
width: 4px; width: 4px;
background: #FFB714; background: #2966FF;
} }
} }
} }
......
...@@ -32,7 +32,7 @@ const courseStateShow = { ...@@ -32,7 +32,7 @@ const courseStateShow = {
UN_START: { UN_START: {
code: 1, code: 1,
title: "待开课", title: "待开课",
color: "#FFB714", color: "#2966FF",
}, },
STARTING: { STARTING: {
code: 2, code: 2,
......
...@@ -60,7 +60,7 @@ ...@@ -60,7 +60,7 @@
} }
&:hover { &:hover {
.name { .name {
color: #FFB714; color: #2966FF;
} }
} }
} }
......
...@@ -62,14 +62,14 @@ ...@@ -62,14 +62,14 @@
cursor: pointer; cursor: pointer;
} }
.selected { .selected {
color: #FFB714; color: #2966FF;
&::after { &::after {
content: ''; content: '';
position: absolute; position: absolute;
bottom: -4px; bottom: -4px;
width: 20px; width: 20px;
height: 1px; height: 1px;
background: #FFB714; background: #2966FF;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
} }
......
...@@ -193,7 +193,7 @@ class Home extends React.Component { ...@@ -193,7 +193,7 @@ class Home extends React.Component {
value: studyNum + '人' value: studyNum + '人'
} }
}); });
this._chart.line().position('time*studyTime').color('#FFB714').tooltip('time*studyTime', function( time, studyTime){ this._chart.line().position('time*studyTime').color('#2966FF').tooltip('time*studyTime', function( time, studyTime){
return { return {
name: '人均学习时长', name: '人均学习时长',
value: studyTime + '分钟' value: studyTime + '分钟'
...@@ -457,7 +457,7 @@ class Home extends React.Component { ...@@ -457,7 +457,7 @@ class Home extends React.Component {
<Geom <Geom
type="intervalStack" type="intervalStack"
position="percent" position="percent"
color={['item', ['#FDB513', '#5289FA']]} color={['item', ['#2966FF', '#5289FA']]}
tooltip={[ tooltip={[
"item*percent", "item*percent",
(item, percent) => { (item, percent) => {
......
...@@ -144,13 +144,13 @@ ...@@ -144,13 +144,13 @@
color: #666; color: #666;
cursor: pointer; cursor: pointer;
&.selected { &.selected {
color: #FDB513; color: #2966FF;
&::after { &::after {
position: absolute; position: absolute;
width: 24px; width: 24px;
height: 2px; height: 2px;
content: ''; content: '';
background: #FDB513; background: #2966FF;
border-radius: 1px; border-radius: 1px;
left: 9px; left: 9px;
bottom: -4px; bottom: -4px;
......
...@@ -12,7 +12,7 @@ const ENUM = { ...@@ -12,7 +12,7 @@ const ENUM = {
UN_START: { UN_START: {
code: 1, code: 1,
title: "待开课", title: "待开课",
color: "#FFB714", color: "#2966FF",
}, },
STARTING: { STARTING: {
code: 2, code: 2,
......
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
text-align: center; text-align: center;
margin-top: 100%; margin-top: 100%;
.empty-tree-btn { .empty-tree-btn {
color: #ffb714; color: #2966FF;
cursor: pointer; cursor: pointer;
} }
} }
......
...@@ -39,7 +39,7 @@ class WatchData extends React.Component { ...@@ -39,7 +39,7 @@ class WatchData extends React.Component {
<WatchDataHeader <WatchDataHeader
type={ENUM.CourseTypeEnum[type]} type={ENUM.CourseTypeEnum[type]}
courseName={localStorage.getItem("WatchData_CourseName")} courseName={localStorage.getItem("WatchData_CourseName")}
color="#FFB714" color="#2966FF"
/> />
<div className="box"> <div className="box">
......
...@@ -37,7 +37,7 @@ const courseStateShow = { ...@@ -37,7 +37,7 @@ const courseStateShow = {
UN_START: { UN_START: {
code: 1, code: 1,
title: "待开课", title: "待开课",
color: "#FFB714", color: "#2966FF",
}, },
STARTING: { STARTING: {
code: 2, code: 2,
......
...@@ -22,7 +22,7 @@ const courseStateShow = { ...@@ -22,7 +22,7 @@ const courseStateShow = {
UN_START: { UN_START: {
code: 1, code: 1,
title: "待开课", title: "待开课",
color: "#FFB714", color: "#2966FF",
}, },
STARTING: { STARTING: {
code: 2, code: 2,
......
...@@ -152,8 +152,8 @@ ...@@ -152,8 +152,8 @@
} }
.ant-tabs-nav .ant-tabs-tab-active { .ant-tabs-nav .ant-tabs-tab-active {
border: 1px solid #ffb714; border: 1px solid #2966FF;
color: #ffb714; color: #2966FF;
} }
.ant-tabs-top .ant-tabs-ink-bar-animated:after { .ant-tabs-top .ant-tabs-ink-bar-animated:after {
......
...@@ -15,7 +15,7 @@ const courseStateShow = { ...@@ -15,7 +15,7 @@ const courseStateShow = {
UN_START: { UN_START: {
code: 1, code: 1,
title: "待开课", title: "待开课",
color: "#FFB714", color: "#2966FF",
}, },
STARTING: { STARTING: {
code: 2, code: 2,
......
...@@ -24,8 +24,8 @@ ...@@ -24,8 +24,8 @@
} }
.ant-tabs-nav .ant-tabs-tab-active{ .ant-tabs-nav .ant-tabs-tab-active{
border: 1px solid #FFB714; border: 1px solid #2966FF;
color:#FFB714; color:#2966FF;
} }
.ant-tabs-top .ant-tabs-ink-bar-animated:after{ .ant-tabs-top .ant-tabs-ink-bar-animated:after{
......
...@@ -83,7 +83,7 @@ ...@@ -83,7 +83,7 @@
color: #BFBFBF; color: #BFBFBF;
font-size:12px; font-size:12px;
&.correct { &.correct {
color: #FFB714; color: #2966FF;
} }
} }
} }
......
...@@ -55,7 +55,7 @@ ...@@ -55,7 +55,7 @@
right: 0; right: 0;
width: 4px; width: 4px;
height: 100%; height: 100%;
background-color: #FFB714; background-color: #2966FF;
} }
} }
......
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
.logo-name { .logo-name {
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
color: #ffb714; color: #2966FF;
line-height: 20px; line-height: 20px;
vertical-align: middle; vertical-align: middle;
font-weight: bold; font-weight: bold;
......
...@@ -366,7 +366,7 @@ ...@@ -366,7 +366,7 @@
font-size: 14px; // font-weight: 300; font-size: 14px; // font-weight: 300;
color:#5289FA; color:#5289FA;
&:hover { &:hover {
color: #ffb714; color: #2966FF;
} }
&::before { &::before {
content: ""; content: "";
...@@ -450,7 +450,7 @@ ...@@ -450,7 +450,7 @@
text-align:center; text-align:center;
&:hover { &:hover {
opacity: 0.7; opacity: 0.7;
background: linear-gradient(90deg, #ffb714 0%, #ffad34 100%); background: linear-gradient(90deg, #2966FF 0%, #ffad34 100%);
} }
} }
} }
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
@top-height: 50px; @top-height: 50px;
@menu-bakg: #2B2E37; @menu-bakg: #2B2E37;
@active-color: #FFB714; @active-color: #2966FF;
.left-container { .left-container {
position: absolute; position: absolute;
z-index: 2; z-index: 2;
......
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
text-align: center; text-align: center;
margin-top: 100%; margin-top: 100%;
.empty-tree-btn { .empty-tree-btn {
color: #ffb714; color: #2966FF;
cursor: pointer; cursor: pointer;
} }
} }
......
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
color: #999999; color: #999999;
line-height: 20px; line-height: 20px;
span { span {
color: #ffb714; color: #2966FF;
} }
} }
.record-operate { .record-operate {
......
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
position: relative; position: relative;
margin-top: 16px; margin-top: 16px;
.empty-list-tip { .empty-list-tip {
color: #ffb714; color: #2966FF;
cursor: pointer; cursor: pointer;
} }
.record-name { .record-name {
......
...@@ -382,7 +382,7 @@ class SelectQuestionList extends Component { ...@@ -382,7 +382,7 @@ class SelectQuestionList extends Component {
<div className="select-tip-box"> <div className="select-tip-box">
<div> <div>
<span className="icon iconfont tip-icon">&#xe61d;</span> <span className="icon iconfont tip-icon">&#xe61d;</span>
<span style={{marginRight: 8}}>已选<span style={{color: "#FFB714"}}>{selectQuestionKeys.length}</span></span> <span style={{marginRight: 8}}>已选<span style={{color: "#2966FF"}}>{selectQuestionKeys.length}</span></span>
{selectQuestionKeys.length > 0 && ( {selectQuestionKeys.length > 0 && (
<span>( <span>(
{singleCount > 0 && ` 单选题${singleCount}题 `} {singleCount > 0 && ` 单选题${singleCount}题 `}
......
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
position: relative; position: relative;
margin-top: 16px; margin-top: 16px;
.empty-list-tip { .empty-list-tip {
color: #ffb714; color: #2966FF;
cursor: pointer; cursor: pointer;
} }
.record-name { .record-name {
......
...@@ -325,7 +325,7 @@ class OperateQuestion extends Component { ...@@ -325,7 +325,7 @@ class OperateQuestion extends Component {
className="icon iconfont" className="icon iconfont"
style={{ style={{
color: color:
activeKey === "SINGLE_CHOICE" ? "#ffb714" : "#CCCCCC", activeKey === "SINGLE_CHOICE" ? "#2966FF" : "#CCCCCC",
}} }}
> >
&#xe7fa;{" "} &#xe7fa;{" "}
...@@ -354,7 +354,7 @@ class OperateQuestion extends Component { ...@@ -354,7 +354,7 @@ class OperateQuestion extends Component {
className="icon iconfont" className="icon iconfont"
style={{ style={{
color: color:
activeKey === "MULTI_CHOICE" ? "#ffb714" : "#CCCCCC", activeKey === "MULTI_CHOICE" ? "#2966FF" : "#CCCCCC",
}} }}
> >
&#xe7fb;{" "} &#xe7fb;{" "}
...@@ -382,7 +382,7 @@ class OperateQuestion extends Component { ...@@ -382,7 +382,7 @@ class OperateQuestion extends Component {
<span <span
className="icon iconfont" className="icon iconfont"
style={{ style={{
color: activeKey === "JUDGE" ? "#ffb714" : "#CCCCCC", color: activeKey === "JUDGE" ? "#2966FF" : "#CCCCCC",
}} }}
> >
&#xe7fc;{" "} &#xe7fc;{" "}
...@@ -410,7 +410,7 @@ class OperateQuestion extends Component { ...@@ -410,7 +410,7 @@ class OperateQuestion extends Component {
className="icon iconfont" className="icon iconfont"
style={{ style={{
color: color:
activeKey === "GAP_FILLING" ? "#ffb714" : "#CCCCCC", activeKey === "GAP_FILLING" ? "#2966FF" : "#CCCCCC",
}} }}
> >
&#xe7fd;{" "} &#xe7fd;{" "}
...@@ -439,7 +439,7 @@ class OperateQuestion extends Component { ...@@ -439,7 +439,7 @@ class OperateQuestion extends Component {
style={{ style={{
color: color:
activeKey === "INDEFINITE_CHOICE" activeKey === "INDEFINITE_CHOICE"
? "#ffb714" ? "#2966FF"
: "#CCCCCC", : "#CCCCCC",
}} }}
> >
......
...@@ -229,7 +229,7 @@ ...@@ -229,7 +229,7 @@
line-height: 33px; line-height: 33px;
align-self: stretch; align-self: stretch;
.option-operate_item__icon:hover { .option-operate_item__icon:hover {
color: #ffb714; color: #2966FF;
} }
.icon { .icon {
color: #bfbfbf; color: #bfbfbf;
......
...@@ -147,7 +147,7 @@ ...@@ -147,7 +147,7 @@
&:hover { &:hover {
.edtior-media_item__icon { .edtior-media_item__icon {
color: #ffb714; color: #2966FF;
} }
} }
......
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
position: relative; position: relative;
margin-top: 16px; margin-top: 16px;
.empty-list-tip { .empty-list-tip {
color: #ffb714; color: #2966FF;
cursor: pointer; cursor: pointer;
} }
.record-name { .record-name {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment