Commit 4d4e40fc by wufan

style:主题色替换

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