165 lines
3.4 KiB
SCSS
165 lines
3.4 KiB
SCSS
@import '../fonts/icon-fonts/iconfont.css';
|
|
@import './markdown.scss';
|
|
@import './scrollbar.scss';
|
|
|
|
:root {
|
|
--color-white: #ffffff;
|
|
--color-white-soft: #f8f8f8;
|
|
--color-white-mute: #f2f2f2;
|
|
|
|
--color-black: #1b1b1f;
|
|
--color-black-soft: #262626;
|
|
--color-black-mute: #363636;
|
|
|
|
--color-gray-1: #515c67;
|
|
--color-gray-2: #414853;
|
|
--color-gray-3: #32363f;
|
|
|
|
--color-text-1: rgba(255, 255, 245, 0.86);
|
|
--color-text-2: rgba(235, 235, 245, 0.6);
|
|
--color-text-3: rgba(235, 235, 245, 0.38);
|
|
|
|
--color-background: #181818;
|
|
--color-background-soft: var(--color-black-soft);
|
|
--color-background-mute: var(--color-black-mute);
|
|
|
|
--color-primary: #135200;
|
|
--color-primary-soft: #13520099;
|
|
--color-primary-mute: #13520033;
|
|
|
|
--color-text: var(--color-text-1);
|
|
--color-icon: #ffffff99;
|
|
--color-icon-white: #ffffff;
|
|
--color-border: #ffffff20;
|
|
--color-error: #f44336;
|
|
--color-code-background: #323232;
|
|
--color-scrollbar-thumb: rgba(255, 255, 255, 0.15);
|
|
--color-scrollbar-thumb-hover: rgba(255, 255, 255, 0.3);
|
|
|
|
--navbar-background: rgba(0, 0, 0, 0.8);
|
|
--sidebar-background: rgba(0, 0, 0, 0.8);
|
|
|
|
--navbar-height: 42px;
|
|
--sidebar-width: 55px;
|
|
--assistants-width: 245px;
|
|
--topic-list-width: 260px;
|
|
--settings-width: var(--assistants-width);
|
|
--status-bar-height: 40px;
|
|
--input-bar-height: 135px;
|
|
}
|
|
|
|
body[theme-mode='light'] {
|
|
--color-white: #ffffff;
|
|
--color-white-soft: #f8f8f8;
|
|
--color-white-mute: #efefef;
|
|
|
|
--color-black: #1b1b1f;
|
|
--color-black-soft: #262626;
|
|
--color-black-mute: #363636;
|
|
|
|
--color-gray-1: #8e8e93;
|
|
--color-gray-2: #aeaeb2;
|
|
--color-gray-3: #c7c7cc;
|
|
|
|
--color-text-1: rgba(0, 0, 0, 1);
|
|
--color-text-2: rgba(0, 0, 0, 0.6);
|
|
--color-text-3: rgba(0, 0, 0, 0.38);
|
|
|
|
--color-background: #ffffff;
|
|
--color-background-soft: var(--color-white-soft);
|
|
--color-background-mute: var(--color-white-mute);
|
|
|
|
--color-primary: #00b96b;
|
|
--color-primary-soft: #00b96b99;
|
|
--color-primary-mute: #00b96b33;
|
|
|
|
--color-text: var(--color-text-1);
|
|
--color-icon: #00000099;
|
|
--color-icon-white: #000000;
|
|
--color-border: #00000028;
|
|
--color-error: #f44336;
|
|
--color-code-background: #e3e3e3;
|
|
--color-scrollbar-thumb: rgba(0, 0, 0, 0.15);
|
|
--color-scrollbar-thumb-hover: rgba(0, 0, 0, 0.3);
|
|
|
|
--navbar-background: rgba(255, 255, 255, 0.6);
|
|
--sidebar-background: rgba(255, 255, 255, 0.6);
|
|
}
|
|
|
|
*,
|
|
*::before,
|
|
*::after {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
font-weight: normal;
|
|
}
|
|
|
|
ul {
|
|
list-style: none;
|
|
}
|
|
|
|
body {
|
|
display: flex;
|
|
min-height: 100vh;
|
|
color: var(--color-text);
|
|
line-height: 1.6;
|
|
overflow: hidden;
|
|
background: transparent !important;
|
|
font-family:
|
|
-apple-system,
|
|
BlinkMacSystemFont,
|
|
'Microsoft YaHei',
|
|
'Segoe UI',
|
|
Roboto,
|
|
Oxygen,
|
|
Ubuntu,
|
|
Cantarell,
|
|
'Fira Sans',
|
|
'Droid Sans',
|
|
'Helvetica Neue' sans-serif;
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
a {
|
|
-webkit-user-drag: none;
|
|
}
|
|
|
|
html,
|
|
body,
|
|
#root {
|
|
height: 100%;
|
|
margin: 0;
|
|
}
|
|
|
|
#root {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex: 1;
|
|
}
|
|
|
|
#inputbar .ant-input {
|
|
resize: none;
|
|
}
|
|
|
|
.chat-nav-dropdown {
|
|
.ant-dropdown-menu {
|
|
padding-bottom: 12px;
|
|
}
|
|
}
|
|
|
|
.loader {
|
|
width: 16px;
|
|
height: 16px;
|
|
border-radius: 50%;
|
|
background-color: #000;
|
|
box-shadow:
|
|
32px 0 #000,
|
|
-32px 0 #000;
|
|
position: relative;
|
|
animation: flash 0.5s ease-out infinite alternate;
|
|
}
|