调整主题色
This commit is contained in:
parent
8069784198
commit
0dc0e7226e
2
public/css/iview.css
vendored
2
public/css/iview.css
vendored
File diff suppressed because one or more lines are too long
@ -2,7 +2,9 @@
|
|||||||
<div class="dialog-view" :data-id="msgData.id">
|
<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>
|
<div v-else-if="msgData.type === 'loading'" class="dialog-content loading"><Loading/></div>
|
||||||
<!--文件-->
|
<!--文件-->
|
||||||
|
@ -43,7 +43,7 @@
|
|||||||
<Icon v-if="dialog.type == 'user' && lastMsgReadDone(dialog.last_msg)" :type="lastMsgReadDone(dialog.last_msg)"/>
|
<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>
|
<em v-if="dialog.last_at">{{$A.formatTime(dialog.last_at)}}</em>
|
||||||
</div>
|
</div>
|
||||||
<div class="dialog-text">{{formatLastMsg(dialog.last_msg)}}</div>
|
<div class="dialog-text no-dark-mode">{{formatLastMsg(dialog.last_msg)}}</div>
|
||||||
</div>
|
</div>
|
||||||
<Badge class="dialog-num" :count="dialog.unread"/>
|
<Badge class="dialog-num" :count="dialog.unread"/>
|
||||||
</li>
|
</li>
|
||||||
|
@ -21,7 +21,7 @@
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
color: #17233d;
|
color: $primary-title-color;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
margin-right: 6px;
|
margin-right: 6px;
|
||||||
}
|
}
|
||||||
|
29
resources/assets/sass/dark.scss
vendored
29
resources/assets/sass/dark.scss
vendored
@ -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 {
|
.page-manage {
|
||||||
.manage-box-menu {
|
.manage-box-menu {
|
||||||
.manage-box-dropdown {
|
.manage-box-dropdown {
|
||||||
@ -128,6 +152,11 @@ body.dark-mode-reverse {
|
|||||||
.icon-avatar {
|
.icon-avatar {
|
||||||
color: #1c1917;
|
color: #1c1917;
|
||||||
}
|
}
|
||||||
|
.dialog-box {
|
||||||
|
.dialog-text {
|
||||||
|
color: #555;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
2
resources/assets/sass/pages/common.scss
vendored
2
resources/assets/sass/pages/common.scss
vendored
@ -94,7 +94,7 @@ body {
|
|||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
color: #515a6e;
|
color: $primary-text-color;
|
||||||
padding: 0 4px;
|
padding: 0 4px;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
|
@ -91,6 +91,15 @@
|
|||||||
padding: 8px;
|
padding: 8px;
|
||||||
min-width: 32px;
|
min-width: 32px;
|
||||||
border-radius: 6px 6px 6px 0;
|
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 {
|
&.loading {
|
||||||
display: flex;
|
display: flex;
|
||||||
.common-loading {
|
.common-loading {
|
||||||
|
@ -166,7 +166,7 @@
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: #515a6e;
|
color: $primary-text-color;
|
||||||
> i {
|
> i {
|
||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
}
|
}
|
||||||
@ -179,7 +179,7 @@
|
|||||||
left: 50%;
|
left: 50%;
|
||||||
}
|
}
|
||||||
> div:first-child {
|
> div:first-child {
|
||||||
color: #515a6e;
|
color: $primary-text-color;
|
||||||
}
|
}
|
||||||
> div:last-child {
|
> div:last-child {
|
||||||
color: $primary-color;
|
color: $primary-color;
|
||||||
|
@ -87,7 +87,7 @@
|
|||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
border: 1px solid #dcdee2;
|
border: 1px solid #dcdee2;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
color: #515a6e;
|
color: $primary-text-color;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
&:hover {
|
&:hover {
|
||||||
border-color: #57a3f3;
|
border-color: #57a3f3;
|
||||||
|
@ -246,7 +246,7 @@
|
|||||||
width: 16px;
|
width: 16px;
|
||||||
}
|
}
|
||||||
.file-name {
|
.file-name {
|
||||||
color: #515a6e;
|
color: $primary-text-color;
|
||||||
padding-left: 8px;
|
padding-left: 8px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
|
16
resources/assets/sass/pages/page-file.scss
vendored
16
resources/assets/sass/pages/page-file.scss
vendored
@ -67,7 +67,7 @@
|
|||||||
}
|
}
|
||||||
.ivu-input-suffix {
|
.ivu-input-suffix {
|
||||||
i {
|
i {
|
||||||
color: #515a6e;
|
color: $primary-text-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -127,14 +127,14 @@
|
|||||||
color: $primary-color;
|
color: $primary-color;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
&:last-child {
|
&:last-child {
|
||||||
color: #515a6e;
|
color: $primary-text-color;
|
||||||
cursor: default;
|
cursor: default;
|
||||||
}
|
}
|
||||||
&+li:before {
|
&+li:before {
|
||||||
content: "\203a";
|
content: "\203a";
|
||||||
margin-top: -2px;
|
margin-top: -2px;
|
||||||
padding-right: 8px;
|
padding-right: 8px;
|
||||||
color: #515a6e;
|
color: $primary-text-color;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
@ -156,7 +156,7 @@
|
|||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
padding: 0 5px;
|
padding: 0 5px;
|
||||||
color: #515a6e;
|
color: $primary-text-color;
|
||||||
background: #f7f7f7;
|
background: #f7f7f7;
|
||||||
border: 1px solid #e8eaec;
|
border: 1px solid #e8eaec;
|
||||||
}
|
}
|
||||||
@ -233,7 +233,7 @@
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: #515a6e;
|
color: $primary-text-color;
|
||||||
> i {
|
> i {
|
||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
}
|
}
|
||||||
@ -246,7 +246,7 @@
|
|||||||
left: 50%;
|
left: 50%;
|
||||||
}
|
}
|
||||||
> div:first-child {
|
> div:first-child {
|
||||||
color: #515a6e;
|
color: $primary-text-color;
|
||||||
}
|
}
|
||||||
> div:last-child {
|
> div:last-child {
|
||||||
color: $primary-color;
|
color: $primary-color;
|
||||||
@ -418,7 +418,7 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
color: #515a6e;
|
color: $primary-text-color;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
@ -440,7 +440,7 @@
|
|||||||
transition: color 0.2s;
|
transition: color 0.2s;
|
||||||
padding: 2px 5px;
|
padding: 2px 5px;
|
||||||
&:hover {
|
&:hover {
|
||||||
color: #515a6e;
|
color: $primary-text-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
2
resources/assets/sass/pages/page-manage.scss
vendored
2
resources/assets/sass/pages/page-manage.scss
vendored
@ -88,7 +88,7 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
height: 38px;
|
height: 38px;
|
||||||
color: #6C7D8C;
|
color: #6b6e72;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 80%;
|
width: 80%;
|
||||||
|
3
resources/assets/sass/var.scss
vendored
3
resources/assets/sass/var.scss
vendored
@ -1,2 +1,3 @@
|
|||||||
$primary-color: #8bcf70;
|
$primary-color: #8bcf70;
|
||||||
|
$primary-title-color: #303133;
|
||||||
|
$primary-text-color: #606266;
|
||||||
|
File diff suppressed because one or more lines are too long
Loading…
x
Reference in New Issue
Block a user