renun/BewlyBewly
1
0
Fork 0
mirror of https://github.com/BewlyBewly/BewlyBewly.git synced 2025-04-14 13:15:29 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor: use color-mix for theme color & status color

Browse Source
This commit is contained in:
Hakadao
2024-08-13 00:05:21 +08:00
parent d35e710080
commit 0b8999d751
2 changed files with 45 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/contentScripts/views/App.vue
View File

@@ -153,13 +153,9 @@ function setAppThemeColor() {
const bewlyElement = document.querySelector('#bewly') as HTMLElement
if (bewlyElement) {
bewlyElement.style.setProperty('--bew-theme-color', settings.value.themeColor)
for (let i = 0; i < 9; i++)
bewlyElement.style.setProperty(`--bew-theme-color-${i + 1}0`, hexToHSL(settings.value.themeColor, i * 0.1 + 0.1))
}
document.documentElement.style.setProperty('--bew-theme-color', settings.value.themeColor)
for (let i = 0; i < 9; i++)
document.documentElement.style.setProperty(`--bew-theme-color-${i + 1}0`, hexToHSL(settings.value.themeColor, i * 0.1 + 0.1))
}
function handleBackToTop(targetScrollTop = 0 as number) {