调整主题色

This commit is contained in:
kuaifan 2022-01-20 22:59:51 +08:00
parent 8069784198
commit 0dc0e7226e
14 changed files with 61 additions and 20 deletions

File diff suppressed because one or more lines are too long

View File

@ -2,7 +2,9 @@
<div class="dialog-view" :data-id="msgData.id">
<!--文本-->
<div v-if="msgData.type === 'text'" class="dialog-content" v-html="textMsg(msgData.msg.text)"></div>
<div v-if="msgData.type === 'text'" class="dialog-content">
<pre class="no-dark-mode" v-html="textMsg(msgData.msg.text)"></pre>
</div>
<!--等待-->
<div v-else-if="msgData.type === 'loading'" class="dialog-content loading"><Loading/></div>
<!--文件-->

View File

@ -43,7 +43,7 @@
<Icon v-if="dialog.type == 'user' && lastMsgReadDone(dialog.last_msg)" :type="lastMsgReadDone(dialog.last_msg)"/>
<em v-if="dialog.last_at">{{$A.formatTime(dialog.last_at)}}</em>
</div>
<div class="dialog-text">{{formatLastMsg(dialog.last_msg)}}</div>
<div class="dialog-text no-dark-mode">{{formatLastMsg(dialog.last_msg)}}</div>
</div>
<Badge class="dialog-num" :count="dialog.unread"/>
</li>

View File

@ -21,7 +21,7 @@
display: inline-block;
vertical-align: middle;
font-size: 18px;
color: #17233d;
color: $primary-title-color;
font-weight: 500;
margin-right: 6px;
}

View File

@ -85,6 +85,30 @@ body.dark-mode-reverse {
}
}
.dialog-wrapper {
.dialog-scroller {
.dialog-list {
> ul {
> li {
.dialog-view {
.dialog-content {
color: #ffffff;
background-color: #e1e1e1;
}
}
&.self {
.dialog-view {
.dialog-content {
background-color: #8bcf70;
}
}
}
}
}
}
}
}
.page-manage {
.manage-box-menu {
.manage-box-dropdown {
@ -128,6 +152,11 @@ body.dark-mode-reverse {
.icon-avatar {
color: #1c1917;
}
.dialog-box {
.dialog-text {
color: #555;
}
}
}
}
}

View File

@ -94,7 +94,7 @@ body {
font-size: 12px;
vertical-align: middle;
opacity: 1;
color: #515a6e;
color: $primary-text-color;
padding: 0 4px;
white-space: nowrap;
overflow: visible;

View File

@ -91,6 +91,15 @@
padding: 8px;
min-width: 32px;
border-radius: 6px 6px 6px 0;
> pre {
display: block;
margin: 0;
padding: 0;
line-height: 1.5;
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-word;
}
&.loading {
display: flex;
.common-loading {

View File

@ -166,7 +166,7 @@
justify-content: center;
border-radius: 6px;
cursor: pointer;
color: #515a6e;
color: $primary-text-color;
> i {
font-size: 17px;
}
@ -179,7 +179,7 @@
left: 50%;
}
> div:first-child {
color: #515a6e;
color: $primary-text-color;
}
> div:last-child {
color: $primary-color;

View File

@ -87,7 +87,7 @@
align-items: flex-start;
border: 1px solid #dcdee2;
border-radius: 4px;
color: #515a6e;
color: $primary-text-color;
background-color: #fff;
&:hover {
border-color: #57a3f3;

View File

@ -246,7 +246,7 @@
width: 16px;
}
.file-name {
color: #515a6e;
color: $primary-text-color;
padding-left: 8px;
overflow: hidden;
text-overflow: ellipsis;

View File

@ -67,7 +67,7 @@
}
.ivu-input-suffix {
i {
color: #515a6e;
color: $primary-text-color;
}
}
}
@ -127,14 +127,14 @@
color: $primary-color;
cursor: pointer;
&:last-child {
color: #515a6e;
color: $primary-text-color;
cursor: default;
}
&+li:before {
content: "\203a";
margin-top: -2px;
padding-right: 8px;
color: #515a6e;
color: $primary-text-color;
line-height: 1;
font-size: 16px;
font-weight: 500;
@ -156,7 +156,7 @@
line-height: 20px;
font-size: 12px;
padding: 0 5px;
color: #515a6e;
color: $primary-text-color;
background: #f7f7f7;
border: 1px solid #e8eaec;
}
@ -233,7 +233,7 @@
justify-content: center;
border-radius: 6px;
cursor: pointer;
color: #515a6e;
color: $primary-text-color;
> i {
font-size: 17px;
}
@ -246,7 +246,7 @@
left: 50%;
}
> div:first-child {
color: #515a6e;
color: $primary-text-color;
}
> div:last-child {
color: $primary-color;
@ -418,7 +418,7 @@
width: 100%;
height: 20px;
line-height: 20px;
color: #515a6e;
color: $primary-text-color;
font-size: 12px;
text-align: center;
margin-bottom: 5px;
@ -440,7 +440,7 @@
transition: color 0.2s;
padding: 2px 5px;
&:hover {
color: #515a6e;
color: $primary-text-color;
}
}
}

View File

@ -88,7 +88,7 @@
display: flex;
align-items: center;
height: 38px;
color: #6C7D8C;
color: #6b6e72;
cursor: pointer;
position: relative;
width: 80%;

View File

@ -1,2 +1,3 @@
$primary-color: #8bcf70;
$primary-title-color: #303133;
$primary-text-color: #606266;

File diff suppressed because one or more lines are too long