76 lines
1.7 KiB
Plaintext
76 lines
1.7 KiB
Plaintext
// 默认主题
|
|
html {
|
|
--im-primary-color: #462AA0;
|
|
--im-bg-color: #ffffff;
|
|
--line-border-color: #f5f5f5;
|
|
--border-color: #eeeaea;
|
|
--im-text-color: #BABABA;
|
|
--im-text-color-grey: #333;
|
|
--im-active-bg-color: #f5f5f5;
|
|
--im-hover-bg-color: #f5f5f5;
|
|
|
|
--im-broadside-box-shadow: rgba(29, 35, 41, 0.05);
|
|
|
|
// note
|
|
--im-note-list-bg-color: #f4f6f9;
|
|
|
|
// 滚动条
|
|
--im-scrollbar: #e4e4e5;
|
|
--im-scrollbar-thumb: #c0bebc;
|
|
|
|
// message
|
|
--im-message-bg-color: #f7f7f7;
|
|
--im-message-border-color: #efeff5;
|
|
--im-message-left-bg-color: #fff;
|
|
--im-message-left-text-color: #333;
|
|
--im-message-right-bg-color: #46299D;
|
|
--im-message-right-text-color: #fff;
|
|
}
|
|
|
|
// 黑色主题
|
|
html[theme-mode='dark'] {
|
|
--im-primary-color: #1890ff;
|
|
--im-bg-color: #202124;
|
|
--line-border-color: rgb(255 255 255 / 9%);
|
|
--border-color: rgb(255 255 255 / 9%);
|
|
--im-text-color: rgb(255 255 255 / 82%);
|
|
--im-text-color-grey: color: rgb(255 255 255 / 52%);
|
|
--im-active-bg-color: #2c2c32;
|
|
--im-hover-bg-color: #2c2c32;
|
|
|
|
--im-broadside-box-shadow: #201b1b;
|
|
|
|
// note
|
|
--im-note-list-bg-color: #2c2c32;
|
|
|
|
// 滚动条
|
|
--im-scrollbar: #e4e4e5;
|
|
--im-scrollbar-thumb: #625f5f;
|
|
|
|
// message
|
|
--im-message-bg-color: #28282c;
|
|
--im-message-border-color: rgb(255 255 255 / 9%);
|
|
--im-message-left-bg-color: #2c2c31;
|
|
--im-message-left-text-color: var(--im-text-color);
|
|
--im-message-right-bg-color: #2f2f38;
|
|
--im-message-right-bg-color: #35353f;
|
|
--im-message-right-text-color: var(--im-text-color);
|
|
|
|
::selection {
|
|
background: #d3d3d3;
|
|
color: #555;
|
|
}
|
|
::-moz-selection {
|
|
background: #d3d3d3;
|
|
color: #555;
|
|
}
|
|
::-webkit-selection {
|
|
background: #d3d3d3;
|
|
color: #555;
|
|
}
|
|
}
|
|
|
|
body {
|
|
background-color: var(--im-bg-color);
|
|
}
|