272 lines
7.5 KiB
CSS
272 lines
7.5 KiB
CSS
|
|
|
|
.physton-prompt .prompt-header .prompt-unfold .icon-svg-unfold:before {
|
|
/*
|
|
更换图标
|
|
Change icon
|
|
*/
|
|
background-image: url(/physton_prompt/styles?file=extensions/Webui/images/updown.svg);
|
|
background-size: 100% 100%;
|
|
content: "";
|
|
display: inline-block;
|
|
width: 21px;
|
|
height: 21px;
|
|
|
|
|
|
}
|
|
|
|
/* ---------------------------------Helloai 整合包样式--------------------------------*/
|
|
|
|
#header .fwbiXl{
|
|
justify-content: center;
|
|
}
|
|
#header .fwbiXl li{
|
|
background-color: #6a8ca323;
|
|
border-radius: 18px !important ;
|
|
margin-right: 6px;
|
|
top: 0 !important;
|
|
margin-top:0 !important;
|
|
margin-bottom: 0 !important;
|
|
}
|
|
.fwbiXl .ant-menu-overflow-item.ant-menu-item-selected{
|
|
background-color:var(--button-primary-border-color) !important;
|
|
}
|
|
.physton-gradio-container.light .fwbiXl .ant-menu-overflow-item.ant-menu-item-selected{
|
|
color: #ffffff;
|
|
}
|
|
/* -----------------------------------------------------------------------------------*/
|
|
|
|
.physton-prompt .prompt-header .prompt-header-extend .extend-content .extend-btn-group{
|
|
background: #ffffff00;
|
|
}
|
|
.physton-prompt .prompt-header .extend-btn-item .icon-svg-i18n svg path{
|
|
/* 语言设置图标样式*/
|
|
fill: #1296db;
|
|
}
|
|
.physton-prompt .prompt-header .extend-btn-item .icon-svg-setting svg path{
|
|
/* 功能设置图标样式*/
|
|
fill: #1296db;
|
|
}
|
|
.physton-prompt .prompt-header .extend-btn-item .icon-svg-history svg path{
|
|
/* 功能设置图标样式*/
|
|
fill: var(--body-text-color);
|
|
}
|
|
.physton-prompt .prompt-header .setting-box .icon-svg-remove-space svg path{
|
|
/* 功能设置图标样式*/
|
|
fill: var(--body-text-color);
|
|
}
|
|
.physton-prompt .prompt-header .setting-box .icon-svg-tooltip svg path{
|
|
|
|
/* 功能设置图标样式*/
|
|
fill: var(--body-text-color);
|
|
}
|
|
.physton-prompt .prompt-header .setting-box .icon-svg-about svg path{
|
|
|
|
/* 功能设置图标样式*/
|
|
fill: var(--body-text-color);
|
|
}
|
|
.physton-prompt .prompt-header .setting-box .icon-svg-sun svg path{
|
|
|
|
/* 功能设置图标样式*/
|
|
fill: var(--body-text-color);
|
|
}
|
|
.physton-prompt .prompt-header .setting-box .icon-svg-moon svg path{
|
|
|
|
/* 功能设置图标样式*/
|
|
fill: var(--body-text-color);
|
|
}
|
|
.physton-prompt .prompt-header .setting-box .icon-svg-theme svg path{
|
|
|
|
fill: var(--body-text-color);
|
|
}
|
|
.physton-prompt .prompt-header .setting-box .icon-svg-api svg path{
|
|
fill: var(--body-text-color);
|
|
}
|
|
.physton-prompt .prompt-header .setting-box .icon-svg-theme svg{
|
|
height: auto;
|
|
width: 22px;
|
|
}
|
|
.physton-prompt .prompt-header .setting-box .icon-svg-api svg{
|
|
height: auto;
|
|
width: 22px;
|
|
}
|
|
.physton-prompt .prompt-header .setting-box .icon-svg-theme svg {
|
|
height: auto;
|
|
width: 22px;
|
|
}
|
|
.physton-prompt .prompt-header .setting-box .icon-svg-translate svg {
|
|
height: auto;
|
|
width: 22px;
|
|
}
|
|
.physton-prompt .prompt-header .setting-box .icon-svg-english svg {
|
|
height: auto;
|
|
width: 22px;
|
|
}
|
|
.physton-prompt .prompt-header .setting-box .icon-svg-remove-space svg {
|
|
height: auto;
|
|
width: 22px;
|
|
}
|
|
.physton-prompt .prompt-header .setting-box .icon-svg-tooltip svg {
|
|
|
|
height: auto;
|
|
width: 22px;
|
|
}
|
|
.physton-prompt .prompt-header .setting-box .icon-svg-about svg {
|
|
|
|
height: auto;
|
|
width: 22px;
|
|
}
|
|
.physton-prompt .prompt-header .setting-box .icon-svg-sun svg {
|
|
|
|
height: auto;
|
|
width: 22px;
|
|
}
|
|
.physton-prompt .prompt-header .setting-box .icon-svg-moon svg {
|
|
|
|
height: auto;
|
|
width: 22px;
|
|
}
|
|
|
|
|
|
.physton-prompt .prompt-header .prompt-unfold .icon-svg-unfold svg {
|
|
/*
|
|
隐藏原始的图标
|
|
Hide the original icon
|
|
*/
|
|
display: none
|
|
}
|
|
.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .prompt-tag-value{
|
|
color:#1296db;
|
|
}
|
|
|
|
|
|
|
|
|
|
.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .prompt-tag-value.lora-not-exists{
|
|
background: #52a0ef4f;
|
|
}
|
|
/*
|
|
浅色主题
|
|
Light theme
|
|
*/
|
|
|
|
|
|
|
|
.physton-gradio-container.light .physton-prompt .prompt-header .extend-btn-item .icon-svg-favorite:before {
|
|
/* 功能设置图标样式*/
|
|
background-image: url(/physton_prompt/styles?file=extensions/Webui/images/favorite_l.svg);
|
|
background-size: 100% 100%;
|
|
content: "";
|
|
display: inline-block;
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
.physton-gradio-container.light .physton-prompt .prompt-header .extend-btn-item .icon-svg-favorite svg {
|
|
/* 功能设置图标样式*/
|
|
fill: var(--body-text-color);
|
|
display:none;
|
|
}
|
|
|
|
.physton-gradio-container.light .physton-prompt .prompt-header .extend-btn-item .icon-svg-translate svg path{
|
|
/* 功能设置图标样式*/
|
|
fill: var(--body-text-color);
|
|
}
|
|
.physton-gradio-container.light .physton-prompt .prompt-header .extend-btn-item .icon-svg-english svg path{
|
|
/* 功能设置图标样式*/
|
|
fill: var(--body-text-color);
|
|
}
|
|
|
|
|
|
.physton-gradio-container.light .physton-prompt .prompt-header {
|
|
/*
|
|
更换标题栏背景色
|
|
Change the background color of the title bar
|
|
*/
|
|
background: rgba(112, 112, 112, 0);
|
|
|
|
}
|
|
|
|
/**深色主题Dark theme*/
|
|
|
|
.physton-gradio-container.dark .physton-prompt .prompt-header .extend-btn-item .icon-svg-favorite:before {
|
|
/* 功能设置图标样式*/
|
|
background-image: url(/physton_prompt/styles?file=extensions/Webui/images/favorite.svg);
|
|
background-size: 100% 100%;
|
|
content: "";
|
|
display: inline-block;
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
.physton-gradio-container.dark .physton-prompt .prompt-header .extend-btn-item .icon-svg-favorite svg {
|
|
/* 功能设置图标样式*/
|
|
fill: var(--body-text-color);
|
|
display:none;
|
|
}
|
|
|
|
|
|
|
|
.physton-gradio-container.dark .physton-prompt .prompt-header .extend-btn-item .icon-svg-translate svg path{
|
|
/* 功能设置图标样式*/
|
|
fill: var(--body-text-color);
|
|
}
|
|
.physton-gradio-container.dark .physton-prompt .prompt-header .extend-btn-item .icon-svg-english svg path{
|
|
/* 功能设置图标样式*/
|
|
fill: var(--body-text-color);
|
|
}
|
|
|
|
.physton-gradio-container.dark .physton-prompt .prompt-header {
|
|
/*
|
|
更换标题栏背景色
|
|
Change the background color of the title bar
|
|
*/
|
|
background: rgba(112, 112, 112, 0);
|
|
}
|
|
|
|
.physton-prompt .prompt-header .prompt-header-extend .extend-content input[type=checkbox]{
|
|
margin-bottom: 8px!important;
|
|
|
|
}
|
|
.physton-prompt{
|
|
background-color: #ffffff21 !important ;
|
|
border-radius: 5px;
|
|
}
|
|
.physton-prompt .prompt-header .icon-svg-input svg{
|
|
fill: var(--body-text-color);
|
|
display:none;
|
|
}
|
|
.physton-prompt .prompt-header .icon-svg-input:before {
|
|
/* 功能设置图标样式*/
|
|
background-image: url(/physton_prompt/styles?file=extensions/Webui/images/code.svg);
|
|
background-size: 100% 100%;
|
|
content: "";
|
|
display: inline-block;
|
|
height: 17px !important;
|
|
width: 17px !important;
|
|
}
|
|
|
|
|
|
.physton-prompt .prompt-header .prompt-header-extend .extend-content .input-tag-append{
|
|
/*输入框默认颜色 */
|
|
border-radius: 15px !important;
|
|
border: 1px solid #ffffff2c;
|
|
}
|
|
|
|
.physton-prompt .prompt-header .prompt-header-extend .extend-content .input-tag-append:focus{
|
|
/*输入集焦时的样式*/
|
|
outline: none;
|
|
border: 1px solid #1296db !important;
|
|
}
|
|
|
|
.physton-gradio-container.dark .physton-prompt .prompt-header .prompt-header-extend .extend-content .input-tag-append {
|
|
/*改变输入框的的样式*/
|
|
color:#1296db;
|
|
}
|
|
|
|
.physton-prompt .prompt-header .prompt-header-extend .extend-content .extend-btn-group .extend-btn-item .setting-box{
|
|
/*设置展开层的样式*/
|
|
background: #1296db;
|
|
}
|
|
|
|
|
|
|