1580158
/
sd-webui-prompt-all-in-one
mirror of https://github.com/Physton/sd-webui-prompt-all-in-one
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Support for lower versions of WebUI 

Former-commit-id: a6cc9a30553867ee35718f969c5ba1b32e83e624
pull/174/head
Physton 2023-06-06 15:52:40 +08:00
parent 6e5dda2d5e
commit 930a705aa3
26 changed files with 476 additions and 206 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
javascript/main.entry.js.REMOVED.git-id
View File

@ -1 +1 @@
5a0f2057c5a08a9a98942b41d7bf5d1df494e8c2
212bc24f56269ccbea58210bccd5fd4e88c8c202

2
javascript/main.entry.js.map.REMOVED.git-id
View File

@ -1 +1 @@
b348bec54fbd6185b0e630588eb10f34e735ad8d
3dacd7a22e4e0709a5d8f39ac0e0eb586e93c196

1
src/package.json
View File

@ -8,7 +8,6 @@
"preview": "vite preview"
},
"dependencies": {
"@chenfengyuan/vue-number-input": "^2.0.1",
"autosize-input": "^1.0.2",
"axios": "^1.4.0",
"sortablejs": "^1.15.0",

19
src/src/App.vue
View File

@ -384,12 +384,14 @@ export default {
},
},
mounted() {
common.loadCSS('toastr.min.css', 'physton-prompt-toastr', true, true, false)
common.loadCSS('tippy.css', 'physton-prompt-tippy', true, true, false)
common.loadCSS('main.min.css', 'physton-prompt-main', true)
const urlParams = new URLSearchParams(window.location.search);
const theme = urlParams.get("__theme")
if (!document.body.classList.contains(theme)) {
document.body.classList.add(theme);
if (!common.gradioApp().classList.contains(theme)) {
common.gradioApp().classList.add(theme)
}
this.gradioAPI.getConfig().then(res => {
@ -510,13 +512,13 @@ export default {
if (data[item.hidePanelKey] !== null) {
item.hidePanel = data[item.hidePanelKey]
}
item.$prompt = document.getElementById(item.prompt)
item.$prompt = common.gradioApp().querySelector("#" + item.prompt)
item.$textarea = item.$prompt.getElementsByTagName("textarea")[0]
item.$steps = document.getElementById(item.steps)
item.$steps = common.gradioApp().querySelector("#" + item.steps)
})
this.$nextTick(() => {
this.prompts.forEach(item => {
const $prompt = document.getElementById(item.id)
const $prompt = common.gradioApp().querySelector("#" + item.id)
item.$prompt.parentElement.parentElement.parentElement.appendChild($prompt)
item.$prompt.parentElement.parentElement.style.display = item.hideDefaultInput ? 'none' : 'flex'
// item.$textarea.parentNode.appendChild($prompt)
@ -718,9 +720,4 @@ export default {
},
},
}
</script>
<style lang="less">
@import "toastr/build/toastr.min.css";
@import "tippy.js/dist/tippy.css";
</style>
</script>

2
src/src/components/phystonPrompt.vue.REMOVED.git-id
View File

@ -1 +1 @@
eff62f828217c8992fbacb0968633563c0a8638a
15efb8f0c3573c8ea843047ed3a277832c953c82

247
src/src/components/vue-number-input.vue Normal file
View File

@ -0,0 +1,247 @@
<template>
<div
class="vue-number-input"
:class="{
'vue-number-input--inline': inline,
'vue-number-input--center': center,
'vue-number-input--controls': controls,
[`vue-number-input--${size}`]: size,
}"
>
<button
v-if="controls"
class="vue-number-input__button vue-number-input__button--minus"
type="button"
tabindex="-1"
:disabled="disabled || readonly || !decreasable"
@click.prevent="decrease"
/>
<input
ref="input"
class="vue-number-input__input"
v-bind="attrs"
type="number"
:name="name"
:value="isNaN(value) ? '' : value"
:min="min"
:max="max"
:step="step"
:readonly="readonly || !inputtable"
:disabled="disabled || (!decreasable && !increasable)"
:placeholder="placeholder"
autocomplete="off"
@change="change"
@paste="paste"
>
<button
v-if="controls"
class="vue-number-input__button vue-number-input__button--plus"
type="button"
tabindex="-1"
:disabled="disabled || readonly || !increasable"
@click.prevent="increase"
/>
</div>
</template>
<script lang="ts">
/**
* Author: fengyuanchen
* Url: https://github.com/fengyuanchen/vue-number-input
*/
import {defineComponent} from 'vue';
const isNaN = Number.isNaN || window.isNaN;
const REGEXP_NUMBER = /^-?(?:\d+|\d+\.\d+|\.\d+)(?:[eE][-+]?\d+)?$/;
const REGEXP_DECIMALS = /\.\d*(?:0|9){10}\d*$/;
const normalizeDecimalNumber = (value: number, times = 100000000000) => (
REGEXP_DECIMALS.test(String(value)) ? (Math.round(value * times) / times) : value
);
export default defineComponent({
name: 'VueNumberInput',
props: {
attrs: {
type: Object,
default: undefined,
},
center: Boolean,
controls: Boolean,
disabled: Boolean,
inputtable: {
type: Boolean,
default: true,
},
inline: Boolean,
max: {
type: Number,
default: Infinity,
},
min: {
type: Number,
default: -Infinity,
},
name: {
type: String,
default: undefined,
},
placeholder: {
type: String,
default: undefined,
},
readonly: Boolean,
rounded: Boolean,
size: {
type: String,
default: undefined,
},
step: {
type: Number,
default: 1,
},
modelValue: {
type: Number,
default: NaN,
},
},
emits: [
'update:modelValue',
],
data() {
return {
value: NaN,
};
},
computed: {
/**
* Indicate if the value is increasable.
* @returns {boolean} Return `true` if it is decreasable, else `false`.
*/
increasable(): boolean {
return isNaN(this.value) || this.value < this.max;
},
/**
* Indicate if the value is decreasable.
* @returns {boolean} Return `true` if it is decreasable, else `false`.
*/
decreasable(): boolean {
return isNaN(this.value) || this.value > this.min;
},
},
watch: {
modelValue: {
immediate: true,
handler(newValue, oldValue) {
if (
// Avoid triggering change event when created
!(isNaN(newValue) && typeof oldValue === 'undefined')
// Avoid infinite loop
&& newValue !== this.value
) {
this.setValue(newValue);
}
},
},
},
methods: {
isNaN,
/**
* Change event handler.
* @param {string} value - The new value.
*/
change(event: any) {
this.setValue(event.target.value);
},
/**
* Paste event handler.
* @param {Event} event - Event object.
*/
paste(event: ClipboardEvent) {
const clipboardData = event.clipboardData || (window as any).clipboardData;
if (clipboardData && !REGEXP_NUMBER.test(clipboardData.getData('text'))) {
event.preventDefault();
}
},
/**
* Decrease the value.
*/
decrease() {
if (this.decreasable) {
let {value} = this;
if (isNaN(value)) {
value = 0;
}
this.setValue(normalizeDecimalNumber(value - this.step));
}
},
/**
* Increase the value.
*/
increase() {
if (this.increasable) {
let {value} = this;
if (isNaN(value)) {
value = 0;
}
this.setValue(normalizeDecimalNumber(value + this.step));
}
},
/**
* Set new value and dispatch change event.
* @param {number} value - The new value to set.
*/
setValue(value: number) {
const oldValue = this.value;
let newValue = typeof value !== 'number' ? parseFloat(value) : value;
if (!isNaN(newValue)) {
if (this.min <= this.max) {
newValue = Math.min(this.max, Math.max(this.min, newValue));
}
if (this.rounded) {
newValue = Math.round(newValue);
}
}
this.value = newValue;
if (newValue === oldValue) {
// Force to override the number in the input box (#13).
(this.$refs.input as HTMLInputElement).value = String(newValue);
}
this.$emit('update:modelValue', newValue, oldValue);
},
},
});
</script>

10
src/src/main.js
View File

@ -3,14 +3,14 @@ import App from './App.vue'
import toastr from 'toastr'
import VueClipboard from 'vue-clipboard3'
const {toClipboard} = VueClipboard()
import CommonMixin from "@/mixins/commonMixin";
import tippy from "tippy.js";
import CommonMixin from "@/mixins/commonMixin"
import common from "@/utils/common"
import tippy from "tippy.js"
onUiLoaded(() => {
const div = document.createElement('div')
div.id = 'physton-prompt-all-in-one'
document.body.appendChild(div)
common.gradioApp().appendChild(div)
const app = Vue.createApp(App)
app.config.globalProperties.$toastr = toastr
@ -41,6 +41,6 @@ onUiLoaded(() => {
}
})
app.mount('#physton-prompt-all-in-one')
app.mount(div)
})

13
src/src/mixins/phystonPrompt/headerMixin.js
View File

@ -172,7 +172,7 @@ export default {
return names.join(' / ')
},
onAppendTagFocus(e) {
if (e.target.value === '' || e.target.value.trim() === '') {
if (this.$refs.promptTagAppend.value === '' || this.$refs.promptTagAppend.value.trim() === '') {
this.appendListStyle = {
top: e.target.offsetTop + e.target.offsetHeight + 'px',
left: e.target.offsetLeft + 'px',
@ -271,7 +271,7 @@ export default {
if (this.getAutocompleteResults() && this.autocompleteResults.style.display === 'block' && this.getAutocompleteResultsSelected()) {
let text = this.getAutocompleteResultsSelectedText()
setTimeout(() => {
localValue = e.target.value
localValue = this.$refs.promptTagAppend.value
if (text) {
localValue = text
} else {
@ -283,10 +283,11 @@ export default {
return
}
let tags = e.target.value
e.target.value = ''
let tags = this.$refs.promptTagAppend.value
this.$refs.promptTagAppend.value = ''
this.showAppendList = true
// [night light:magical forest: 5, 15]
console.log(tags, localValue)
if (localValue) {
// 去除末尾的逗号
tags = tags.replace(/,\s*$/, '')
@ -337,8 +338,8 @@ export default {
}
},
onAppendTagKeyUp(e) {
if (e.target.value === '' || e.target.value.trim() === '') {
e.target.value = ''
if (this.$refs.promptTagAppend.value === '' || this.$refs.promptTagAppend.value.trim() === '') {
this.$refs.promptTagAppend.value = ''
this.showAppendList = true
if (e.keyCode === 38 || e.keyCode === 40) {

43
src/src/utils/common.js
View File

@ -453,10 +453,16 @@ export default {
/**
* 移除css
* @param id {string}
* @param gradioAPP {boolean}
*/
removeCSS(id) {
removeCSS(id, gradioAPP = true) {
if (!id) return
let css = document.getElementById(id)
let css = null
if (gradioAPP) {
css = this.gradioApp().querySelector("#" + id)
} else {
css = document.querySelector("#" + id)
}
if (css) {
css.remove()
}
@ -468,9 +474,10 @@ export default {
* @param id {string}
* @param remove {boolean}
* @param cache {boolean}
* @param gradioAPP {boolean}
*/
loadCSS(file, id = '', remove = true, cache = false) {
if (remove) this.removeCSS(id)
loadCSS(file, id = '', remove = true, cache = false, gradioAPP = true) {
if (remove) this.removeCSS(id, gradioAPP)
let url = this.apiUrl() + 'styles?file=' + encodeURIComponent(file)
if (!cache) {
url += '&t=' + new Date().getTime()
@ -479,7 +486,11 @@ export default {
link.id = id
link.rel = 'stylesheet'
link.href = url
document.head.appendChild(link)
if (gradioAPP) {
this.gradioApp().appendChild(link)
} else {
document.body.appendChild(link)
}
},
/**
@ -507,4 +518,26 @@ export default {
referenceNode.parentNode.appendChild(newNode);
}
},
gradioContainer: null,
gradioApp() {
if (this.gradioContainer) return this.gradioContainer
const elems = document.getElementsByTagName('gradio-app')
const gradioShadowRoot = elems.length == 0 ? null : elems[0].shadowRoot
if (gradioShadowRoot) {
const gradioContainers = gradioShadowRoot.querySelectorAll(".gradio-container")
for (let i = 0; i < gradioContainers.length; i++) {
const gradioContainer = gradioContainers[i]
if (gradioContainer.querySelectorAll("#tabs").length) {
gradioContainer.classList.add("physton-gradio-container")
this.gradioContainer = gradioContainer
return gradioContainer
}
}
} else {
document.body.classList.add("physton-gradio-container")
this.gradioContainer = document.body
return document.body
}
},
}

1
src/tests/splitTags.js
View File

@ -1 +0,0 @@
[((Wings made of golden lines,angel wing,gold halo around girl,many golden ribbon,Aureate headgear,gold magic circle in sky,ight, black sky):1.3):((galaxy background, snowflakes, night sky, black pupils, starts sky background, stars behind girl, view on sky,standing):0.8)], [(Elegant hair,Long hair,The flying golden lines,Messy golden lines,halo,hairs between eyes,Small breasts,ribbons, bowties,red eyes, golden pupil, white hair,flowing hair,disheveled hair,lowing long hair):(Delicate arms and hands):0.8],

2
style.css
View File

File diff suppressed because one or more lines are too long

276
styles/extensions/MyStyle-shuai/style.min.css vendored
View File

@ -1,30 +1,30 @@
/* 深色主题 Dark theme */
/*滚动条*/
body.dark ::-webkit-scrollbar {
.physton-gradio-container.dark ::-webkit-scrollbar {
width: 8px;
height: 8px;
border-radius: 8px;
background-color: #141516;
}
body.dark ::-webkit-scrollbar-thumb {
.physton-gradio-container.dark ::-webkit-scrollbar-thumb {
border-radius: 8px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
border-radius: 8px;
background: #2562e9;
transition: 0.3s ease-in-out;
}
body.dark ::-webkit-scrollbar-track {
.physton-gradio-container.dark ::-webkit-scrollbar-track {
border-radius: 8px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #141516;
}
body.dark ::-webkit-scrollbar-corner {
.physton-gradio-container.dark ::-webkit-scrollbar-corner {
background-color: #171e2e;
}
body.dark ::-webkit-resizer {
.physton-gradio-container.dark ::-webkit-resizer {
background-color: #141516;
}
body.dark .physton-prompt .prompt-header {
.physton-gradio-container.dark .physton-prompt .prompt-header {
/*
更换标题栏背景色
Change the background color of the title bar
@ -47,19 +47,19 @@
font-size: 1.25em !important;
}
/*修复多扩展启用，隐藏WEBUI按钮错位*/
body.dark .physton-prompt .prompt-header .prompt-header-extend .extend-content .gradio-checkbox {
.physton-gradio-container.dark .physton-prompt .prompt-header .prompt-header-extend .extend-content .gradio-checkbox {
width: 45px
}
/*图标颜色*/
body.dark .physton-prompt .prompt-header .extend-btn-item .icon-svg-remove svg path, body.dark .physton-prompt .prompt-header .extend-btn-item .icon-svg-copy svg path, body.dark .physton-prompt .prompt-header .extend-btn-item .icon-svg-english svg path, body.dark .physton-prompt .prompt-header .extend-btn-item .icon-svg-translate svg path, body.dark .physton-prompt .prompt-header .extend-btn-item .icon-svg-favorite svg path, body.dark .physton-prompt .prompt-header .extend-btn-item .icon-svg-history svg path, body.dark .physton-prompt .prompt-header .extend-btn-item .icon-svg-setting svg path, body.dark .physton-prompt .prompt-header .extend-btn-item .icon-svg-i18n svg path, body.dark .physton-prompt .prompt-header .prompt-unfold .icon-svg-unfold svg path, body.dark .physton-prompt .prompt-header .icon-svg-input svg path, body.dark .physton-prompt .prompt-header .icon-svg-chatgpt svg path {
.physton-gradio-container.dark .physton-prompt .prompt-header .extend-btn-item .icon-svg-remove svg path, .physton-gradio-container.dark .physton-prompt .prompt-header .extend-btn-item .icon-svg-copy svg path, .physton-gradio-container.dark .physton-prompt .prompt-header .extend-btn-item .icon-svg-english svg path, .physton-gradio-container.dark .physton-prompt .prompt-header .extend-btn-item .icon-svg-translate svg path, .physton-gradio-container.dark .physton-prompt .prompt-header .extend-btn-item .icon-svg-favorite svg path, .physton-gradio-container.dark .physton-prompt .prompt-header .extend-btn-item .icon-svg-history svg path, .physton-gradio-container.dark .physton-prompt .prompt-header .extend-btn-item .icon-svg-setting svg path, .physton-gradio-container.dark .physton-prompt .prompt-header .extend-btn-item .icon-svg-i18n svg path, .physton-gradio-container.dark .physton-prompt .prompt-header .prompt-unfold .icon-svg-unfold svg path, .physton-gradio-container.dark .physton-prompt .prompt-header .icon-svg-input svg path, .physton-gradio-container.dark .physton-prompt .prompt-header .icon-svg-chatgpt svg path {
fill: #596572;
}
/*图标尺寸*/
body.dark .physton-prompt .prompt-header .setting-box .icon-svg-api svg,body.dark .physton-prompt .prompt-header .setting-box .icon-svg-format svg, body.dark .physton-prompt .prompt-header .setting-box .icon-svg-theme svg, body.dark .physton-prompt .prompt-header .setting-box .icon-svg-remove-space svg, body.dark .physton-prompt .prompt-header .setting-box .icon-svg-tooltip svg {
.physton-gradio-container.dark .physton-prompt .prompt-header .setting-box .icon-svg-api svg,.physton-gradio-container.dark .physton-prompt .prompt-header .setting-box .icon-svg-format svg, .physton-gradio-container.dark .physton-prompt .prompt-header .setting-box .icon-svg-theme svg, .physton-gradio-container.dark .physton-prompt .prompt-header .setting-box .icon-svg-remove-space svg, .physton-gradio-container.dark .physton-prompt .prompt-header .setting-box .icon-svg-tooltip svg {
width: auto;
height: 18px;
}
body.dark .physton-prompt .prompt-header .prompt-header-extend .extend-content .extend-btn-group {
.physton-gradio-container.dark .physton-prompt .prompt-header .prompt-header-extend .extend-content .extend-btn-group {
display: flex;
justify-content: center;
align-items: center;
@ -69,11 +69,11 @@
padding: 0;
border-radius: 4px;
}
body.dark .physton-prompt .prompt-header .prompt-header-extend .extend-content .extend-btn-group .extend-btn-item:hover {
.physton-gradio-container.dark .physton-prompt .prompt-header .prompt-header-extend .extend-content .extend-btn-group .extend-btn-item:hover {
background: #b6c6d3;
border-radius: 4px;
}
body.dark .physton-prompt .prompt-header .prompt-header-extend .extend-content .extend-btn-group .extend-btn-item {
.physton-gradio-container.dark .physton-prompt .prompt-header .prompt-header-extend .extend-content .extend-btn-group .extend-btn-item {
cursor: pointer;
border-left: 1px solid #161e2a00;
height: 26px;
@ -83,7 +83,7 @@
align-items: center;
position: relative;
}
body.dark .physton-prompt-select-language .language-main .language-close, body.dark .physton-prompt-extension-css .extension-main .extension-close { /*关闭按钮*/
.physton-gradio-container.dark .physton-prompt-select-language .language-main .language-close, .physton-gradio-container.dark .physton-prompt-extension-css .extension-main .extension-close { /*关闭按钮*/
height: 24px;
width: 24px;
padding: 4px;
@ -91,10 +91,10 @@
border-radius: 50%;
box-shadow: 0 1px 5px 0 #00000096;
}
body.dark .physton-prompt-select-language .language-main .language-close:hover, body.dark .physton-prompt-extension-css .extension-main .extension-close:hover {
.physton-gradio-container.dark .physton-prompt-select-language .language-main .language-close:hover, .physton-gradio-container.dark .physton-prompt-extension-css .extension-main .extension-close:hover {
background: #bd2727;
}
body.dark .physton-prompt-select-language .language-main .language-list, body.dark .physton-prompt-extension-css .extension-main .extension-list { /*选择语言弹窗*/ height: 100%;
.physton-gradio-container.dark .physton-prompt-select-language .language-main .language-list, .physton-gradio-container.dark .physton-prompt-extension-css .extension-main .extension-list { /*选择语言弹窗*/ height: 100%;
overflow: hidden;
overflow-y: scroll;
display: block;
@ -106,15 +106,15 @@
transition: height .1s ease-in-out, width .1s ease-in-out;
padding: 5px;
}
body.dark .physton-prompt-translate-setting .translate-setting-main { /*翻译接口*/ box-shadow: 0 0 3px 0 #00000094;
.physton-gradio-container.dark .physton-prompt-translate-setting .translate-setting-main { /*翻译接口*/ box-shadow: 0 0 3px 0 #00000094;
border-radius: 6px 6px 4px 4px;
background-color: rgb(46 49 50 / 50%);
backdrop-filter: blur(15px);
}
body.dark .physton-prompt-translate-setting .translate-setting-main .setting-btns .translate-save {
.physton-gradio-container.dark .physton-prompt-translate-setting .translate-setting-main .setting-btns .translate-save {
background: #235cdb;
}
body.dark .physton-prompt-translate-setting .translate-setting-main .setting-btns .translate-close {
.physton-gradio-container.dark .physton-prompt-translate-setting .translate-setting-main .setting-btns .translate-close {
cursor: pointer;
display: inline-block;
padding: 0 40px;
@ -125,7 +125,7 @@
border: 0px solid #4a54ff;
border-radius: 4px;
}
body.dark .physton-prompt-translate-setting .translate-setting-main .setting-line .line-content .test-btn {
.physton-gradio-container.dark .physton-prompt-translate-setting .translate-setting-main .setting-line .line-content .test-btn {
cursor: pointer;
display: inline-block;
padding: 0 40px;
@ -135,7 +135,7 @@
background: #235cdb;
border-radius: 4px;
}
body.dark .physton-prompt-translate-setting .translate-setting-main .translate-setting-content {
.physton-gradio-container.dark .physton-prompt-translate-setting .translate-setting-main .translate-setting-content {
max-height: 600px;
overflow: hidden;
overflow-y: auto;
@ -143,13 +143,13 @@
border: 0px solid #46464600;
border-radius: 6px;
}
body.dark .physton-prompt-select-language .language-main .language-list .language-item.selected, .physton-prompt-select-language .language-main .language-list .language-item:hover { /*选择语言弹窗*/
.physton-gradio-container.dark .physton-prompt-select-language .language-main .language-list .language-item.selected, .physton-prompt-select-language .language-main .language-list .language-item:hover { /*选择语言弹窗*/
background: #235ddc;
}
body.dark .physton-prompt .prompt-append-list .prompt-append-group.selected, .physton-prompt .prompt-append-list .prompt-append-group:hover { /*输入框下拉浮层hover*/
.physton-gradio-container.dark .physton-prompt .prompt-append-list .prompt-append-group.selected, .physton-prompt .prompt-append-list .prompt-append-group:hover { /*输入框下拉浮层hover*/
background: #2563eb;
}
body.dark .physton-prompt .prompt-append-list .prompt-append-group .append-group-list { /*输入框下拉浮层hover*/
.physton-gradio-container.dark .physton-prompt .prompt-append-list .prompt-append-group .append-group-list { /*输入框下拉浮层hover*/
box-shadow: 0 0 3px 0 #0000009e;
border-radius: 6px 6px 4px 4px;
/* background: #000; */
@ -160,9 +160,9 @@
left: 100%;
height: 400px;
}
body.dark .physton-prompt .prompt-append-list .prompt-append-group .append-group-list .append-item.selected, body.dark .physton-prompt .prompt-append-list .prompt-append-group .append-group-list .append-item:hover { /*输入框下拉浮层hover*/ background: #2563eb;
.physton-gradio-container.dark .physton-prompt .prompt-append-list .prompt-append-group .append-group-list .append-item.selected, .physton-gradio-container.dark .physton-prompt .prompt-append-list .prompt-append-group .append-group-list .append-item:hover { /*输入框下拉浮层hover*/ background: #2563eb;
}
body.dark .physton-prompt .prompt-header .prompt-header-extend .extend-content .input-tag-append { /*输入框下拉浮层hover*/
.physton-gradio-container.dark .physton-prompt .prompt-header .prompt-header-extend .extend-content .input-tag-append { /*输入框下拉浮层hover*/
display: block;
position: relative;
outline: none !important;
@ -180,28 +180,28 @@
font-size: var(--input-text-size);
line-height: var(--line-sm);
}
body.dark .physton-prompt .prompt-append-list .prompt-append-group .tags-detail { /*输入框下拉浮层hover*/ background-color: rgb(20 24 31);
.physton-gradio-container.dark .physton-prompt .prompt-append-list .prompt-append-group .tags-detail { /*输入框下拉浮层hover*/ background-color: rgb(20 24 31);
background: rgb(20 24 31);
box-shadow: 0 0 3px 0 #0e0e0ec2;
opacity: .95;
}
body.dark .physton-prompt .prompt-append-list .prompt-append-group .tags-detail .tags-list .tags-item .item-tag-value { /*输入框下拉浮层hover*/ background: rgb(38 44 50 / 90%);
.physton-gradio-container.dark .physton-prompt .prompt-append-list .prompt-append-group .tags-detail .tags-list .tags-item .item-tag-value { /*输入框下拉浮层hover*/ background: rgb(38 44 50 / 90%);
color: #b6bcc6
}
body.dark .physton-prompt .prompt-header .prompt-header-extend .extend-content input::-webkit-input-placeholder {
.physton-gradio-container.dark .physton-prompt .prompt-header .prompt-header-extend .extend-content input::-webkit-input-placeholder {
color: #6b7280;
}
body.dark .physton-prompt .prompt-append-list .prompt-append-group .tags-detail .tags-list .tags-item .item-tag-local-value {
.physton-gradio-container.dark .physton-prompt .prompt-append-list .prompt-append-group .tags-detail .tags-list .tags-item .item-tag-local-value {
font-size: 12px;
color: #7b868a;
margin-top: 2px;
}
body.dark .physton-prompt-favorite .popup-detail .popup-item-tags .item-tag .item-tag-local-value, .physton-prompt-history .popup-detail .popup-item-tags .item-tag .item-tag-local-value {
.physton-gradio-container.dark .physton-prompt-favorite .popup-detail .popup-item-tags .item-tag .item-tag-local-value, .physton-prompt-history .popup-detail .popup-item-tags .item-tag .item-tag-local-value {
color: #a8aab1;
font-size: 12px;
margin-top: 2px;
}
body.dark .physton-prompt {
.physton-gradio-container.dark .physton-prompt {
padding: 0;
margin: 0px 0 12px 0;
border-radius: var(--input-radius);
@ -209,20 +209,20 @@
border-top-left-radius: 0;
border-top-right-radius: 0;
}
body.dark .physton-prompt .prompt-header {
.physton-gradio-container.dark .physton-prompt .prompt-header {
margin: 0;
border-bottom: 1px dashed #3741518c;
color: #bfc4c8;
padding-bottom: 0;
}
/*设置hover*/
body.dark .physton-prompt .prompt-header .prompt-header-extend .extend-content .extend-btn-group .extend-btn-item .setting-box {
.physton-gradio-container.dark .physton-prompt .prompt-header .prompt-header-extend .extend-content .extend-btn-group .extend-btn-item .setting-box {
top: -36px;
left: -10px;
box-shadow: 0 0 3px 0 #1f1f1f;
}
/*翻译区块1*/
body.dark .physton-prompt .prompt-tags {
.physton-gradio-container.dark .physton-prompt .prompt-tags {
background-color: #0d131c;
padding: 0;
display: flex;
@ -233,7 +233,7 @@
border-bottom-right-radius: 8px;
}
/*翻译区块2*/
body.dark .physton-prompt .prompt-tags .prompt-tags-list:empty {
.physton-gradio-container.dark .physton-prompt .prompt-tags .prompt-tags-list:empty {
margin: 0;
padding: 0;
display: flex;
@ -242,7 +242,7 @@
align-items: flex-start;
width: 100%;
}
body.dark .physton-prompt .prompt-tags .prompt-tags-list {
.physton-gradio-container.dark .physton-prompt .prompt-tags .prompt-tags-list {
margin: 0;
padding: 8px;
display: flex;
@ -251,13 +251,13 @@
align-items: flex-start;
width: 100%;
}
body.dark .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag {
.physton-gradio-container.dark .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag {
margin: 5px;
display: block;
align-items: center;
max-width: 100%;
}
body.dark .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .prompt-tag-value {
.physton-gradio-container.dark .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .prompt-tag-value {
width: calc(100% - 16px);
padding: 4px;
font-size: .9rem;
@ -272,10 +272,10 @@
background: rgb(55 65 81 / 35%);
border: 0;
}
body.dark .physton-prompt .prompt-tags .btn-tag-delete .icon-svg-close svg path {
.physton-gradio-container.dark .physton-prompt .prompt-tags .btn-tag-delete .icon-svg-close svg path {
fill: #4e5463;
}
body.dark .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .btn-tag-delete {
.physton-gradio-container.dark .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .btn-tag-delete {
display: flex;
justify-content: center;
align-items: center;
@ -290,29 +290,29 @@
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
body.dark .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .btn-tag-extend { /*TAG上浮*/ background: #e6f4ff;
.physton-gradio-container.dark .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .btn-tag-extend { /*TAG上浮*/ background: #e6f4ff;
}
body.dark .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .btn-tag-extend .input-number .vue-number-input__input { /*TAG上浮*/ color: #000;
.physton-gradio-container.dark .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .btn-tag-extend .input-number .vue-number-input__input { /*TAG上浮*/ color: #000;
}
body.dark .physton-prompt .prompt-tags .btn-tag-extend .icon-svg-weight-brackets-inc svg path, body.dark .physton-prompt .prompt-tags .btn-tag-extend .icon-svg-weight-brackets-dec svg path { /*TAG上浮*/
.physton-gradio-container.dark .physton-prompt .prompt-tags .btn-tag-extend .icon-svg-weight-brackets-inc svg path, .physton-gradio-container.dark .physton-prompt .prompt-tags .btn-tag-extend .icon-svg-weight-brackets-dec svg path { /*TAG上浮*/
fill: #35a446;
}
body.dark .physton-prompt .prompt-tags .btn-tag-extend .icon-svg-favorite-no svg path:nth-child(1) { /*TAG上浮*/
.physton-gradio-container.dark .physton-prompt .prompt-tags .btn-tag-extend .icon-svg-favorite-no svg path:nth-child(1) { /*TAG上浮*/
fill: #464646 !important;
}
body.dark .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .prompt-tag-value .character {
.physton-gradio-container.dark .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .prompt-tag-value .character {
text-overflow: ellipsis;
overflow: hidden;
line-height: 1rem;
color: rgb(213 215 219);
}
body.dark .physton-prompt .prompt-tags .prompt-local-language .icon-svg-translate svg path {
.physton-gradio-container.dark .physton-prompt .prompt-tags .prompt-local-language .icon-svg-translate svg path {
fill: #3a4554;
}
body.dark #txt2img_prompt, body.dark #txt2img_neg_prompt, body.dark #img2img_prompt, body.dark #img2img_neg_prompt {
.physton-gradio-container.dark #txt2img_prompt, .physton-gradio-container.dark #txt2img_neg_prompt, .physton-gradio-container.dark #img2img_prompt, .physton-gradio-container.dark #img2img_neg_prompt {
margin-bottom: -17px;
}
body.dark input[type=text].svelte-1pie7s6, body.dark input[type=password].svelte-1pie7s6, body.dark input[type=email].svelte-1pie7s6, body.dark textarea.svelte-1pie7s6 {
.physton-gradio-container.dark input[type=text].svelte-1pie7s6, .physton-gradio-container.dark input[type=password].svelte-1pie7s6, .physton-gradio-container.dark input[type=email].svelte-1pie7s6, .physton-gradio-container.dark textarea.svelte-1pie7s6 {
display: block;
position: relative;
outline: none !important;
@ -329,24 +329,24 @@
font-size: var(--input-text-size);
line-height: var(--line-sm);
}
body.dark .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-local-language .local-language {
.physton-gradio-container.dark .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-local-language .local-language {
font-size: .8rem;
color: #9ca3afc9;
margin-left: 2px;
}
body.dark .physton-prompt-favorite .popup-tabs .popup-tab.active, body.dark .physton-prompt-favorite .popup-tabs .popup-tab:hover, body.dark .physton-prompt-history .popup-tabs .popup-tab.active, body.dark .physton-prompt-history .popup-tabs .popup-tab:hover { /*历史记录tab hover*/
.physton-gradio-container.dark .physton-prompt-favorite .popup-tabs .popup-tab.active, .physton-gradio-container.dark .physton-prompt-favorite .popup-tabs .popup-tab:hover, .physton-gradio-container.dark .physton-prompt-history .popup-tabs .popup-tab.active, .physton-gradio-container.dark .physton-prompt-history .popup-tabs .popup-tab:hover { /*历史记录tab hover*/
background: #2562e9;
border-bottom: 0;
border-radius: 5px;
margin: 4px;
}
body.dark .physton-prompt-favorite .popup-tabs .popup-tab.active, body.dark .physton-prompt-favorite .popup-tabs .popup-tab, body.dark .physton-prompt-history .popup-tabs .popup-tab.active, body.dark .physton-prompt-history .popup-tabs .popup-tab { /*历史记录tab hover*/
.physton-gradio-container.dark .physton-prompt-favorite .popup-tabs .popup-tab.active, .physton-gradio-container.dark .physton-prompt-favorite .popup-tabs .popup-tab, .physton-gradio-container.dark .physton-prompt-history .popup-tabs .popup-tab.active, .physton-gradio-container.dark .physton-prompt-history .popup-tabs .popup-tab { /*历史记录tab hover*/
margin: 4px;
}
body.dark .physton-prompt .prompt-header .prompt-header-extend .extend-content .extend-btn-group .extend-btn-item .setting-box > * {
.physton-gradio-container.dark .physton-prompt .prompt-header .prompt-header-extend .extend-content .extend-btn-group .extend-btn-item .setting-box > * {
margin-left: 5px;
}
body.dark .physton-prompt-favorite .popup-detail, body.dark .physton-prompt-history .popup-detail { /*历史记录 list hover浮层 */
.physton-gradio-container.dark .physton-prompt-favorite .popup-detail, .physton-gradio-container.dark .physton-prompt-history .popup-detail { /*历史记录 list hover浮层 */
position: absolute;
left: 100%;
top: 0;
@ -360,7 +360,7 @@
padding: 10px;
color: #1d1d1d;
}
body.dark .physton-prompt-favorite .popup-detail .popup-item-tags .item-tag .item-tag-value, body.dark .physton-prompt-history .popup-detail .popup-item-tags .item-tag .item-tag-value { /*历史记录 list hover浮层 tag */
.physton-gradio-container.dark .physton-prompt-favorite .popup-detail .popup-item-tags .item-tag .item-tag-value, .physton-gradio-container.dark .physton-prompt-history .popup-detail .popup-item-tags .item-tag .item-tag-value { /*历史记录 list hover浮层 tag */
padding: 4px 6px;
border-radius: 5px;
background: rgb(48 51 57 / 90%);
@ -368,7 +368,7 @@
color: #d0d0d0;
}
/*隐藏原生框右上角的词组数量提示*/
body.dark #txt2img_negative_token_counter, body.dark #txt2img_token_counter, body.dark #img2img_token_counter, body.dark #img2img_negative_token_counter {
.physton-gradio-container.dark #txt2img_negative_token_counter, .physton-gradio-container.dark #txt2img_token_counter, .physton-gradio-container.dark #img2img_token_counter, .physton-gradio-container.dark #img2img_negative_token_counter {
position: absolute;
right: 1em;
min-width: 0 !important;
@ -377,7 +377,7 @@
top: -0.75em;
display: none;
}
body.dark .physton-prompt-favorite .popup-tab-content .content-list .content-item, body.dark .physton-prompt-history .popup-tab-content .content-list .content-item { /*历史记录弹窗list*/
.physton-gradio-container.dark .physton-prompt-favorite .popup-tab-content .content-list .content-item, .physton-gradio-container.dark .physton-prompt-history .popup-tab-content .content-list .content-item { /*历史记录弹窗list*/
padding: 6px 10px;
background-color: #29313c70;
border-radius: 4px;
@ -385,25 +385,25 @@
border: 1px solid #303c4ba8;
cursor: pointer;
}
body.dark .physton-prompt-favorite .popup-tab-content .content-list .content-item:hover, body.dark .physton-prompt-history .popup-tab-content .content-list .content-item:hover {
.physton-gradio-container.dark .physton-prompt-favorite .popup-tab-content .content-list .content-item:hover, .physton-gradio-container.dark .physton-prompt-history .popup-tab-content .content-list .content-item:hover {
background: rgb(115 139 199 / 20%);
}
body.dark .physton-prompt-favorite .popup-tab-content .content-list .content-item .item-prompt, body.dark .physton-prompt-history .popup-tab-content .content-list .content-item .item-prompt {
.physton-gradio-container.dark .physton-prompt-favorite .popup-tab-content .content-list .content-item .item-prompt, .physton-gradio-container.dark .physton-prompt-history .popup-tab-content .content-list .content-item .item-prompt {
font-size: 12px;
color: #5c626f;
}
body.dark .physton-prompt-favorite .popup-tab-content .content-list .content-item:hover .item-prompt, body.dark .physton-prompt-history .popup-tab-content .content-list .content-item:hover .item-prompt {
.physton-gradio-container.dark .physton-prompt-favorite .popup-tab-content .content-list .content-item:hover .item-prompt, .physton-gradio-container.dark .physton-prompt-history .popup-tab-content .content-list .content-item:hover .item-prompt {
overflow: visible;
white-space: normal;
font-size: 12px;
color: #eff3fa;
}
body.dark .physton-prompt-favorite .popup-tab-content .content-list .clear-btn .icon-svg-remove svg, .physton-prompt-history .popup-tab-content .content-list .clear-btn .icon-svg-remove svg { /*删除所有记录*/
.physton-gradio-container.dark .physton-prompt-favorite .popup-tab-content .content-list .clear-btn .icon-svg-remove svg, .physton-prompt-history .popup-tab-content .content-list .clear-btn .icon-svg-remove svg { /*删除所有记录*/
width: auto;
height: 18px;
margin-top: 5px;
}
body.dark .physton-prompt-favorite .popup-tab-content .content-list .clear-btn, body.dark .physton-prompt-history .popup-tab-content .content-list .clear-btn {
.physton-gradio-container.dark .physton-prompt-favorite .popup-tab-content .content-list .clear-btn, .physton-gradio-container.dark .physton-prompt-history .popup-tab-content .content-list .clear-btn {
border-radius: 3px;
margin: 0;
position: sticky;
@ -418,14 +418,14 @@
justify-content: center;
align-items: center;
}
body.dark .physton-prompt-favorite .popup-tab-content .content-list .content-item .item-header .item-header-left .item-header-index, body.dark .physton-prompt-history .popup-tab-content .content-list .content-item .item-header .item-header-left .item-header-index {
.physton-gradio-container.dark .physton-prompt-favorite .popup-tab-content .content-list .content-item .item-header .item-header-left .item-header-index, .physton-gradio-container.dark .physton-prompt-history .popup-tab-content .content-list .content-item .item-header .item-header-left .item-header-index {
background: #4a54ff;
padding: 2px 0;
width: 32px;
text-align: center;
border-radius: 4px;
}
body.dark .physton-prompt-favorite .popup-tab-content .content-list .content-item .item-header .item-header-left .item-header-name .header-name-input, body.dark .physton-prompt-history .popup-tab-content .content-list .content-item .item-header .item-header-left .item-header-name .header-name-input {
.physton-gradio-container.dark .physton-prompt-favorite .popup-tab-content .content-list .content-item .item-header .item-header-left .item-header-name .header-name-input, .physton-gradio-container.dark .physton-prompt-history .popup-tab-content .content-list .content-item .item-header .item-header-left .item-header-name .header-name-input {
background: #0000004f;
border: 0;
border-radius: 3px;
@ -436,14 +436,14 @@
color: #ffe700;
margin-right: 5px;
}
body.dark .physton-prompt-favorite .popup-tabs .popup-tab, body.dark .physton-prompt-history .popup-tabs .popup-tab {
.physton-gradio-container.dark .physton-prompt-favorite .popup-tabs .popup-tab, .physton-gradio-container.dark .physton-prompt-history .popup-tabs .popup-tab {
padding: 5px 0;
cursor: pointer;
position: relative;
flex: 1;
border-bottom: 0;
}
body.dark .physton-prompt .prompt-append-list {
.physton-gradio-container.dark .physton-prompt .prompt-append-list {
width: auto;
height: auto;
padding: 6px;
@ -457,7 +457,7 @@
z-index: 1000;
background: rgb(52 63 80 / 47%);
}
body.dark .physton-prompt-favorite, body.dark .physton-prompt-history { /*历史记录弹窗*/
.physton-gradio-container.dark .physton-prompt-favorite, .physton-gradio-container.dark .physton-prompt-history { /*历史记录弹窗*/
width: 500px;
height: auto;
padding: 6px;
@ -474,40 +474,40 @@
left: 0;
overflow: visible;
}
body.dark .physton-prompt .prompt-main.fold {
.physton-gradio-container.dark .physton-prompt .prompt-main.fold {
max-height: 42px
}
/*TAG上浮*/
body.dark .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main:hover .btn-tag-extend, body.dark .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main:hover .prompt-tag-edit {
.physton-gradio-container.dark .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main:hover .btn-tag-extend, .physton-gradio-container.dark .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main:hover .prompt-tag-edit {
box-shadow: 0 0 0px 0 #4a54ff;
}
/* 浅色主题 ------------------------------------------------ Dark theme */
/*滚动条*/
body.light ::-webkit-scrollbar {
.physton-gradio-container.light ::-webkit-scrollbar {
width: 8px;
height: 8px;
border-radius: 8px;
background-color: #fff;
}
body.light ::-webkit-scrollbar-thumb {
.physton-gradio-container.light ::-webkit-scrollbar-thumb {
border-radius: 8px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
border-radius: 8px;
background: #2562e9;
transition: 0.3s ease-in-out;
}
body.light ::-webkit-scrollbar-track {
.physton-gradio-container.light ::-webkit-scrollbar-track {
border-radius: 8px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #fff;
}
body.light ::-webkit-scrollbar-corner {
.physton-gradio-container.light ::-webkit-scrollbar-corner {
background-color: #fff;
}
body.light ::-webkit-resizer {
.physton-gradio-container.light ::-webkit-resizer {
background-color: #fff;
}
body.light .physton-prompt .prompt-header {
.physton-gradio-container.light .physton-prompt .prompt-header {
/*
更换标题栏背景色
Change the background color of the title bar
@ -530,19 +530,19 @@
font-size: 1.25em !important;
}
/*修复多扩展启用，隐藏WEBUI按钮错位*/
body.light .physton-prompt .prompt-header .prompt-header-extend .extend-content .gradio-checkbox {
.physton-gradio-container.light .physton-prompt .prompt-header .prompt-header-extend .extend-content .gradio-checkbox {
width: 45px
}
/*图标颜色*/
body.light .physton-prompt .prompt-header .extend-btn-item .icon-svg-remove svg path, body.light .physton-prompt .prompt-header .extend-btn-item .icon-svg-copy svg path, body.light .physton-prompt .prompt-header .extend-btn-item .icon-svg-english svg path, body.light .physton-prompt .prompt-header .extend-btn-item .icon-svg-translate svg path, body.light .physton-prompt .prompt-header .extend-btn-item .icon-svg-favorite svg path, body.light .physton-prompt .prompt-header .extend-btn-item .icon-svg-history svg path, body.light .physton-prompt .prompt-header .extend-btn-item .icon-svg-setting svg path, body.light .physton-prompt .prompt-header .extend-btn-item .icon-svg-i18n svg path, body.light .physton-prompt .prompt-header .prompt-unfold .icon-svg-unfold svg path, body.light .physton-prompt .prompt-header .icon-svg-input svg path, body.light .physton-prompt .prompt-header .icon-svg-chatgpt svg path {
.physton-gradio-container.light .physton-prompt .prompt-header .extend-btn-item .icon-svg-remove svg path, .physton-gradio-container.light .physton-prompt .prompt-header .extend-btn-item .icon-svg-copy svg path, .physton-gradio-container.light .physton-prompt .prompt-header .extend-btn-item .icon-svg-english svg path, .physton-gradio-container.light .physton-prompt .prompt-header .extend-btn-item .icon-svg-translate svg path, .physton-gradio-container.light .physton-prompt .prompt-header .extend-btn-item .icon-svg-favorite svg path, .physton-gradio-container.light .physton-prompt .prompt-header .extend-btn-item .icon-svg-history svg path, .physton-gradio-container.light .physton-prompt .prompt-header .extend-btn-item .icon-svg-setting svg path, .physton-gradio-container.light .physton-prompt .prompt-header .extend-btn-item .icon-svg-i18n svg path, .physton-gradio-container.light .physton-prompt .prompt-header .prompt-unfold .icon-svg-unfold svg path, .physton-gradio-container.light .physton-prompt .prompt-header .icon-svg-input svg path, .physton-gradio-container.light .physton-prompt .prompt-header .icon-svg-chatgpt svg path {
fill: #565656c2;
}
/*图标尺寸*/
body.light .physton-prompt .prompt-header .setting-box .icon-svg-api svg, body.light .physton-prompt .prompt-header .setting-box .icon-svg-format svg, body.light .physton-prompt .prompt-header .setting-box .icon-svg-theme svg, body.light .physton-prompt .prompt-header .setting-box .icon-svg-remove-space svg, body.light .physton-prompt .prompt-header .setting-box .icon-svg-tooltip svg {
.physton-gradio-container.light .physton-prompt .prompt-header .setting-box .icon-svg-api svg, .physton-gradio-container.light .physton-prompt .prompt-header .setting-box .icon-svg-format svg, .physton-gradio-container.light .physton-prompt .prompt-header .setting-box .icon-svg-theme svg, .physton-gradio-container.light .physton-prompt .prompt-header .setting-box .icon-svg-remove-space svg, .physton-gradio-container.light .physton-prompt .prompt-header .setting-box .icon-svg-tooltip svg {
width: auto;
height: 18px;
}
body.light .physton-prompt .prompt-header .prompt-header-extend .extend-content .extend-btn-group {
.physton-gradio-container.light .physton-prompt .prompt-header .prompt-header-extend .extend-content .extend-btn-group {
display: flex;
justify-content: center;
align-items: center;
@ -552,11 +552,11 @@
padding: 0;
border-radius: 4px;
}
body.light .physton-prompt .prompt-header .prompt-header-extend .extend-content .extend-btn-group .extend-btn-item:hover {
.physton-gradio-container.light .physton-prompt .prompt-header .prompt-header-extend .extend-content .extend-btn-group .extend-btn-item:hover {
background: #b6c6d32b;
border-radius: 4px;
}
body.light .physton-prompt .prompt-header .prompt-header-extend .extend-content .extend-btn-group .extend-btn-item {
.physton-gradio-container.light .physton-prompt .prompt-header .prompt-header-extend .extend-content .extend-btn-group .extend-btn-item {
cursor: pointer;
border-left: 1px solid #161e2a00;
height: 26px;
@ -566,7 +566,7 @@
align-items: center;
position: relative;
}
body.light .physton-prompt-select-language .language-main .language-close, body.light .physton-prompt-extension-css .extension-main .extension-close { /*关闭按钮*/
.physton-gradio-container.light .physton-prompt-select-language .language-main .language-close, .physton-gradio-container.light .physton-prompt-extension-css .extension-main .extension-close { /*关闭按钮*/
height: 24px;
width: 24px;
padding: 4px;
@ -574,10 +574,10 @@
border-radius: 50%;
box-shadow: 0 1px 5px 0 #00000096;
}
body.light .physton-prompt-select-language .language-main .language-close:hover, body.light .physton-prompt-extension-css .extension-main .extension-close:hover {
.physton-gradio-container.light .physton-prompt-select-language .language-main .language-close:hover, .physton-gradio-container.light .physton-prompt-extension-css .extension-main .extension-close:hover {
background: #bd2727;
}
body.light .physton-prompt-select-language .language-main .language-list, body.light .physton-prompt-extension-css .extension-main .extension-list { /*选择语言弹窗*/ height: 100%;
.physton-gradio-container.light .physton-prompt-select-language .language-main .language-list, .physton-gradio-container.light .physton-prompt-extension-css .extension-main .extension-list { /*选择语言弹窗*/ height: 100%;
overflow: hidden;
overflow-y: scroll;
display: block;
@ -589,15 +589,15 @@
transition: height .1s ease-in-out, width .1s ease-in-out;
padding: 5px;
}
body.light .physton-prompt-translate-setting .translate-setting-main { /*翻译接口*/ box-shadow: 0 0 3px 0 #00000094;
.physton-gradio-container.light .physton-prompt-translate-setting .translate-setting-main { /*翻译接口*/ box-shadow: 0 0 3px 0 #00000094;
border-radius: 6px 6px 4px 4px;
background-color: rgb(46 49 50 / 50%);
backdrop-filter: blur(15px);
}
body.light .physton-prompt-translate-setting .translate-setting-main .setting-btns .translate-save {
.physton-gradio-container.light .physton-prompt-translate-setting .translate-setting-main .setting-btns .translate-save {
background: #235cdb;
}
body.light .physton-prompt-translate-setting .translate-setting-main .setting-btns .translate-close {
.physton-gradio-container.light .physton-prompt-translate-setting .translate-setting-main .setting-btns .translate-close {
cursor: pointer;
display: inline-block;
padding: 0 40px;
@ -608,7 +608,7 @@
border: 0px solid #4a54ff;
border-radius: 4px;
}
body.light .physton-prompt-translate-setting .translate-setting-main .setting-line .line-content .test-btn {
.physton-gradio-container.light .physton-prompt-translate-setting .translate-setting-main .setting-line .line-content .test-btn {
cursor: pointer;
display: inline-block;
padding: 0 40px;
@ -618,7 +618,7 @@
background: #235cdb;
border-radius: 4px;
}
body.light .physton-prompt-translate-setting .translate-setting-main .translate-setting-content {
.physton-gradio-container.light .physton-prompt-translate-setting .translate-setting-main .translate-setting-content {
max-height: 600px;
overflow: hidden;
overflow-y: auto;
@ -626,18 +626,18 @@
border: 0px solid #46464600;
border-radius: 6px;
}
body.light .physton-prompt-select-language .language-main .language-list .language-item.selected, .physton-prompt-select-language .language-main .language-list .language-item:hover { /*选择语言弹窗*/
.physton-gradio-container.light .physton-prompt-select-language .language-main .language-list .language-item.selected, .physton-prompt-select-language .language-main .language-list .language-item:hover { /*选择语言弹窗*/
background: #235ddc;
}
body.light .physton-prompt .prompt-append-list .prompt-append-group.selected, .physton-prompt .prompt-append-list .prompt-append-group:hover { /*输入框下拉浮层hover*/
.physton-gradio-container.light .physton-prompt .prompt-append-list .prompt-append-group.selected, .physton-prompt .prompt-append-list .prompt-append-group:hover { /*输入框下拉浮层hover*/
background: #2563eb;
}
body.light .physton-prompt-favorite .popup-detail .popup-item-tags .item-tag .item-tag-local-value, .physton-prompt-history .popup-detail .popup-item-tags .item-tag .item-tag-local-value {
.physton-gradio-container.light .physton-prompt-favorite .popup-detail .popup-item-tags .item-tag .item-tag-local-value, .physton-prompt-history .popup-detail .popup-item-tags .item-tag .item-tag-local-value {
color: #a8aab1;
font-size: 12px;
margin-top: 2px;
}
body.light .physton-prompt .prompt-append-list .prompt-append-group .append-group-list { /*输入框下拉浮层hover*/
.physton-gradio-container.light .physton-prompt .prompt-append-list .prompt-append-group .append-group-list { /*输入框下拉浮层hover*/
box-shadow: 0 0 3px 0 #0000009e;
border-radius: 6px 6px 4px 4px;
/* background: #000; */
@ -648,9 +648,9 @@
left: 100%;
height: 400px;
}
body.light .physton-prompt .prompt-append-list .prompt-append-group .append-group-list .append-item.selected, body.light .physton-prompt .prompt-append-list .prompt-append-group .append-group-list .append-item:hover { /*输入框下拉浮层hover*/ background: #2563eb;
.physton-gradio-container.light .physton-prompt .prompt-append-list .prompt-append-group .append-group-list .append-item.selected, .physton-gradio-container.light .physton-prompt .prompt-append-list .prompt-append-group .append-group-list .append-item:hover { /*输入框下拉浮层hover*/ background: #2563eb;
}
body.light .physton-prompt .prompt-header .prompt-header-extend .extend-content .input-tag-append { /*输入框下拉浮层hover*/
.physton-gradio-container.light .physton-prompt .prompt-header .prompt-header-extend .extend-content .input-tag-append { /*输入框下拉浮层hover*/
display: block;
position: relative;
outline: none !important;
@ -668,23 +668,23 @@
font-size: var(--input-text-size);
line-height: var(--line-sm);
}
body.light .physton-prompt .prompt-append-list .prompt-append-group .tags-detail { /*输入框下拉浮层hover*/ background-color: rgb(20 24 31);
.physton-gradio-container.light .physton-prompt .prompt-append-list .prompt-append-group .tags-detail { /*输入框下拉浮层hover*/ background-color: rgb(20 24 31);
background: rgb(20 24 31);
box-shadow: 0 0 3px 0 #0e0e0ec2;
opacity: .95;
}
body.light .physton-prompt .prompt-append-list .prompt-append-group .tags-detail .tags-list .tags-item .item-tag-value { /*输入框下拉浮层hover*/ background: rgb(38 44 50 / 90%);
.physton-gradio-container.light .physton-prompt .prompt-append-list .prompt-append-group .tags-detail .tags-list .tags-item .item-tag-value { /*输入框下拉浮层hover*/ background: rgb(38 44 50 / 90%);
color: #b6bcc6
}
body.light .physton-prompt .prompt-header .prompt-header-extend .extend-content input::-webkit-input-placeholder {
.physton-gradio-container.light .physton-prompt .prompt-header .prompt-header-extend .extend-content input::-webkit-input-placeholder {
color: #6b7280;
}
body.light .physton-prompt .prompt-append-list .prompt-append-group .tags-detail .tags-list .tags-item .item-tag-local-value {
.physton-gradio-container.light .physton-prompt .prompt-append-list .prompt-append-group .tags-detail .tags-list .tags-item .item-tag-local-value {
font-size: 12px;
color: #7b868a;
margin-top: 2px;
}
body.light .physton-prompt {
.physton-gradio-container.light .physton-prompt {
padding: 0;
margin: 0px 0 12px 0;
border-radius: var(--input-radius);
@ -692,20 +692,20 @@
border-top-left-radius: 0;
border-top-right-radius: 0;
}
body.light .physton-prompt .prompt-header {
.physton-gradio-container.light .physton-prompt .prompt-header {
margin: 0;
border-bottom: 1px dashed #3741512b;
color: #4f5152;
padding-bottom: 0;
}
/*设置hover*/
body.light .physton-prompt .prompt-header .prompt-header-extend .extend-content .extend-btn-group .extend-btn-item .setting-box {
.physton-gradio-container.light .physton-prompt .prompt-header .prompt-header-extend .extend-content .extend-btn-group .extend-btn-item .setting-box {
top: -36px;
left: -10px;
box-shadow: 0 0 5px 0 #1e1e1e33;
}
/*翻译区块1*/
body.light .physton-prompt .prompt-tags {
.physton-gradio-container.light .physton-prompt .prompt-tags {
background-color: rgb(251 251 251 / 35%);
padding: 0;
display: flex;
@ -716,7 +716,7 @@
border-bottom-right-radius: 8px;
}
/*翻译区块2*/
body.light .physton-prompt .prompt-tags .prompt-tags-list:empty {
.physton-gradio-container.light .physton-prompt .prompt-tags .prompt-tags-list:empty {
margin: 0;
padding: 0;
display: flex;
@ -725,7 +725,7 @@
align-items: flex-start;
width: 100%;
}
body.light .physton-prompt .prompt-tags .prompt-tags-list {
.physton-gradio-container.light .physton-prompt .prompt-tags .prompt-tags-list {
margin: 0;
padding: 8px;
display: flex;
@ -734,13 +734,13 @@
align-items: flex-start;
width: 100%;
}
body.light .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag {
.physton-gradio-container.light .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag {
margin: 5px;
display: block;
align-items: center;
max-width: 100%;
}
body.light .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .prompt-tag-value {
.physton-gradio-container.light .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .prompt-tag-value {
width: calc(100% - 16px);
padding: 4px;
font-size: 0.9rem;
@ -753,10 +753,10 @@
background: rgb(237 237 237 / 64%);
border: 0;
}
body.light .physton-prompt .prompt-tags .btn-tag-delete .icon-svg-close svg path {
.physton-gradio-container.light .physton-prompt .prompt-tags .btn-tag-delete .icon-svg-close svg path {
fill: #4e546345;
}
body.light .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .btn-tag-delete {
.physton-gradio-container.light .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .btn-tag-delete {
display: flex;
justify-content: center;
align-items: center;
@ -771,29 +771,29 @@
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
body.light .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .btn-tag-extend { /*TAG上浮*/ background: #fafafa;
.physton-gradio-container.light .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .btn-tag-extend { /*TAG上浮*/ background: #fafafa;
}
body.light .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .btn-tag-extend .input-number .vue-number-input__input { /*TAG上浮*/ color: #000;
.physton-gradio-container.light .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .btn-tag-extend .input-number .vue-number-input__input { /*TAG上浮*/ color: #000;
}
body.light .physton-prompt .prompt-tags .btn-tag-extend .icon-svg-weight-brackets-inc svg path, body.light .physton-prompt .prompt-tags .btn-tag-extend .icon-svg-weight-brackets-dec svg path { /*TAG上浮*/
.physton-gradio-container.light .physton-prompt .prompt-tags .btn-tag-extend .icon-svg-weight-brackets-inc svg path, .physton-gradio-container.light .physton-prompt .prompt-tags .btn-tag-extend .icon-svg-weight-brackets-dec svg path { /*TAG上浮*/
fill: #35a446;
}
body.light .physton-prompt .prompt-tags .btn-tag-extend .icon-svg-favorite-no svg path:nth-child(1) { /*TAG上浮*/
.physton-gradio-container.light .physton-prompt .prompt-tags .btn-tag-extend .icon-svg-favorite-no svg path:nth-child(1) { /*TAG上浮*/
fill: #464646 !important;
}
body.light .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .prompt-tag-value .character {
.physton-gradio-container.light .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .prompt-tag-value .character {
text-overflow: ellipsis;
overflow: hidden;
line-height: 1rem;
color: rgb(84 84 84);
}
body.light .physton-prompt .prompt-tags .prompt-local-language .icon-svg-translate svg path {
.physton-gradio-container.light .physton-prompt .prompt-tags .prompt-local-language .icon-svg-translate svg path {
fill: #3a4554;
}
body.light #txt2img_prompt, body.light #txt2img_neg_prompt, body.light #img2img_prompt, body.light #img2img_neg_prompt {
.physton-gradio-container.light #txt2img_prompt, .physton-gradio-container.light #txt2img_neg_prompt, .physton-gradio-container.light #img2img_prompt, .physton-gradio-container.light #img2img_neg_prompt {
margin-bottom: -17px;
}
body.light input[type=text].svelte-1pie7s6, body.light input[type=password].svelte-1pie7s6, body.light input[type=email].svelte-1pie7s6, body.light textarea.svelte-1pie7s6 {
.physton-gradio-container.light input[type=text].svelte-1pie7s6, .physton-gradio-container.light input[type=password].svelte-1pie7s6, .physton-gradio-container.light input[type=email].svelte-1pie7s6, .physton-gradio-container.light textarea.svelte-1pie7s6 {
display: block;
position: relative;
outline: none !important;
@ -810,26 +810,26 @@
font-size: var(--input-text-size);
line-height: var(--line-sm);
}
body.light .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-local-language .local-language {
.physton-gradio-container.light .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-local-language .local-language {
font-size: .8rem;
color: #3a3e46c9;
margin-left: 2px;
}
body.light .physton-prompt-favorite .popup-tabs .popup-tab.active, body.light .physton-prompt-favorite .popup-tabs .popup-tab:hover, body.light .physton-prompt-history .popup-tabs .popup-tab.active, body.light .physton-prompt-history .popup-tabs .popup-tab:hover { /*历史记录tab hover*/
.physton-gradio-container.light .physton-prompt-favorite .popup-tabs .popup-tab.active, .physton-gradio-container.light .physton-prompt-favorite .popup-tabs .popup-tab:hover, .physton-gradio-container.light .physton-prompt-history .popup-tabs .popup-tab.active, .physton-gradio-container.light .physton-prompt-history .popup-tabs .popup-tab:hover { /*历史记录tab hover*/
background: #2562e9;
border-bottom: 0;
border-radius: 5px;
margin: 4px;
}
body.light .physton-prompt-favorite .popup-tabs .popup-tab.active, body.light .physton-prompt-favorite .popup-tabs .popup-tab, body.light .physton-prompt-history .popup-tabs .popup-tab.active, body.light .physton-prompt-history .popup-tabs .popup-tab { /*历史记录tab hover*/
.physton-gradio-container.light .physton-prompt-favorite .popup-tabs .popup-tab.active, .physton-gradio-container.light .physton-prompt-favorite .popup-tabs .popup-tab, .physton-gradio-container.light .physton-prompt-history .popup-tabs .popup-tab.active, .physton-gradio-container.light .physton-prompt-history .popup-tabs .popup-tab { /*历史记录tab hover*/
margin: 4px;
}
body.light .physton-prompt .prompt-header .prompt-header-extend .extend-content .extend-btn-group .extend-btn-item .setting-box > * {
.physton-gradio-container.light .physton-prompt .prompt-header .prompt-header-extend .extend-content .extend-btn-group .extend-btn-item .setting-box > * {
margin-left: 5px;
}
body.light .physton-prompt .prompt-header .prompt-header-extend .extend-content .extend-btn-group .extend-btn-item .setting-box { /*浅色设置hover上浮*/ background: #fafafa;
.physton-gradio-container.light .physton-prompt .prompt-header .prompt-header-extend .extend-content .extend-btn-group .extend-btn-item .setting-box { /*浅色设置hover上浮*/ background: #fafafa;
}
body.light .physton-prompt-favorite .popup-detail, body.light .physton-prompt-history .popup-detail { /*历史记录 list hover浮层 */
.physton-gradio-container.light .physton-prompt-favorite .popup-detail, .physton-gradio-container.light .physton-prompt-history .popup-detail { /*历史记录 list hover浮层 */
position: absolute;
left: 100%;
top: 0;
@ -843,7 +843,7 @@
padding: 10px;
color: #1d1d1d;
}
body.light .physton-prompt-favorite .popup-detail .popup-item-tags .item-tag .item-tag-value, body.light .physton-prompt-history .popup-detail .popup-item-tags .item-tag .item-tag-value { /*历史记录 list hover浮层 tag */
.physton-gradio-container.light .physton-prompt-favorite .popup-detail .popup-item-tags .item-tag .item-tag-value, .physton-gradio-container.light .physton-prompt-history .popup-detail .popup-item-tags .item-tag .item-tag-value { /*历史记录 list hover浮层 tag */
padding: 4px 6px;
border-radius: 5px;
background: rgb(48 51 57 / 90%);
@ -851,7 +851,7 @@
color: #d0d0d0;
}
/*隐藏原生框右上角的词组数量提示*/
body.light #txt2img_negative_token_counter, body.light #txt2img_token_counter, body.light #img2img_token_counter, body.light #img2img_negative_token_counter {
.physton-gradio-container.light #txt2img_negative_token_counter, .physton-gradio-container.light #txt2img_token_counter, .physton-gradio-container.light #img2img_token_counter, .physton-gradio-container.light #img2img_negative_token_counter {
position: absolute;
right: 1em;
min-width: 0 !important;
@ -860,7 +860,7 @@
top: -0.75em;
display: none;
}
body.light .physton-prompt-favorite .popup-tab-content .content-list .content-item, body.light .physton-prompt-history .popup-tab-content .content-list .content-item { /*历史记录弹窗list*/
.physton-gradio-container.light .physton-prompt-favorite .popup-tab-content .content-list .content-item, .physton-gradio-container.light .physton-prompt-history .popup-tab-content .content-list .content-item { /*历史记录弹窗list*/
padding: 6px 10px;
background-color: #e0e6ed;
border-radius: 4px;
@ -868,25 +868,25 @@
border: 1px solid #cacfd500;
cursor: pointer;
}
body.light .physton-prompt-favorite .popup-tab-content .content-list .content-item:hover, body.light .physton-prompt-history .popup-tab-content .content-list .content-item:hover {
.physton-gradio-container.light .physton-prompt-favorite .popup-tab-content .content-list .content-item:hover, .physton-gradio-container.light .physton-prompt-history .popup-tab-content .content-list .content-item:hover {
background: rgb(136 144 154 / 76%);
}
body.light .physton-prompt-favorite .popup-tab-content .content-list .content-item .item-prompt, body.light .physton-prompt-history .popup-tab-content .content-list .content-item .item-prompt {
.physton-gradio-container.light .physton-prompt-favorite .popup-tab-content .content-list .content-item .item-prompt, .physton-gradio-container.light .physton-prompt-history .popup-tab-content .content-list .content-item .item-prompt {
font-size: 12px;
color: #5c626f;
}
body.light .physton-prompt-favorite .popup-tab-content .content-list .content-item:hover .item-prompt, body.light .physton-prompt-history .popup-tab-content .content-list .content-item:hover .item-prompt {
.physton-gradio-container.light .physton-prompt-favorite .popup-tab-content .content-list .content-item:hover .item-prompt, .physton-gradio-container.light .physton-prompt-history .popup-tab-content .content-list .content-item:hover .item-prompt {
overflow: visible;
white-space: normal;
font-size: 12px;
color: #eff3fa;
}
body.light .physton-prompt-favorite .popup-tab-content .content-list .clear-btn .icon-svg-remove svg, .physton-prompt-history .popup-tab-content .content-list .clear-btn .icon-svg-remove svg { /*删除所有记录*/
.physton-gradio-container.light .physton-prompt-favorite .popup-tab-content .content-list .clear-btn .icon-svg-remove svg, .physton-prompt-history .popup-tab-content .content-list .clear-btn .icon-svg-remove svg { /*删除所有记录*/
width: auto;
height: 18px;
margin-top: 5px;
}
body.light .physton-prompt-favorite .popup-tab-content .content-list .clear-btn, body.light .physton-prompt-history .popup-tab-content .content-list .clear-btn {
.physton-gradio-container.light .physton-prompt-favorite .popup-tab-content .content-list .clear-btn, .physton-gradio-container.light .physton-prompt-history .popup-tab-content .content-list .clear-btn {
border-radius: 4px;
left: 5px;
width: 463px;
@ -904,7 +904,7 @@
align-items: center;
background: rgb(227 232 240 / 91%);
}
body.light .physton-prompt-favorite .popup-tab-content .content-list .content-item .item-header .item-header-left .item-header-index, body.light .physton-prompt-history .popup-tab-content .content-list .content-item .item-header .item-header-left .item-header-index {
.physton-gradio-container.light .physton-prompt-favorite .popup-tab-content .content-list .content-item .item-header .item-header-left .item-header-index, .physton-gradio-container.light .physton-prompt-history .popup-tab-content .content-list .content-item .item-header .item-header-left .item-header-index {
background: #2562e9;
padding: 2px 0;
width: 32px;
@ -912,7 +912,7 @@
border-radius: 4px;
color: #fff;
}
body.light .physton-prompt-favorite .popup-tab-content .content-list .content-item .item-header .item-header-left .item-header-name .header-name-input, body.light .physton-prompt-history .popup-tab-content .content-list .content-item .item-header .item-header-left .item-header-name .header-name-input {
.physton-gradio-container.light .physton-prompt-favorite .popup-tab-content .content-list .content-item .item-header .item-header-left .item-header-name .header-name-input, .physton-gradio-container.light .physton-prompt-history .popup-tab-content .content-list .content-item .item-header .item-header-left .item-header-name .header-name-input {
background: #ffffff4f;
border: 0;
border-radius: 3px;
@ -923,14 +923,14 @@
color: #2562e9;
margin-right: 7px;
}
body.light .physton-prompt-favorite .popup-tabs .popup-tab, body.light .physton-prompt-history .popup-tabs .popup-tab {
.physton-gradio-container.light .physton-prompt-favorite .popup-tabs .popup-tab, .physton-gradio-container.light .physton-prompt-history .popup-tabs .popup-tab {
padding: 5px 0;
cursor: pointer;
position: relative;
flex: 1;
border-bottom: 0;
}
body.light .physton-prompt .prompt-append-list {
.physton-gradio-container.light .physton-prompt .prompt-append-list {
width: auto;
height: auto;
padding: 6px;
@ -944,7 +944,7 @@
z-index: 1000;
background: rgb(52 63 80 / 47%);
}
body.light .physton-prompt-favorite, body.light .physton-prompt-history { /*历史记录弹窗*/
.physton-gradio-container.light .physton-prompt-favorite, .physton-gradio-container.light .physton-prompt-history { /*历史记录弹窗*/
width: 500px;
height: auto;
padding: 6px;
@ -961,15 +961,15 @@
left: 0;
overflow: visible;
}
body.light .physton-prompt .prompt-main.fold {
.physton-gradio-container.light .physton-prompt .prompt-main.fold {
max-height: 42px
}
body.light .physton-prompt-favorite .popup-tab-content .content-list .content-item .item-header .item-header-left>div, body.light .physton-prompt-favorite .popup-tab-content .content-list .content-item .item-header .item-header-right>div, body.light .physton-prompt-history .popup-tab-content .content-list .content-item .item-header .item-header-left>div, body.light .physton-prompt-history .popup-tab-content .content-list .content-item .item-header .item-header-right>div {
.physton-gradio-container.light .physton-prompt-favorite .popup-tab-content .content-list .content-item .item-header .item-header-left>div, .physton-gradio-container.light .physton-prompt-favorite .popup-tab-content .content-list .content-item .item-header .item-header-right>div, .physton-gradio-container.light .physton-prompt-history .popup-tab-content .content-list .content-item .item-header .item-header-left>div, .physton-gradio-container.light .physton-prompt-history .popup-tab-content .content-list .content-item .item-header .item-header-right>div {
margin-right: 10px;
font-size: 14px;
color: #565c61;
}
/*TAG上浮*/
body.light .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main:hover .btn-tag-extend, body.light .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main:hover .prompt-tag-edit {
.physton-gradio-container.light .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main:hover .btn-tag-extend, .physton-gradio-container.light .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main:hover .prompt-tag-edit {
box-shadow: 0 0 5px 0 #1e1e1e33;
}

24
styles/extensions/Webui/style.min.css vendored
View File

@ -31,7 +31,7 @@
.fwbiXl .ant-menu-overflow-item.ant-menu-item-selected{
background-color:var(--button-primary-border-color) !important;
}
body.light .fwbiXl .ant-menu-overflow-item.ant-menu-item-selected{
.physton-gradio-container.light .fwbiXl .ant-menu-overflow-item.ant-menu-item-selected{
color: #ffffff;
}
/* -----------------------------------------------------------------------------------*/
@ -122,7 +122,7 @@ Light theme
body.light .physton-prompt .prompt-header .extend-btn-item .icon-svg-favorite:before {
.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%;
@ -131,23 +131,23 @@ body.light .physton-prompt .prompt-header .extend-btn-item .icon-svg-favorite:be
width: 18px;
height: 18px;
}
body.light .physton-prompt .prompt-header .extend-btn-item .icon-svg-favorite svg {
.physton-gradio-container.light .physton-prompt .prompt-header .extend-btn-item .icon-svg-favorite svg {
/* 功能设置图标样式*/
fill: var(--body-text-color);
display:none;
}
body.light .physton-prompt .prompt-header .extend-btn-item .icon-svg-translate svg path{
.physton-gradio-container.light .physton-prompt .prompt-header .extend-btn-item .icon-svg-translate svg path{
/* 功能设置图标样式*/
fill: var(--body-text-color);
}
body.light .physton-prompt .prompt-header .extend-btn-item .icon-svg-english svg path{
.physton-gradio-container.light .physton-prompt .prompt-header .extend-btn-item .icon-svg-english svg path{
/* 功能设置图标样式*/
fill: var(--body-text-color);
}
body.light .physton-prompt .prompt-header {
.physton-gradio-container.light .physton-prompt .prompt-header {
/*
更换标题栏背景色
Change the background color of the title bar
@ -158,7 +158,7 @@ body.light .physton-prompt .prompt-header {
/**深色主题Dark theme*/
body.dark .physton-prompt .prompt-header .extend-btn-item .icon-svg-favorite:before {
.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%;
@ -167,7 +167,7 @@ body.dark .physton-prompt .prompt-header .extend-btn-item .icon-svg-favorite:bef
width: 18px;
height: 18px;
}
body.dark .physton-prompt .prompt-header .extend-btn-item .icon-svg-favorite svg {
.physton-gradio-container.dark .physton-prompt .prompt-header .extend-btn-item .icon-svg-favorite svg {
/* 功能设置图标样式*/
fill: var(--body-text-color);
display:none;
@ -175,16 +175,16 @@ body.dark .physton-prompt .prompt-header .extend-btn-item .icon-svg-favorite svg
body.dark .physton-prompt .prompt-header .extend-btn-item .icon-svg-translate svg path{
.physton-gradio-container.dark .physton-prompt .prompt-header .extend-btn-item .icon-svg-translate svg path{
/* 功能设置图标样式*/
fill: var(--body-text-color);
}
body.dark .physton-prompt .prompt-header .extend-btn-item .icon-svg-english svg path{
.physton-gradio-container.dark .physton-prompt .prompt-header .extend-btn-item .icon-svg-english svg path{
/* 功能设置图标样式*/
fill: var(--body-text-color);
}
body.dark .physton-prompt .prompt-header {
.physton-gradio-container.dark .physton-prompt .prompt-header {
/*
更换标题栏背景色
Change the background color of the title bar
@ -204,7 +204,7 @@ body.dark .physton-prompt .prompt-header {
border: 1px solid #1296db;
}
body.dark .physton-prompt .prompt-header .prompt-header-extend .extend-content .input-tag-append {
.physton-gradio-container.dark .physton-prompt .prompt-header .prompt-header-extend .extend-content .input-tag-append {
/*改变输入框的的样式*/
color:#1296db;
}

BIN
styles/extensions/demo.zip
View File

Binary file not shown.

12
styles/extensions/full-input/style.less
View File

@ -1,11 +1,3 @@
.physton-prompt .prompt-header {
.prompt-header-extend {
&.prompt-append {
.extend-content {
.input-tag-append {
width: calc(100% - 42px - 10px);
}
}
}
}
.physton-gradio-container {
--pp-ph-phe-ec-inputTagAppend-width: calc(100% - 42px - 10px);
}

2
styles/extensions/full-input/style.min.css vendored
View File

@ -1 +1 @@
.physton-prompt .prompt-header .prompt-header-extend.prompt-append .extend-content .input-tag-append{width:calc(100% - 42px - 10px)}
.physton-gradio-container{--pp-ph-phe-ec-inputTagAppend-width:calc(100% - 42px - 10px)}

4
styles/extensions/hide-tag-local/style.less
View File

@ -1,3 +1,3 @@
.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-local-language {
display: none;
.physton-gradio-container {
--pp-pt-dsb-ptl-pt-promptLocalLanguage-display: none;
}

2
styles/extensions/hide-tag-local/style.min.css vendored
View File

@ -1 +1 @@
.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-local-language{display:none}
.physton-gradio-container{--pp-pt-dsb-ptl-pt-promptLocalLanguage-display:none}

6
styles/extensions/tag-btns-right/style.less
View File

@ -1,4 +1,4 @@
.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .btn-tag-extend{
top: -4px;
left: calc(100% - 2px);
.physton-gradio-container {
--pp-pt-dsb-ptl-pt-ptm-btnTagExtend-top: -4px;
--pp-pt-dsb-ptl-pt-ptm-btnTagExtend-left: calc(100% - 2px);
}

2
styles/extensions/tag-btns-right/style.min.css vendored
View File

@ -1 +1 @@
.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .btn-tag-extend{top:-4px;left:calc(100% - 2px)}
.physton-gradio-container{--pp-pt-dsb-ptl-pt-ptm-btnTagExtend-top:-4px;--pp-pt-dsb-ptl-pt-ptm-btnTagExtend-left:calc(100% - 2px)}

4
styles/extensions/weaken-keywords/style.less
View File

@ -33,7 +33,7 @@
浅色主题
Light theme
*/
body.light .physton-prompt {
.physton-gradio-container.light .physton-prompt {
.prompt-tags {
.prompt-tags-list {
.prompt-tag {
@ -59,7 +59,7 @@ body.light .physton-prompt {
深色主题
Dark theme
*/
body.dark .physton-prompt {
.physton-gradio-container.dark .physton-prompt {
.prompt-tags {
.prompt-tags-list {
.prompt-tag {

2
styles/extensions/weaken-keywords/style.min.css vendored
View File

@ -1 +1 @@
.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag{margin-bottom:4px;margin-right:6px}.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit{min-height:22px}.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .btn-tag-delete,.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .prompt-tag-value{background:0 0;padding:2px}.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-local-language{margin-top:0}.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-local-language svg{width:12px;height:12px}body.light .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .btn-tag-delete,body.light .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .prompt-tag-value{border-color:#e9e9e9!important}body.light .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-local-language svg path{fill:var(--block-info-text-color)}body.dark .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .btn-tag-delete,body.dark .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .prompt-tag-value{border-color:#222}body.dark .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .btn-tag-delete svg path{fill:#505050}body.dark .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-local-language svg path{fill:#5a5a5a}
.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag{margin-bottom:4px;margin-right:6px}.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit{min-height:22px}.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .btn-tag-delete,.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .prompt-tag-value{background:0 0;padding:2px}.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-local-language{margin-top:0}.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-local-language svg{width:12px;height:12px}.physton-gradio-container.light .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .btn-tag-delete,.physton-gradio-container.light .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .prompt-tag-value{border-color:#e9e9e9!important}.physton-gradio-container.light .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-local-language svg path{fill:var(--block-info-text-color)}.physton-gradio-container.dark .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .btn-tag-delete,.physton-gradio-container.dark .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .prompt-tag-value{border-color:#222}.physton-gradio-container.dark .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .btn-tag-delete svg path{fill:#505050}.physton-gradio-container.dark .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-local-language svg path{fill:#5a5a5a}

2
styles/main.less.REMOVED.git-id
View File

@ -1 +1 @@
cf6884f8d86ede6cc9a80b1c42b195f266a352e2
721829e4a8978e4a55a55fc2eeec6c942c756589

2
styles/main.min.css.REMOVED.git-id
View File

@ -1 +1 @@
0897d08c83c9379bf13a8793c34b51281c770472
9fb7e46c4b24b4d5f5a66ee7302b577448fed344

1
styles/tippy.css Executable file
View File

@ -0,0 +1 @@
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}

1
styles/toastr.min.css vendored Executable file
View File

File diff suppressed because one or more lines are too long