mirror of https://github.com/msgbyte/tailchat
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
189 lines
3.7 KiB
Plaintext
189 lines
3.7 KiB
Plaintext
.dark {
|
|
--antd-primary-border: #165996;
|
|
--antd-primary-color: #177ddc;
|
|
--antd-primary-color-hover: #095cb5;
|
|
--antd-primary-dangerous-color: #a61d24;
|
|
--antd-primary-dangerous-color-hover: #800f19;
|
|
|
|
// 按钮
|
|
.ant-btn {
|
|
color: rgba(255,255,255,0.65);
|
|
border-color: #434343;
|
|
background: transparent;
|
|
|
|
&:hover, &:focus {
|
|
color: var(--antd-primary-border);
|
|
border-color: var(--antd-primary-border);
|
|
}
|
|
|
|
&.ant-btn-primary {
|
|
color: #fff;
|
|
border-color: var(--antd-primary-color);
|
|
background: var(--antd-primary-color);
|
|
|
|
&:hover {
|
|
border-color: var(--antd-primary-color-hover);
|
|
background: var(--antd-primary-color-hover);
|
|
}
|
|
|
|
&.ant-btn-dangerous {
|
|
border-color: var(--antd-primary-dangerous-color);
|
|
background: var(--antd-primary-dangerous-color);
|
|
|
|
&:hover {
|
|
border-color: var(--antd-primary-dangerous-color-hover);
|
|
background: var(--antd-primary-dangerous-color-hover);
|
|
}
|
|
}
|
|
|
|
&[disabled],&[disabled]:hover,&[disabled]:focus,&[disabled]:active {
|
|
color: rgba(255,255,255,0.3);
|
|
border-color: #434343;
|
|
background: #555;
|
|
}
|
|
}
|
|
}
|
|
|
|
// 表单
|
|
.ant-form-item-label > label {
|
|
color: white;
|
|
}
|
|
|
|
// 表单错误
|
|
.ant-form-item-has-error {
|
|
.ant-input:not(.ant-input-disabled) {
|
|
background-color: transparent;
|
|
border-color: var(--antd-primary-dangerous-color);
|
|
}
|
|
}
|
|
|
|
// 分割线
|
|
.ant-divider {
|
|
border-top-color: rgba(255,255,255,0.12);
|
|
color: rgba(255,255,255,0.85);
|
|
}
|
|
|
|
// 排版
|
|
.ant-typography {
|
|
color: rgba(255,255,255,0.65);
|
|
}
|
|
|
|
// 输入框
|
|
.ant-input {
|
|
color: rgba(255,255,255,0.65);
|
|
background-color: transparent;
|
|
border-color: rgba(255,255,255,0.12);
|
|
|
|
&:hover {
|
|
border-color: #165996;
|
|
border-right-width: 1px !important;
|
|
}
|
|
|
|
&:focus, &.ant-input-focused {
|
|
border-color: #177ddc;
|
|
border-right-width: 1px !important;
|
|
box-shadow: 0 0 0 2px rgb(23 125 220 / 20%);
|
|
}
|
|
}
|
|
|
|
// 走马灯
|
|
.ant-carousel {
|
|
color: rgba(255,255,255,0.65);
|
|
}
|
|
|
|
// 下拉菜单
|
|
.ant-dropdown {
|
|
color: rgba(255,255,255,0.65);
|
|
|
|
.ant-dropdown-menu {
|
|
background-color: #1f1f1f;
|
|
|
|
.ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title {
|
|
color: rgba(255,255,255,0.65);
|
|
|
|
&:hover {
|
|
background-color: rgba(255,255,255,0.08);
|
|
}
|
|
|
|
&.ant-dropdown-menu-item-danger {
|
|
color: #a61d24;
|
|
|
|
&:hover {
|
|
color: white;
|
|
background-color: #a61d24;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// 树
|
|
.ant-tree {
|
|
background-color: transparent;
|
|
color: rgba(255,255,255,0.85);
|
|
|
|
.ant-tree-node-content-wrapper {
|
|
&:hover {
|
|
background-color: rgba(255,255,255,0.08);
|
|
}
|
|
}
|
|
}
|
|
|
|
// badge
|
|
.ant-badge {
|
|
color: rgba(255,255,255,0.65);
|
|
|
|
.ant-badge-count {
|
|
color: #fff;
|
|
background: var(--antd-primary-dangerous-color);
|
|
box-shadow: 0 0 0 1px #141414;
|
|
}
|
|
}
|
|
|
|
// 空状态
|
|
.ant-empty {
|
|
.ant-empty-img-default-ellipse {
|
|
fill: #fff;
|
|
fill-opacity: .08
|
|
}
|
|
|
|
.ant-empty-img-default-path-1 {
|
|
fill: #262626
|
|
}
|
|
|
|
.ant-empty-img-default-path-2 {
|
|
fill: url(#linearGradient-1)
|
|
}
|
|
|
|
.ant-empty-img-default-path-3 {
|
|
fill: #595959
|
|
}
|
|
|
|
.ant-empty-img-default-path-4 {
|
|
fill: #434343
|
|
}
|
|
|
|
.ant-empty-img-default-path-5 {
|
|
fill: #595959
|
|
}
|
|
|
|
.ant-empty-img-default-g {
|
|
fill: #434343
|
|
}
|
|
|
|
.ant-empty-img-simple-ellipse {
|
|
fill: #fff;
|
|
fill-opacity: .08
|
|
}
|
|
|
|
.ant-empty-img-simple-g {
|
|
stroke: #434343
|
|
}
|
|
|
|
.ant-empty-img-simple-path {
|
|
fill: #262626;
|
|
stroke: #434343
|
|
}
|
|
}
|
|
}
|