FastMovieAI 二开基线 v1.0 (完整源码)
This commit is contained in:
李建琦
@@ -0,0 +1,62 @@
|
||||
// 方向
|
||||
$direction: top, right, bottom, left;
|
||||
// 边距
|
||||
$spacing: 3px;
|
||||
// 圆角
|
||||
$rounded-size: 2px;
|
||||
// 边框粗细
|
||||
$border-size: 1px;
|
||||
// 背景颜色
|
||||
$color-list: (
|
||||
"white":var(--el-bg-color),
|
||||
"primary":var(--el-color-primary),
|
||||
"primary-light-3":var(--el-color-primary-light-3),
|
||||
"primary-light-9":var(--el-color-primary-light-9),
|
||||
"success":var(--el-color-success),
|
||||
"success-light-3":var(--el-color-success-light-3),
|
||||
"warning":var(--el-color-warning),
|
||||
"warning-light-3":var(--el-color-warning-light-3),
|
||||
"danger":var(--el-color-danger),
|
||||
"danger-light-3":var(--el-color-danger-light-3),
|
||||
"danger-dark-2":var(--el-color-danger-dark-2),
|
||||
"error":var(--el-color-error),
|
||||
"hover":var(--el-bg-color-page),
|
||||
"overlay":var(--el-bg-color-overlay),
|
||||
"mask":var(--el-mask-color),
|
||||
"mask-light":var(--el-mask-color-extra-light),
|
||||
"dark":var(--el-color-black),
|
||||
"page":var(--el-bg-color-page),
|
||||
"info":var(--el-color-info),
|
||||
"gray":#272727
|
||||
);
|
||||
// 文字颜色
|
||||
$text-color-list: (
|
||||
"primary":var(--el-color-primary),
|
||||
"primary-light-3":var(--el-color-primary-light-3),
|
||||
"success":var(--el-color-success),
|
||||
"danger":var(--el-color-danger),
|
||||
"warning":var(--el-color-warning),
|
||||
"error":var(--el-color-error),
|
||||
"white":var(--el-bg-color),
|
||||
"grey":var(--el-color-info),
|
||||
"info":var(--el-color-info),
|
||||
"text-primary":var(--el-text-color-primary),
|
||||
"regular":var(--el-text-color-regular),
|
||||
"secondary":var(--el-text-color-secondary),
|
||||
"placeholder":var(--el-text-color-placeholder),
|
||||
"disable":var(--el-text-color-disabled),
|
||||
"dark":var(--el-text-color-primary),
|
||||
"bg":var(--el-bg-color),
|
||||
"price":#f56c6c
|
||||
);
|
||||
// 自适应断点
|
||||
$breakpoint: (
|
||||
"m":375px,
|
||||
"p":480px,
|
||||
"xs": 768px,
|
||||
"sm": 960px,
|
||||
"md": 1280px,
|
||||
"lg": 1440px,
|
||||
"xl": 1920px,
|
||||
"xxl": 2560px
|
||||
);
|
||||
@@ -0,0 +1,576 @@
|
||||
@import "./variables";
|
||||
|
||||
.pb-safe-area {
|
||||
padding-bottom: constant(safe-area-inset-bottom) !important;
|
||||
padding-bottom: env(safe-area-inset-bottom) !important;
|
||||
}
|
||||
|
||||
.pt-safe-area {
|
||||
padding-top: constant(safe-area-inset-top) !important;
|
||||
padding-top: env(safe-area-inset-top) !important;
|
||||
}
|
||||
|
||||
.mx-auto,
|
||||
.ml-auto {
|
||||
margin-left: auto !important;
|
||||
}
|
||||
|
||||
.mx-auto,
|
||||
.mr-auto {
|
||||
margin-right: auto !important;
|
||||
}
|
||||
|
||||
@for $i from 0 through 10 {
|
||||
|
||||
.p-#{$i},
|
||||
.pl-#{$i},
|
||||
.px-#{$i} {
|
||||
padding-left: $spacing * $i !important;
|
||||
}
|
||||
|
||||
.p-#{$i},
|
||||
.pr-#{$i},
|
||||
.px-#{$i} {
|
||||
padding-right: $spacing * $i !important;
|
||||
}
|
||||
|
||||
.p-#{$i},
|
||||
.pt-#{$i},
|
||||
.py-#{$i} {
|
||||
padding-top: $spacing * $i !important;
|
||||
}
|
||||
|
||||
.p-#{$i},
|
||||
.pb-#{$i},
|
||||
.py-#{$i} {
|
||||
padding-bottom: $spacing * $i !important;
|
||||
}
|
||||
|
||||
.m-#{$i},
|
||||
.ml-#{$i},
|
||||
.mx-#{$i} {
|
||||
margin-left: $spacing * $i !important;
|
||||
}
|
||||
|
||||
.m-#{$i},
|
||||
.mr-#{$i},
|
||||
.mx-#{$i} {
|
||||
margin-right: $spacing * $i !important;
|
||||
}
|
||||
|
||||
.m-#{$i},
|
||||
.mt-#{$i},
|
||||
.my-#{$i} {
|
||||
margin-top: $spacing * $i !important;
|
||||
}
|
||||
|
||||
.m-#{$i},
|
||||
.mb-#{$i},
|
||||
.my-#{$i} {
|
||||
margin-bottom: $spacing * $i !important;
|
||||
}
|
||||
|
||||
.top-#{$i} {
|
||||
top: $spacing * $i !important;
|
||||
}
|
||||
|
||||
.left-#{$i} {
|
||||
left: $spacing * $i !important;
|
||||
}
|
||||
|
||||
.right-#{$i} {
|
||||
right: $spacing * $i !important;
|
||||
}
|
||||
|
||||
.bottom-#{$i} {
|
||||
bottom: $spacing * $i !important;
|
||||
}
|
||||
|
||||
.top--#{$i} {
|
||||
top: -$spacing * $i !important;
|
||||
}
|
||||
|
||||
.left--#{$i} {
|
||||
left: -$spacing * $i !important;
|
||||
}
|
||||
|
||||
.right--#{$i} {
|
||||
right: -$spacing * $i !important;
|
||||
}
|
||||
|
||||
.bottom--#{$i} {
|
||||
bottom: -$spacing * $i !important;
|
||||
}
|
||||
}
|
||||
|
||||
.inline-flex {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: flex;
|
||||
|
||||
&-shrink-0 {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
@each $var in wrap,
|
||||
nowrap {
|
||||
&-#{$var} {
|
||||
flex-wrap: $var;
|
||||
}
|
||||
}
|
||||
|
||||
@each $var in column,
|
||||
column-reverse,
|
||||
row,
|
||||
row-reverse {
|
||||
&-#{$var} {
|
||||
flex-direction: $var;
|
||||
}
|
||||
}
|
||||
|
||||
@each $var in center,
|
||||
baseline,
|
||||
flex-start,
|
||||
flex-end {
|
||||
&-y-#{$var} {
|
||||
align-items: $var;
|
||||
}
|
||||
}
|
||||
|
||||
@each $var in center,
|
||||
flex-start,
|
||||
flex-end,
|
||||
space-around,
|
||||
space-between,
|
||||
space-evenly {
|
||||
&-x-#{$var} {
|
||||
justify-content: $var;
|
||||
}
|
||||
}
|
||||
|
||||
@for $i from 1 through 12 {
|
||||
&-#{$i} {
|
||||
flex: $i;
|
||||
min-width: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&-center {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
|
||||
[class*="grid-columns-"] {
|
||||
display: grid;
|
||||
align-content: flex-start;
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(24, minmax(0px, 1fr));
|
||||
|
||||
@for $i from 1 through 23 {
|
||||
&-columns-#{$i} {
|
||||
grid-template-columns: repeat($i, minmax(0px, 1fr));
|
||||
}
|
||||
}
|
||||
|
||||
@for $i from 1 through 10 {
|
||||
|
||||
&-gap-#{$i},
|
||||
&-gap-x-#{$i} {
|
||||
column-gap: $spacing * $i !important;
|
||||
}
|
||||
|
||||
&-gap-#{$i},
|
||||
&-gap-y-#{$i} {
|
||||
row-gap: $spacing * $i !important;
|
||||
}
|
||||
}
|
||||
|
||||
@for $i from 1 through 24 {
|
||||
&-column-#{$i} {
|
||||
grid-column: span $i / span $i;
|
||||
}
|
||||
|
||||
&-row-#{$i} {
|
||||
grid-row: span $i / span $i;
|
||||
}
|
||||
}
|
||||
|
||||
@each $key, $value in $breakpoint {
|
||||
@media only screen and (min-width: $value) {
|
||||
@for $i from 1 through 24 {
|
||||
&-columns-#{$key}-#{$i} {
|
||||
grid-template-columns: repeat($i, minmax(0px, 1fr));
|
||||
}
|
||||
|
||||
&-column-#{$key}-#{$i} {
|
||||
grid-column: span $i / span $i;
|
||||
}
|
||||
|
||||
&-row-#{$key}-#{$i} {
|
||||
grid-row: span $i / span $i;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@each $var in relative,
|
||||
absolute,
|
||||
fixed,
|
||||
sticky {
|
||||
.position-#{$var} {
|
||||
position: $var;
|
||||
}
|
||||
}
|
||||
|
||||
@for $i from 1 through 20 {
|
||||
.vh-#{$i * 5} {
|
||||
height: $i * 5vh;
|
||||
}
|
||||
|
||||
.vw-#{$i * 5} {
|
||||
width: $i * 5vw;
|
||||
}
|
||||
|
||||
.h-#{$i * 5} {
|
||||
height: $i * 5%;
|
||||
}
|
||||
|
||||
.w-#{$i * 5} {
|
||||
width: $i * 5%;
|
||||
}
|
||||
|
||||
.min-h-#{$i * 5} {
|
||||
min-height: $i * 5%;
|
||||
}
|
||||
|
||||
.min-w-#{$i * 5} {
|
||||
min-width: $i * 5%;
|
||||
}
|
||||
|
||||
.min-vh-#{$i * 5} {
|
||||
min-height: $i * 5vh;
|
||||
}
|
||||
|
||||
.min-vw-#{$i * 5} {
|
||||
min-width: $i * 5vw;
|
||||
}
|
||||
|
||||
.max-h-#{$i * 5} {
|
||||
max-height: $i * 5%;
|
||||
}
|
||||
|
||||
.max-w-#{$i * 5} {
|
||||
max-width: $i * 5%;
|
||||
}
|
||||
|
||||
.max-vh-#{$i * 5} {
|
||||
max-height: $i * 5vh;
|
||||
}
|
||||
|
||||
.max-vw-#{$i * 5} {
|
||||
max-width: $i * 5vw;
|
||||
}
|
||||
}
|
||||
|
||||
.bg {
|
||||
background-color: var(--el-bg-color);
|
||||
}
|
||||
|
||||
.bg-filter {
|
||||
backdrop-filter: blur(6px);
|
||||
}
|
||||
|
||||
.bg-mosaic,
|
||||
.el-avatar.bg-mosaic,
|
||||
#app .el-avatar {
|
||||
--el-avatar-bg-color:#1E1E1E;
|
||||
/* background: linear-gradient(45deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%),
|
||||
linear-gradient(-45deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%),
|
||||
linear-gradient(45deg, transparent 75%, rgba(255, 255, 255, 0.05) 75%),
|
||||
linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, 0.05) 75%);
|
||||
background-size: 20px 20px;
|
||||
background-position: 0 0, 0 10px, 10px -10px, -10px 0px; */
|
||||
}
|
||||
|
||||
@each $key,
|
||||
$color in $color-list {
|
||||
|
||||
.bg-#{$key},
|
||||
.hover-bg-#{$key}:hover {
|
||||
background-color: $color;
|
||||
}
|
||||
}
|
||||
|
||||
@for $i from 1 through 20 {
|
||||
.bg-#{$i * 5} {
|
||||
background-color: rgba(var(--el-bg-color-rgb-r), var(--el-bg-color-rgb-g), var(--el-bg-color-rgb-b), $i * 0.05);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.text {
|
||||
|
||||
@each $key,
|
||||
$color in $text-color-list {
|
||||
&-#{$key} {
|
||||
color: $color;
|
||||
}
|
||||
}
|
||||
|
||||
@each $var in nowrap,
|
||||
wrap {
|
||||
&-#{$var} {
|
||||
white-space: $var;
|
||||
}
|
||||
}
|
||||
|
||||
@each $var in break-all,
|
||||
break-word,
|
||||
keep-all {
|
||||
&-#{$var} {
|
||||
word-break: $var;
|
||||
}
|
||||
}
|
||||
|
||||
@for $i from 1 through 10 {
|
||||
&-ellipsis-#{$i} {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
line-clamp: $i;
|
||||
-webkit-line-clamp: $i;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
}
|
||||
|
||||
@for $i from 1 through 5 {
|
||||
&-spacing-#{$i} {
|
||||
word-spacing: $i * 0.53333vw;
|
||||
}
|
||||
}
|
||||
|
||||
@for $i from 1 through 5 {
|
||||
&-letter-spacing-#{$i} {
|
||||
letter-spacing: $i * 0.53333vw;
|
||||
}
|
||||
}
|
||||
|
||||
@each $var in left,
|
||||
center,
|
||||
right,
|
||||
initial {
|
||||
&-#{$var} {
|
||||
text-align: $var;
|
||||
}
|
||||
}
|
||||
|
||||
@each $var in capitalize,
|
||||
uppercase,
|
||||
lowercase {
|
||||
&-#{$var} {
|
||||
text-transform: $var;
|
||||
}
|
||||
}
|
||||
|
||||
&-s {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
}
|
||||
|
||||
@each $i in $direction {
|
||||
|
||||
.border,
|
||||
.border-#{$i} {
|
||||
border-#{$i}-width: $border-size;
|
||||
border-#{$i}-style: solid;
|
||||
border-#{$i}-color: var(--el-border-color);
|
||||
}
|
||||
|
||||
@each $key,
|
||||
$var in $color-list {
|
||||
|
||||
.border-#{$key},
|
||||
.border-#{$i}-#{$key} {
|
||||
border-#{$i}-color: $var;
|
||||
}
|
||||
|
||||
.border-hover-#{$key}:hover,
|
||||
.border-hover-#{$i}-#{$key}:hover {
|
||||
border-#{$i}-color: $var;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@for $i from 0 through 6 {
|
||||
@each $n in $direction {
|
||||
|
||||
.border-#{$i},
|
||||
.border-#{$n}-#{$i} {
|
||||
border-#{$n}-width: $i * $border-size;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@each $i in solid,
|
||||
dotted,
|
||||
dashed,
|
||||
double,
|
||||
groove,
|
||||
ridge,
|
||||
inset,
|
||||
outset {
|
||||
@each $n in $direction {
|
||||
|
||||
.border-#{$i},
|
||||
.border-#{$n}-#{$i} {
|
||||
border-#{$n}-style: $i;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.rounded-circle {
|
||||
border-radius: 50% !important;
|
||||
}
|
||||
|
||||
.rounded-round {
|
||||
border-radius: 100px !important;
|
||||
}
|
||||
|
||||
@for $i from 0 through 6 {
|
||||
@if $i ==1 {
|
||||
|
||||
.rounded,
|
||||
.rounded-left,
|
||||
.rounded-bottom,
|
||||
.rounded-bottom-left {
|
||||
border-bottom-left-radius: $i * $rounded-size;
|
||||
}
|
||||
|
||||
.rounded,
|
||||
.rounded-left,
|
||||
.rounded-top,
|
||||
.rounded-top-left {
|
||||
border-top-left-radius: $i * $rounded-size;
|
||||
}
|
||||
|
||||
.rounded,
|
||||
.rounded-right,
|
||||
.rounded-bottom,
|
||||
.rounded-bottom-right {
|
||||
border-bottom-right-radius: $i * $rounded-size;
|
||||
}
|
||||
|
||||
.rounded,
|
||||
.rounded-right,
|
||||
.rounded-top,
|
||||
.rounded-top-right {
|
||||
border-top-right-radius: $i * $rounded-size;
|
||||
}
|
||||
}
|
||||
|
||||
@else {
|
||||
|
||||
.rounded-#{$i},
|
||||
.rounded-left-#{$i},
|
||||
.rounded-bottom-#{$i},
|
||||
.rounded-bottom-left-#{$i} {
|
||||
border-bottom-left-radius: $i * $rounded-size !important;
|
||||
}
|
||||
|
||||
.rounded-#{$i},
|
||||
.rounded-left-#{$i},
|
||||
.rounded-top-#{$i},
|
||||
.rounded-top-left-#{$i} {
|
||||
border-top-left-radius: $i * $rounded-size !important;
|
||||
}
|
||||
|
||||
.rounded-#{$i},
|
||||
.rounded-right-#{$i},
|
||||
.rounded-bottom-#{$i},
|
||||
.rounded-bottom-right-#{$i} {
|
||||
border-bottom-right-radius: $i * $rounded-size !important;
|
||||
}
|
||||
|
||||
.rounded-#{$i},
|
||||
.rounded-right-#{$i},
|
||||
.rounded-top-#{$i},
|
||||
.rounded-top-right-#{$i} {
|
||||
border-top-right-radius: $i * $rounded-size !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.font-weight {
|
||||
&-bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
&-normal {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
@for $i from 1 through 9 {
|
||||
&-#{$i * 100} {
|
||||
font-weight: $i * 100;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@for $i from 1 through 10 {
|
||||
.h#{$i} {
|
||||
font-size: 32px - ($i * 2px);
|
||||
}
|
||||
}
|
||||
|
||||
.line-height {
|
||||
line-height: 1;
|
||||
|
||||
@for $i from 1 through 10 {
|
||||
&-#{$i} {
|
||||
line-height: 20px + ($i * 2px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@each $i in hidden,
|
||||
visible,
|
||||
auto,
|
||||
scroll {
|
||||
|
||||
.overflow-#{$i},
|
||||
.overflow-x-#{$i} {
|
||||
overflow-x: $i;
|
||||
}
|
||||
|
||||
.overflow-#{$i},
|
||||
.overflow-y-#{$i} {
|
||||
overflow-y: $i;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.shadow {
|
||||
box-shadow: var(--el-box-shadow);
|
||||
|
||||
@each $i in light,
|
||||
lighter,
|
||||
dark {
|
||||
&-#{$i} {
|
||||
box-shadow:var(--el-box-shadow-#{$i});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pointer {
|
||||
cursor: pointer;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,698 @@
|
||||
html,
|
||||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 14px;
|
||||
font-synthesis: none;
|
||||
color: var(--el-text-color-primary);
|
||||
background-color: var(--el-bg-color);
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
* {
|
||||
outline: none;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.layouts {
|
||||
width: 100%;
|
||||
max-width: var(--layouts-width);
|
||||
margin: 0 auto;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.layouts-empty {
|
||||
min-height: calc(100vh - var(--header-height) - var(--footer-height));
|
||||
}
|
||||
|
||||
.el-main.layouts-main-scrollbar {
|
||||
display: -webkit-box !important;
|
||||
display: -ms-flexbox !important;
|
||||
display: flex !important;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.table-layouts {
|
||||
overflow: hidden;
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.z-index {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.z-index-10 {
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.z-index-100 {
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.z-index-1000 {
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.z-index-10000 {
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar:horizontal {
|
||||
height: 6px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: #E5EAF3;
|
||||
border-radius: 10px;
|
||||
-webkit-transition: all .2s ease-in-out;
|
||||
transition: all .2s ease-in-out;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
cursor: pointer;
|
||||
background-color: #E5EAF3;
|
||||
}
|
||||
|
||||
.circular {
|
||||
display: inline;
|
||||
height: var(--el-loading-spinner-size);
|
||||
width: var(--el-loading-spinner-size);
|
||||
-webkit-animation: 2s linear 0s infinite normal none running loading-rotate;
|
||||
animation: 2s linear 0s infinite normal none running loading-rotate;
|
||||
}
|
||||
|
||||
.el-text--small {
|
||||
--el-link-font-size: var(--el-font-size-extra-small) !important;
|
||||
}
|
||||
|
||||
.el-switch__core .el-switch__action {
|
||||
color: var(--el-switch-on-color) !important;
|
||||
}
|
||||
|
||||
.el-switch.is-checked .el-switch__core .el-switch__action {
|
||||
color: var(--el-switch-on-color) !important;
|
||||
}
|
||||
|
||||
.el-radio {
|
||||
margin-right: 10px !important;
|
||||
}
|
||||
|
||||
.el-button.el-button--success:not(.is-text) {
|
||||
--el-button-text-color: var(--el-bg-color);
|
||||
}
|
||||
|
||||
.el-popper.is-red {
|
||||
/* Set padding to ensure the height is 32px */
|
||||
padding: 6px 12px;
|
||||
background: #f04d4d;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.el-popper.is-red .el-popper__arrow::before {
|
||||
background: #f04d4d;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.el-messagebox-width .el-message-box__message {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.userinfo-menu {
|
||||
width: 180px;
|
||||
--el-dropdown-menuItem-hover-fill: var(--el-bg-color-page) !important;
|
||||
--el-dropdown-menuItem-hover-color: var(--el-text-color-primary) !important;
|
||||
--el-text-color-regular: var(--el-text-color-primary) !important;
|
||||
}
|
||||
|
||||
.userinfo-menu .el-dropdown-menu {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.userinfo-menu .el-dropdown-menu__item {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.userinfo-menu .el-dropdown-menu__item .el-icon {
|
||||
color: var(--el-text-color-primary);
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.userinfo-menu .el-dropdown-menu__item:hover {
|
||||
background-color: var(--el-bg-color-page);
|
||||
}
|
||||
|
||||
.el-button--dark {
|
||||
--el-button-bg-color: #303133;
|
||||
--el-button-text-color: var(--el-color-white);
|
||||
--el-button-border-color: #303133;
|
||||
--el-button-hover-bg-color: rgb(110, 111, 112);
|
||||
--el-button-hover-text-color: var(--el-color-white);
|
||||
--el-button-hover-border-color: rgb(110, 111, 112);
|
||||
--el-button-active-bg-color: rgb(42, 43, 45);
|
||||
--el-button-active-border-color: rgb(42, 43, 45);
|
||||
}
|
||||
|
||||
.el-messagebox-payment {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.el-messagebox-payment .el-message-box__header,
|
||||
.el-messagebox-payment .el-message-box__btns {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.el-messagebox-payment .el-message-box__message {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.el-messagebox-payment .recharge .close {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.languare-list .languare-item {
|
||||
padding: 6px;
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.languare-list .languare-item:hover {
|
||||
color: var(--el-menu-hover-text-color);
|
||||
background-color: var(--el-menu-hover-bg-color);
|
||||
}
|
||||
|
||||
.w-e-text-container [data-slate-editor] pre > code {
|
||||
text-shadow: none !important;
|
||||
}
|
||||
|
||||
.el-loading-parent--relative .el-loading-spinner {
|
||||
--el-loading-spinner-size: 20px;
|
||||
--el-color-primary: #FFFFFF;
|
||||
}
|
||||
|
||||
.el-loading-parent--relative .el-loading-spinner .el-loading-text {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.action-dialog {
|
||||
--el-dialog-border-radius: 10px;
|
||||
--el-messagebox-font-size: 14px;
|
||||
--max-height: calc(100vh - 32px);
|
||||
max-height: var(--max-height);
|
||||
}
|
||||
|
||||
.action-dialog .el-message-box__header {
|
||||
padding: 20px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.action-dialog .el-message-box__header .el-message-box__title {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.action-dialog .el-message-box__header .el-message-box__headerbtn {
|
||||
top: 26px;
|
||||
right: 12px;
|
||||
}
|
||||
|
||||
.action-dialog .el-message-box__message {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
padding: 20px;
|
||||
max-height: calc(var(--max-height) - 24px - 64px);
|
||||
}
|
||||
|
||||
.action-dialog .el-message-box__message .el-scrollbar {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.action-dialog .el-message-box__message .el-scrollbar .el-form.layouts {
|
||||
padding-top: 0px;
|
||||
}
|
||||
|
||||
.action-dialog .el-dialog__body .item-label {
|
||||
width: 140px;
|
||||
}
|
||||
|
||||
.action-dialog .el-message-box__btns {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.full-action-dialog {
|
||||
height: var(--max-height);
|
||||
}
|
||||
|
||||
.full-action-dialog .el-message-box__message {
|
||||
height: calc(var(--max-height) - 24px - 64px);
|
||||
}
|
||||
|
||||
.el-form .none-label .el-form-item__label {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.el-form .el-form-item__content {
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: start;
|
||||
-ms-flex-align: start;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.el-form .submit-item .el-form-item__content {
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: row;
|
||||
flex-direction: row;
|
||||
-webkit-box-pack: start;
|
||||
-ms-flex-pack: start;
|
||||
justify-content: flex-start;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.el-select .el-select-dropdown__item {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.el-table td.el-table__cell .cell {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.el-message-box.x-login-message-box {
|
||||
--el-messagebox-width: min(980px, 100%);
|
||||
--el-messagebox-height: 550px;
|
||||
--el-messagebox-padding-primary: 0px;
|
||||
--el-messagebox-border-radius: 16px;
|
||||
height: var(--el-messagebox-height);
|
||||
}
|
||||
|
||||
.el-message-box.x-login-message-box .el-message-box__message {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.el-message-box.x-login-message-box .el-message-box__btns {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.x-loading-message-box-modal .el-overlay-message-box {
|
||||
padding: 0px !important;
|
||||
}
|
||||
|
||||
.el-message-box.x-loading-message-box {
|
||||
--el-messagebox-width: 100vw;
|
||||
--el-messagebox-height: 100vh;
|
||||
--el-messagebox-padding-primary: 0px;
|
||||
--el-messagebox-border-radius: 0px;
|
||||
height: var(--el-messagebox-height);
|
||||
}
|
||||
|
||||
.el-message-box.x-loading-message-box .el-message-box__message {
|
||||
height: var(--el-messagebox-height);
|
||||
width: 100%;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.el-message-box.x-loading-message-box .el-message-box__btns {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.text-active {
|
||||
color: transparent;
|
||||
background-clip: text;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-image: -webkit-gradient(linear, right top, left top, from(#79FFFF), to(#0DF283));
|
||||
background-image: linear-gradient(to left, #79FFFF 0%, #0DF283 100%);
|
||||
}
|
||||
|
||||
.bg-active {
|
||||
background-image: -webkit-gradient(linear, right top, left top, from(#79FFFF), to(#0DF283));
|
||||
background-image: linear-gradient(to left, #79FFFF 0%, #0DF283 100%);
|
||||
}
|
||||
|
||||
.el-overlay.el-modal-dialog {
|
||||
-webkit-backdrop-filter: blur(6px);
|
||||
backdrop-filter: blur(6px);
|
||||
}
|
||||
|
||||
.el-dialog.drama-dialog {
|
||||
--el-dialog-width: min(100vw, 500px);
|
||||
--el-dialog-padding-primary: 0;
|
||||
--el-dialog-border-radius: 16px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.el-dialog.drama-dialog .el-dialog__header {
|
||||
padding: 20px;
|
||||
border-bottom: 1px solid #262626;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.el-dialog.drama-dialog .el-dialog__header .el-dialog__headerbtn {
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.el-dialog.drama-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
|
||||
color: var(--el-text-color-regular);
|
||||
}
|
||||
|
||||
.el-dialog.drama-dialog .el-dialog__body {
|
||||
padding: 20px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.el-dialog.drama-dialog .el-dialog__footer {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
padding: 20px;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.el-dialog.drama-dialog .el-dialog__footer .el-button {
|
||||
min-width: 100px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.el-dialog.drama-dialog .el-dialog__footer .el-button + .el-button {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.el-dialog.generate-scene-dialog,
|
||||
.el-dialog.generate-storyboard-dialog {
|
||||
--el-dialog-width: min(100vw, 500px);
|
||||
--el-dialog-padding-primary: 0;
|
||||
--el-dialog-border-radius: 16px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.el-dialog.generate-scene-dialog .el-dialog__header,
|
||||
.el-dialog.generate-storyboard-dialog .el-dialog__header {
|
||||
padding: 20px;
|
||||
border-bottom: 1px solid #262626;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.el-dialog.generate-scene-dialog .el-dialog__header .el-dialog__headerbtn,
|
||||
.el-dialog.generate-storyboard-dialog .el-dialog__header .el-dialog__headerbtn {
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.el-dialog.generate-scene-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close,
|
||||
.el-dialog.generate-storyboard-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
|
||||
color: var(--el-text-color-regular);
|
||||
}
|
||||
|
||||
.el-dialog.generate-scene-dialog .el-dialog__body,
|
||||
.el-dialog.generate-storyboard-dialog .el-dialog__body {
|
||||
padding: 20px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.el-dialog.generate-scene-dialog .el-dialog__footer,
|
||||
.el-dialog.generate-storyboard-dialog .el-dialog__footer {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
padding: 20px;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.el-dialog.generate-scene-dialog .el-dialog__footer .el-button,
|
||||
.el-dialog.generate-storyboard-dialog .el-dialog__footer .el-button {
|
||||
min-width: 100px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.el-dialog.generate-scene-dialog .el-dialog__footer .el-button + .el-button,
|
||||
.el-dialog.generate-storyboard-dialog .el-dialog__footer .el-button + .el-button {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.tabs-segmented.el-segmented {
|
||||
--el-border-radius-base: 8px;
|
||||
--el-segmented-bg-color: rgba(30, 30, 30, 0.4) !important;
|
||||
--el-border-color: rgba(255, 255, 255, 0.3);
|
||||
--el-segmented-item-hover-bg-color: rgba(255, 255, 255, 0.1);
|
||||
--el-segmented-item-active-bg-color: rgba(255, 255, 255, 0.1);
|
||||
--el-segmented-padding: 4px;
|
||||
--el-segmented-item-selected-color: var(--el-bg-color);
|
||||
--el-segmented-item-selected-bg-color: #FFFFFF;
|
||||
--el-segmented-item-selected-color: var(--el-bg-color);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.tabs-segmented.el-segmented .el-segmented__item {
|
||||
padding: 8px 0;
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
.tabs-segmented.el-segmented .el-segmented__group {
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.prompt-popper .el-mention-dropdown {
|
||||
--el-mention-option-height: auto;
|
||||
}
|
||||
|
||||
.prompt-popper .el-mention-dropdown .el-mention-dropdown__list {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.prompt-popper .el-mention-dropdown .el-mention-dropdown__list .el-mention-dropdown__item {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
gap: 6px;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.episode-popover.el-popover {
|
||||
--el-popover-bg-color: var(--el-mask-color-extra-light);
|
||||
--el-bg-color-overlay: var(--el-popover-bg-color);
|
||||
-webkit-backdrop-filter: blur(6px);
|
||||
backdrop-filter: blur(6px);
|
||||
min-width: 100px !important;
|
||||
}
|
||||
|
||||
.episode-popover.el-popover.is-light > .el-popper__arrow::before {
|
||||
background: var(--el-popover-bg-color);
|
||||
-webkit-backdrop-filter: blur(4px);
|
||||
backdrop-filter: blur(4px);
|
||||
}
|
||||
|
||||
.el-popper.model-popover {
|
||||
--el-popover-bg-color: rgba(30, 30, 30, 0.5);
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
backdrop-filter: blur(20px);
|
||||
border-radius: 20px;
|
||||
--el-popover-border-color: rgba(255, 255, 255, 0.1);
|
||||
--el-box-shadow-light: none;
|
||||
/* border: 0px solid rgba(255,255,255,0.3); */
|
||||
}
|
||||
|
||||
.el-popper.model-popover .el-popper__arrow::before {
|
||||
background-color: rgba(30, 30, 30, 0.5);
|
||||
}
|
||||
|
||||
.icon-aspect-ratio {
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.icon-aspect-ratio:before {
|
||||
content: '';
|
||||
display: block;
|
||||
border-radius: 4px;
|
||||
-webkit-box-shadow: inset 0 0 0 2px var(--el-text-color-primary);
|
||||
box-shadow: inset 0 0 0 2px var(--el-text-color-primary);
|
||||
}
|
||||
|
||||
.icon-aspect-ratio[view="9:16"]:before {
|
||||
width: 14.625px;
|
||||
height: 26px;
|
||||
}
|
||||
|
||||
.icon-aspect-ratio[view="16:9"]:before {
|
||||
width: 26px;
|
||||
height: 14.625px;
|
||||
}
|
||||
|
||||
.icon-aspect-ratio[view="3:4"]:before {
|
||||
width: 19.5px;
|
||||
height: 26px;
|
||||
}
|
||||
|
||||
.icon-aspect-ratio[view="4:3"]:before {
|
||||
width: 26px;
|
||||
height: 19.5px;
|
||||
}
|
||||
|
||||
.icon-aspect-ratio[view="1:1"]:before {
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
}
|
||||
|
||||
.icon-aspect-ratio[view="2:3"]:before {
|
||||
width: 17.333px;
|
||||
height: 26px;
|
||||
}
|
||||
|
||||
.icon-aspect-ratio[view="3:2"]:before {
|
||||
width: 26px;
|
||||
height: 17.333px;
|
||||
}
|
||||
|
||||
.input-button {
|
||||
-webkit-backdrop-filter: blur(10px);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 20px;
|
||||
cursor: pointer;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
.input-button-selected {
|
||||
background: rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
|
||||
.input-button:hover {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close {
|
||||
color: var(--el-color-success) !important;
|
||||
}
|
||||
/*# sourceMappingURL=style.css.map */
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,120 @@
|
||||
html[data-theme="dark"] {
|
||||
color-scheme: dark;
|
||||
--el-color-primary: #006EFF;
|
||||
--el-color-primary-light-3: rgb(6, 83, 185);
|
||||
--el-color-primary-light-5: #2a598a;
|
||||
--el-color-primary-light-7: #213d5b;
|
||||
--el-color-primary-light-8: #1d3043;
|
||||
--el-color-primary-light-9: #18222c;
|
||||
--el-color-primary-dark-2: rgb(51, 139, 255);
|
||||
--el-color-success: #0DF283;
|
||||
--el-color-success-light-3: rgb(25, 150, 75);
|
||||
--el-color-success-light-5: #3e6b27;
|
||||
--el-color-success-light-7: #2d481f;
|
||||
--el-color-success-light-8: #25371c;
|
||||
--el-color-success-light-9: #1c2518;
|
||||
--el-color-success-dark-2: rgb(73, 215, 130);
|
||||
--el-color-warning: #FBAC15;
|
||||
--el-color-warning-light-3: rgb(182, 126, 21);
|
||||
--el-color-warning-light-5: #7d5b28;
|
||||
--el-color-warning-light-7: #533f20;
|
||||
--el-color-warning-light-8: #3e301c;
|
||||
--el-color-warning-light-9: #292218;
|
||||
--el-color-warning-dark-2: rgb(252, 189, 68);
|
||||
--el-color-danger: #E4221C;
|
||||
--el-color-danger-light-3: rgb(166, 30, 26);
|
||||
--el-color-danger-light-5: #854040;
|
||||
--el-color-danger-light-7: #582e2e;
|
||||
--el-color-danger-light-8: #412626;
|
||||
--el-color-danger-light-9: #2b1d1d;
|
||||
--el-color-danger-dark-2: rgb(233, 78, 73);
|
||||
--el-color-error: #E4221C;
|
||||
--el-color-error-light-3: rgb(166, 30, 26);
|
||||
--el-color-error-light-5: #854040;
|
||||
--el-color-error-light-7: #582e2e;
|
||||
--el-color-error-light-8: #412626;
|
||||
--el-color-error-light-9: #2b1d1d;
|
||||
--el-color-error-dark-2: rgb(233, 78, 73);
|
||||
--el-color-info: #909399;
|
||||
--el-color-info-light-3: #6b6d71;
|
||||
--el-color-info-light-5: #525457;
|
||||
--el-color-info-light-7: #393a3c;
|
||||
--el-color-info-light-8: #2d2d2f;
|
||||
--el-color-info-light-9: #202121;
|
||||
--el-color-info-dark-2: #a6a9ad;
|
||||
--el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .36), 0px 8px 20px rgba(0, 0, 0, .72);
|
||||
--el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .72);
|
||||
--el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .72);
|
||||
--el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .72), 0px 12px 32px #000000, 0px 8px 16px -8px #000000;
|
||||
--el-bg-color-page: #1E1E1E;
|
||||
--el-bg-color: #0C0C0D;
|
||||
--el-bg-color-rgb-r: 10;
|
||||
--el-bg-color-rgb-g: 10;
|
||||
--el-bg-color-rgb-b: 10;
|
||||
--el-bg-color-overlay: #171717;
|
||||
--el-text-color-primary: #E5EAF3;
|
||||
--el-text-color-regular: #CFD3DC;
|
||||
--el-text-color-secondary: #A3A6AD;
|
||||
--el-text-color-placeholder: #8D9095;
|
||||
--el-text-color-disabled: #6C6E72;
|
||||
--el-border-color-darker: #636466;
|
||||
--el-border-color-dark: #58585B;
|
||||
--el-border-color: #272727;
|
||||
--el-border-color-light: #414243;
|
||||
--el-border-color-lighter: #363637;
|
||||
--el-border-color-extra-light: #2B2B2C;
|
||||
--el-fill-color-darker: #424243;
|
||||
--el-fill-color-dark: #39393A;
|
||||
--el-fill-color: #303030;
|
||||
--el-fill-color-light: #262727;
|
||||
--el-fill-color-lighter: #1D1D1D;
|
||||
--el-fill-color-extra-light: #191919;
|
||||
--el-fill-color-blank: transparent;
|
||||
--el-mask-color: rgba(0, 0, 0, .8);
|
||||
--el-mask-color-extra-light: rgba(0, 0, 0, .3);
|
||||
}
|
||||
|
||||
html[data-theme="dark"] .el-button {
|
||||
--el-button-disabled-text-color: rgba(255, 255, 255, .5)
|
||||
;
|
||||
}
|
||||
|
||||
html[data-theme="dark"] .el-card {
|
||||
--el-card-bg-color: var(--el-bg-color-overlay)
|
||||
;
|
||||
}
|
||||
|
||||
html[data-theme="dark"] .el-empty {
|
||||
--el-empty-fill-color-0: var(--el-color-black);
|
||||
--el-empty-fill-color-1: #4b4b52;
|
||||
--el-empty-fill-color-2: #36383d;
|
||||
--el-empty-fill-color-3: #1e1e20;
|
||||
--el-empty-fill-color-4: #262629;
|
||||
--el-empty-fill-color-5: #202124;
|
||||
--el-empty-fill-color-6: #212224;
|
||||
--el-empty-fill-color-7: #1b1c1f;
|
||||
--el-empty-fill-color-8: #1c1d1f;
|
||||
--el-empty-fill-color-9: #18181a;
|
||||
}
|
||||
|
||||
html[data-theme="light"] {
|
||||
--el-bg-color-rgb-r: 255;
|
||||
--el-bg-color-rgb-g: 255;
|
||||
--el-bg-color-rgb-b: 255;
|
||||
--el-color-primary: #006EFF;
|
||||
--el-color-primary-light-3: rgb(77, 154, 255);
|
||||
--el-color-primary-dark-2: rgb(4, 92, 208);
|
||||
--el-color-success: #1BCD63;
|
||||
--el-color-success-light-3: rgb(95, 220, 146);
|
||||
--el-color-success-dark-2: rgb(26, 168, 83);
|
||||
--el-color-warning: #FBAC15;
|
||||
--el-color-warning-light-3: rgb(252, 197, 91);
|
||||
--el-color-warning-dark-2: rgb(205, 142, 21);
|
||||
--el-color-danger: #E4221C;
|
||||
--el-color-danger-light-3: rgb(236, 100, 96);
|
||||
--el-color-danger-dark-2: rgb(186, 31, 26);
|
||||
--el-color-error: #E4221C;
|
||||
--el-color-error-light-3: rgb(236, 100, 96);
|
||||
--el-color-error-dark-2: rgb(186, 31, 26);
|
||||
}
|
||||
/*# sourceMappingURL=theme.css.map */
|
||||
@@ -0,0 +1,9 @@
|
||||
{
|
||||
"version": 3,
|
||||
"mappings": "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",
|
||||
"sources": [
|
||||
"../theme.scss"
|
||||
],
|
||||
"names": [],
|
||||
"file": "theme.css"
|
||||
}
|
||||
@@ -0,0 +1,619 @@
|
||||
html,
|
||||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 14px;
|
||||
font-synthesis: none;
|
||||
color: var(--el-text-color-primary);
|
||||
background-color: var(--el-bg-color);
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
* {
|
||||
outline: none;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.layouts {
|
||||
width: 100%;
|
||||
max-width: var(--layouts-width);
|
||||
margin: 0 auto;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.layouts-empty {
|
||||
min-height: calc(100vh - var(--header-height) - var(--footer-height));
|
||||
}
|
||||
|
||||
.el-main.layouts-main-scrollbar {
|
||||
display: flex !important;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.table-layouts {
|
||||
overflow: hidden;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.z-index {
|
||||
z-index: 1
|
||||
}
|
||||
|
||||
.z-index-10 {
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.z-index-100 {
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.z-index-1000 {
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.z-index-10000 {
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar:horizontal {
|
||||
height: 6px
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
border-radius: 10px
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: #E5EAF3;
|
||||
border-radius: 10px;
|
||||
transition: all .2s ease-in-out
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
cursor: pointer;
|
||||
background-color: #E5EAF3
|
||||
}
|
||||
|
||||
.circular {
|
||||
display: inline;
|
||||
height: var(--el-loading-spinner-size);
|
||||
width: var(--el-loading-spinner-size);
|
||||
animation: 2s linear 0s infinite normal none running loading-rotate;
|
||||
}
|
||||
|
||||
.el-text--small {
|
||||
--el-link-font-size: var(--el-font-size-extra-small) !important;
|
||||
}
|
||||
|
||||
.el-switch__core .el-switch__action {
|
||||
color: var(--el-switch-on-color) !important;
|
||||
}
|
||||
|
||||
.el-switch.is-checked .el-switch__core .el-switch__action {
|
||||
color: var(--el-switch-on-color) !important;
|
||||
}
|
||||
|
||||
.el-radio {
|
||||
margin-right: 10px !important;
|
||||
}
|
||||
|
||||
.el-button.el-button--success:not(.is-text) {
|
||||
--el-button-text-color: var(--el-bg-color);
|
||||
}
|
||||
|
||||
.el-popper.is-red {
|
||||
/* Set padding to ensure the height is 32px */
|
||||
padding: 6px 12px;
|
||||
background: rgb(240, 77, 77);
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.el-popper.is-red .el-popper__arrow::before {
|
||||
background: rgb(240, 77, 77);
|
||||
right: 0;
|
||||
}
|
||||
|
||||
|
||||
.el-messagebox-width {
|
||||
.el-message-box__message {
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.userinfo-menu {
|
||||
width: 180px;
|
||||
--el-dropdown-menuItem-hover-fill: var(--el-bg-color-page) !important;
|
||||
--el-dropdown-menuItem-hover-color: var(--el-text-color-primary) !important;
|
||||
--el-text-color-regular: var(--el-text-color-primary) !important;
|
||||
|
||||
.el-dropdown-menu {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.el-dropdown-menu__item {
|
||||
.el-icon {
|
||||
color: var(--el-text-color-primary);
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.el-dropdown-menu__item:hover {
|
||||
background-color: var(--el-bg-color-page);
|
||||
}
|
||||
}
|
||||
|
||||
.el-button--dark {
|
||||
--el-button-bg-color: #303133;
|
||||
--el-button-text-color: var(--el-color-white);
|
||||
--el-button-border-color: #303133;
|
||||
--el-button-hover-bg-color: rgb(110, 111, 112);
|
||||
--el-button-hover-text-color: var(--el-color-white);
|
||||
--el-button-hover-border-color: rgb(110, 111, 112);
|
||||
--el-button-active-bg-color: rgb(42, 43, 45);
|
||||
--el-button-active-border-color: rgb(42, 43, 45);
|
||||
}
|
||||
|
||||
.el-messagebox-payment {
|
||||
|
||||
.el-message-box__header,
|
||||
.el-message-box__btns {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.el-message-box__message {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
padding: 0;
|
||||
|
||||
.recharge {
|
||||
.close {
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.languare-list {
|
||||
.languare-item {
|
||||
padding: 6px;
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
color: var(--el-menu-hover-text-color);
|
||||
background-color: var(--el-menu-hover-bg-color);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.w-e-text-container [data-slate-editor] pre>code {
|
||||
text-shadow: none !important;
|
||||
}
|
||||
|
||||
.el-loading-parent--relative {
|
||||
.el-loading-spinner {
|
||||
--el-loading-spinner-size: 20px;
|
||||
--el-color-primary: #FFFFFF;
|
||||
|
||||
.el-loading-text {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.action-dialog {
|
||||
--el-dialog-border-radius: 10px;
|
||||
--el-messagebox-font-size: 14px;
|
||||
--max-height: calc(100vh - 32px);
|
||||
max-height: var(--max-height);
|
||||
|
||||
.el-message-box__header {
|
||||
padding: 20px;
|
||||
margin-right: 0;
|
||||
|
||||
.el-message-box__title {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.el-message-box__headerbtn {
|
||||
top: 26px;
|
||||
right: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
.el-message-box__message {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 20px;
|
||||
max-height: calc(var(--max-height) - 24px - 64px);
|
||||
|
||||
.el-scrollbar {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.el-form.layouts {
|
||||
padding-top: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.el-dialog__body .item-label {
|
||||
width: 140px;
|
||||
}
|
||||
|
||||
.el-message-box__btns {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.full-action-dialog {
|
||||
height: var(--max-height);
|
||||
|
||||
.el-message-box__message {
|
||||
height: calc(var(--max-height) - 24px - 64px);
|
||||
}
|
||||
}
|
||||
|
||||
.el-form {
|
||||
.none-label {
|
||||
.el-form-item__label {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.el-form-item__content {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.submit-item {
|
||||
.el-form-item__content {
|
||||
flex-direction: row;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.el-select {
|
||||
.el-select-dropdown__item {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.el-table td.el-table__cell .cell {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.el-message-box.x-login-message-box {
|
||||
--el-messagebox-width: min(980px, 100%);
|
||||
--el-messagebox-height: 550px;
|
||||
--el-messagebox-padding-primary: 0px;
|
||||
--el-messagebox-border-radius: 16px;
|
||||
height: var(--el-messagebox-height);
|
||||
|
||||
.el-message-box__message {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.el-message-box__btns {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.x-loading-message-box-modal {
|
||||
.el-overlay-message-box {
|
||||
padding: 0px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.el-message-box.x-loading-message-box {
|
||||
--el-messagebox-width: 100vw;
|
||||
--el-messagebox-height: 100vh;
|
||||
--el-messagebox-padding-primary: 0px;
|
||||
--el-messagebox-border-radius: 0px;
|
||||
height: var(--el-messagebox-height);
|
||||
|
||||
.el-message-box__message {
|
||||
height: var(--el-messagebox-height);
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.el-message-box__btns {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.text-active {
|
||||
color: transparent;
|
||||
background-clip: text;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-image: linear-gradient(to left, #79FFFF 0%, #0DF283 100%);
|
||||
}
|
||||
|
||||
.bg-active {
|
||||
background-image: linear-gradient(to left, #79FFFF 0%, #0DF283 100%);
|
||||
}
|
||||
|
||||
.el-overlay.el-modal-dialog {
|
||||
backdrop-filter: blur(6px);
|
||||
}
|
||||
|
||||
.el-dialog.drama-dialog {
|
||||
--el-dialog-width: min(100vw, 500px);
|
||||
--el-dialog-padding-primary: 0;
|
||||
--el-dialog-border-radius: 16px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
|
||||
.el-dialog__header {
|
||||
padding: 20px;
|
||||
border-bottom: 1px solid #262626;
|
||||
position: relative;
|
||||
|
||||
.el-dialog__headerbtn {
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
font-size: 20px;
|
||||
|
||||
.el-dialog__close {
|
||||
color: var(--el-text-color-regular);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.el-dialog__body {
|
||||
padding: 20px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.el-dialog__footer {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 20px;
|
||||
gap: 20px;
|
||||
|
||||
.el-button {
|
||||
min-width: 100px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.el-button+.el-button {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.el-dialog.generate-scene-dialog,
|
||||
.el-dialog.generate-storyboard-dialog {
|
||||
--el-dialog-width: min(100vw, 500px);
|
||||
--el-dialog-padding-primary: 0;
|
||||
--el-dialog-border-radius: 16px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
|
||||
.el-dialog__header {
|
||||
padding: 20px;
|
||||
border-bottom: 1px solid #262626;
|
||||
position: relative;
|
||||
|
||||
.el-dialog__headerbtn {
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
font-size: 20px;
|
||||
|
||||
.el-dialog__close {
|
||||
color: var(--el-text-color-regular);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.el-dialog__body {
|
||||
padding: 20px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.el-dialog__footer {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 20px;
|
||||
gap: 20px;
|
||||
|
||||
.el-button {
|
||||
min-width: 100px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.el-button+.el-button {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tabs-segmented.el-segmented {
|
||||
--el-border-radius-base: 8px;
|
||||
--el-segmented-bg-color: rgba(30, 30, 30, 0.4) !important;
|
||||
--el-border-color: rgba(255, 255, 255, 0.3);
|
||||
--el-segmented-item-hover-bg-color: rgba(255, 255, 255, 0.1);
|
||||
--el-segmented-item-active-bg-color: rgba(255, 255, 255, 0.1);
|
||||
--el-segmented-padding: 4px;
|
||||
--el-segmented-item-selected-color: var(--el-bg-color);
|
||||
--el-segmented-item-selected-bg-color: #FFFFFF;
|
||||
--el-segmented-item-selected-color: var(--el-bg-color);
|
||||
font-weight: 600;
|
||||
|
||||
.el-segmented__item {
|
||||
padding: 8px 0;
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
.el-segmented__group {
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
// .el-segmented__item-selected {
|
||||
// background-image: linear-gradient(to left, #79FFFF 0%, #0DF283 100%);
|
||||
// }
|
||||
}
|
||||
|
||||
.prompt-popper {
|
||||
.el-mention-dropdown {
|
||||
--el-mention-option-height: auto;
|
||||
|
||||
.el-mention-dropdown__list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
|
||||
.el-mention-dropdown__item {
|
||||
display: flex;
|
||||
gap: 6px;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.episode-popover.el-popover {
|
||||
--el-popover-bg-color: var(--el-mask-color-extra-light);
|
||||
--el-bg-color-overlay: var(--el-popover-bg-color);
|
||||
backdrop-filter: blur(6px);
|
||||
min-width: 100px !important;
|
||||
|
||||
&.is-light>.el-popper__arrow::before {
|
||||
background: var(--el-popover-bg-color);
|
||||
backdrop-filter: blur(4px);
|
||||
}
|
||||
}
|
||||
|
||||
.el-popper.model-popover {
|
||||
--el-popover-bg-color: rgba(30, 30, 30, 0.5);
|
||||
backdrop-filter: blur(20px);
|
||||
border-radius: 20px;
|
||||
--el-popover-border-color: rgba(255, 255, 255, 0.1);
|
||||
--el-box-shadow-light: none;
|
||||
|
||||
/* border: 0px solid rgba(255,255,255,0.3); */
|
||||
.el-popper__arrow::before {
|
||||
background-color: rgba(30, 30, 30, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.icon-aspect-ratio {
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
&:before {
|
||||
content: '';
|
||||
display: block;
|
||||
border-radius: 4px;
|
||||
box-shadow: inset 0 0 0 2px var(--el-text-color-primary);
|
||||
}
|
||||
|
||||
&[view="9:16"] {
|
||||
&:before {
|
||||
width: 14.625px;
|
||||
height: 26px;
|
||||
}
|
||||
}
|
||||
|
||||
&[view="16:9"] {
|
||||
&:before {
|
||||
width: 26px;
|
||||
height: 14.625px;
|
||||
}
|
||||
}
|
||||
|
||||
&[view="3:4"] {
|
||||
&:before {
|
||||
width: 19.5px;
|
||||
height: 26px;
|
||||
}
|
||||
}
|
||||
|
||||
&[view="4:3"] {
|
||||
&:before {
|
||||
width: 26px;
|
||||
height: 19.5px;
|
||||
}
|
||||
}
|
||||
|
||||
&[view="1:1"] {
|
||||
&:before {
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
}
|
||||
}
|
||||
|
||||
&[view="2:3"] {
|
||||
&:before {
|
||||
width: 17.333px;
|
||||
height: 26px;
|
||||
}
|
||||
}
|
||||
|
||||
&[view="3:2"] {
|
||||
&:before {
|
||||
width: 26px;
|
||||
height: 17.333px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.input-button {
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 20px;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
|
||||
&-selected {
|
||||
background: rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close{
|
||||
color: var(--el-color-success) !important;
|
||||
}
|
||||
@@ -0,0 +1,117 @@
|
||||
html[data-theme="dark"] {
|
||||
color-scheme: dark;
|
||||
--el-color-primary: #006EFF;
|
||||
--el-color-primary-light-3: rgb(6, 83, 185);
|
||||
--el-color-primary-light-5: #2a598a;
|
||||
--el-color-primary-light-7: #213d5b;
|
||||
--el-color-primary-light-8: #1d3043;
|
||||
--el-color-primary-light-9: #18222c;
|
||||
--el-color-primary-dark-2: rgb(51, 139, 255);
|
||||
--el-color-success: #0DF283;
|
||||
--el-color-success-light-3: rgb(25, 150, 75);
|
||||
--el-color-success-light-5: #3e6b27;
|
||||
--el-color-success-light-7: #2d481f;
|
||||
--el-color-success-light-8: #25371c;
|
||||
--el-color-success-light-9: #1c2518;
|
||||
--el-color-success-dark-2: rgb(73, 215, 130);
|
||||
--el-color-warning: #FBAC15;
|
||||
--el-color-warning-light-3: rgb(182, 126, 21);
|
||||
--el-color-warning-light-5: #7d5b28;
|
||||
--el-color-warning-light-7: #533f20;
|
||||
--el-color-warning-light-8: #3e301c;
|
||||
--el-color-warning-light-9: #292218;
|
||||
--el-color-warning-dark-2: rgb(252, 189, 68);
|
||||
--el-color-danger: #E4221C;
|
||||
--el-color-danger-light-3: rgb(166, 30, 26);
|
||||
--el-color-danger-light-5: #854040;
|
||||
--el-color-danger-light-7: #582e2e;
|
||||
--el-color-danger-light-8: #412626;
|
||||
--el-color-danger-light-9: #2b1d1d;
|
||||
--el-color-danger-dark-2: rgb(233, 78, 73);
|
||||
--el-color-error: #E4221C;
|
||||
--el-color-error-light-3: rgb(166, 30, 26);
|
||||
--el-color-error-light-5: #854040;
|
||||
--el-color-error-light-7: #582e2e;
|
||||
--el-color-error-light-8: #412626;
|
||||
--el-color-error-light-9: #2b1d1d;
|
||||
--el-color-error-dark-2: rgb(233, 78, 73);
|
||||
--el-color-info: #909399;
|
||||
--el-color-info-light-3: #6b6d71;
|
||||
--el-color-info-light-5: #525457;
|
||||
--el-color-info-light-7: #393a3c;
|
||||
--el-color-info-light-8: #2d2d2f;
|
||||
--el-color-info-light-9: #202121;
|
||||
--el-color-info-dark-2: #a6a9ad;
|
||||
--el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .36), 0px 8px 20px rgba(0, 0, 0, .72);
|
||||
--el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .72);
|
||||
--el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .72);
|
||||
--el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .72), 0px 12px 32px #000000, 0px 8px 16px -8px #000000;
|
||||
--el-bg-color-page: #1E1E1E;
|
||||
--el-bg-color: #0C0C0D;
|
||||
--el-bg-color-rgb-r: 10;
|
||||
--el-bg-color-rgb-g: 10;
|
||||
--el-bg-color-rgb-b: 10;
|
||||
--el-bg-color-overlay: #171717;
|
||||
--el-text-color-primary: #E5EAF3;
|
||||
--el-text-color-regular: #CFD3DC;
|
||||
--el-text-color-secondary: #A3A6AD;
|
||||
--el-text-color-placeholder: #8D9095;
|
||||
--el-text-color-disabled: #6C6E72;
|
||||
--el-border-color-darker: #636466;
|
||||
--el-border-color-dark: #58585B;
|
||||
--el-border-color: #272727;
|
||||
--el-border-color-light: #414243;
|
||||
--el-border-color-lighter: #363637;
|
||||
--el-border-color-extra-light: #2B2B2C;
|
||||
--el-fill-color-darker: #424243;
|
||||
--el-fill-color-dark: #39393A;
|
||||
--el-fill-color: #303030;
|
||||
--el-fill-color-light: #262727;
|
||||
--el-fill-color-lighter: #1D1D1D;
|
||||
--el-fill-color-extra-light: #191919;
|
||||
--el-fill-color-blank: transparent;
|
||||
--el-mask-color: rgba(0, 0, 0, .8);
|
||||
--el-mask-color-extra-light: rgba(0, 0, 0, .3);
|
||||
}
|
||||
|
||||
html[data-theme="dark"] .el-button {
|
||||
--el-button-disabled-text-color: rgba(255, 255, 255, .5)
|
||||
}
|
||||
|
||||
html[data-theme="dark"] .el-card {
|
||||
--el-card-bg-color: var(--el-bg-color-overlay)
|
||||
}
|
||||
|
||||
html[data-theme="dark"] .el-empty {
|
||||
--el-empty-fill-color-0: var(--el-color-black);
|
||||
--el-empty-fill-color-1: #4b4b52;
|
||||
--el-empty-fill-color-2: #36383d;
|
||||
--el-empty-fill-color-3: #1e1e20;
|
||||
--el-empty-fill-color-4: #262629;
|
||||
--el-empty-fill-color-5: #202124;
|
||||
--el-empty-fill-color-6: #212224;
|
||||
--el-empty-fill-color-7: #1b1c1f;
|
||||
--el-empty-fill-color-8: #1c1d1f;
|
||||
--el-empty-fill-color-9: #18181a;
|
||||
}
|
||||
|
||||
html[data-theme="light"] {
|
||||
--el-bg-color-rgb-r: 255;
|
||||
--el-bg-color-rgb-g: 255;
|
||||
--el-bg-color-rgb-b: 255;
|
||||
--el-color-primary: #006EFF;
|
||||
--el-color-primary-light-3: rgb(77, 154, 255);
|
||||
--el-color-primary-dark-2: rgb(4, 92, 208);
|
||||
--el-color-success: #1BCD63;
|
||||
--el-color-success-light-3: rgb(95, 220, 146);
|
||||
--el-color-success-dark-2: rgb(26, 168, 83);
|
||||
--el-color-warning: #FBAC15;
|
||||
--el-color-warning-light-3: rgb(252, 197, 91);
|
||||
--el-color-warning-dark-2: rgb(205, 142, 21);
|
||||
--el-color-danger: #E4221C;
|
||||
--el-color-danger-light-3: rgb(236, 100, 96);
|
||||
--el-color-danger-dark-2: rgb(186, 31, 26);
|
||||
--el-color-error: #E4221C;
|
||||
--el-color-error-light-3: rgb(236, 100, 96);
|
||||
--el-color-error-dark-2: rgb(186, 31, 26);
|
||||
}
|
||||
Reference in New Issue
Block a user