rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-06-05 21:59:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix colors overflowing the stack

Browse Source
This commit is contained in:
SillyLossy
2023-04-12 00:49:07 +03:00
parent 6f362a6387
commit a8c31c723b
1 changed files with 0 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
public/scripts/power-user.js
View File

@ -128,7 +128,6 @@ function applySheldWidth() {
} }
async function applyThemeColor(type) { async function applyThemeColor(type) {
const $MainTextColorPicker = document.getElementById('main-text-color-picker'); const $MainTextColorPicker = document.getElementById('main-text-color-picker');
const $ItalicsTextColorPicker = document.getElementById('italics-color-picker'); const $ItalicsTextColorPicker = document.getElementById('italics-color-picker');
const $FastUIBGColorPicker = document.getElementById('fastui-bg-color-picker'); const $FastUIBGColorPicker = document.getElementById('fastui-bg-color-picker');
@ -138,25 +137,21 @@ async function applyThemeColor(type) {
chat.style.transition = 'unset'; chat.style.transition = 'unset';
if (type === 'main') { if (type === 'main') {
$MainTextColorPicker.color = `${power_user.main_text_color}`;
document.documentElement.style.setProperty('--SmartThemeBodyColor', power_user.main_text_color); document.documentElement.style.setProperty('--SmartThemeBodyColor', power_user.main_text_color);
console.log($MainTextColorPicker.color); console.log($MainTextColorPicker.color);
} }
if (type === 'italics') { if (type === 'italics') {
$ItalicsTextColorPicker.color = `${power_user.italics_text_color}`;
document.documentElement.style.setProperty('--SmartThemeEmColor', power_user.italics_text_color); document.documentElement.style.setProperty('--SmartThemeEmColor', power_user.italics_text_color);
console.log($ItalicsTextColorPicker.color); console.log($ItalicsTextColorPicker.color);
} }
if (type === 'fastUIBG') { if (type === 'fastUIBG') {
$FastUIBGColorPicker.color = `${power_user.fastui_bg_color}`;
document.documentElement.style.setProperty('--SmartThemeFastUIBGColor', power_user.fastui_bg_color); document.documentElement.style.setProperty('--SmartThemeFastUIBGColor', power_user.fastui_bg_color);
console.log($FastUIBGColorPicker.color); console.log($FastUIBGColorPicker.color);
} }
if (type === 'blurTint') { if (type === 'blurTint') {
$BlurTintColorPicker.color = `${power_user.blur_tint_color}`;
document.documentElement.style.setProperty('--SmartThemeBlurTintColor', power_user.blur_tint_color); document.documentElement.style.setProperty('--SmartThemeBlurTintColor', power_user.blur_tint_color);
console.log($BlurTintColorPicker.color); console.log($BlurTintColorPicker.color);
} }
@ -190,8 +185,6 @@ applySheldWidth();
applyFontScale(); applyFontScale();
applyThemeColor(); applyThemeColor();
const applyColorDebounced = debounce((type) => applyThemeColor(type), 100);
// TODO delete in next release // TODO delete in next release
function loadFromLocalStorage() { function loadFromLocalStorage() {
power_user.collapse_newlines = localStorage.getItem(storage_keys.collapse_newlines) == "true"; power_user.collapse_newlines = localStorage.getItem(storage_keys.collapse_newlines) == "true";