feat(embedded): Helper embedded display settings

This commit is contained in:
dataeaseShu
2025-08-20 14:00:19 +08:00
parent 23322524c0
commit 628fc637b8
3 changed files with 51 additions and 48 deletions
+16 -13
View File
@@ -107,47 +107,50 @@ export const setTitle = (title?: string) => {
document.title = title || 'SQLBot'
}
export const setCurrentColor = (currentColor: any) => {
document.documentElement.style.setProperty('--ed-color-primary', currentColor)
document.documentElement.style.setProperty('--van-blue', currentColor)
document.documentElement.style.setProperty(
export const setCurrentColor = (
currentColor: any,
elemet: HTMLElement = document.documentElement
) => {
elemet.style.setProperty('--ed-color-primary', currentColor)
elemet.style.setProperty('--van-blue', currentColor)
elemet.style.setProperty(
'--ed-color-primary-light-5',
colorFunctions
.mix(new colorTree('ffffff'), new colorTree(currentColor.substr(1)), { value: 40 })
.toRGB()
)
document.documentElement.style.setProperty(
elemet.style.setProperty(
'--ed-color-primary-light-3',
colorFunctions
.mix(new colorTree('ffffff'), new colorTree(currentColor.substr(1)), { value: 15 })
.toRGB()
)
document.documentElement.style.setProperty(
elemet.style.setProperty(
'--ed-color-primary-60',
colorFunctions
.mix(new colorTree('ffffff'), new colorTree(currentColor.substr(1)), { value: 60 })
.toRGB()
)
document.documentElement.style.setProperty(
elemet.style.setProperty(
'--ed-color-primary-80',
colorFunctions
.mix(new colorTree('ffffff'), new colorTree(currentColor.substr(1)), { value: 80 })
.toRGB()
)
document.documentElement.style.setProperty(
elemet.style.setProperty(
'--ed-color-primary-15-d',
colorFunctions
.mix(new colorTree('000000'), new colorTree(currentColor.substr(1)), { value: 15 })
.toRGB()
)
document.documentElement.style.setProperty('--ed-color-primary-1a', `${currentColor}1a`)
document.documentElement.style.setProperty('--ed-color-primary-14', `${currentColor}14`)
document.documentElement.style.setProperty('--ed-color-primary-33', `${currentColor}33`)
document.documentElement.style.setProperty('--ed-color-primary-99', `${currentColor}99`)
document.documentElement.style.setProperty(
elemet.style.setProperty('--ed-color-primary-1a', `${currentColor}1a`)
elemet.style.setProperty('--ed-color-primary-14', `${currentColor}14`)
elemet.style.setProperty('--ed-color-primary-33', `${currentColor}33`)
elemet.style.setProperty('--ed-color-primary-99', `${currentColor}99`)
elemet.style.setProperty(
'--ed-color-primary-dark-2',
colorFunctions
.mix(new colorTree('000000'), new colorTree(currentColor.substr(1)), { value: 15 })