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

added toggle to turn off shadows completely

Browse Source
This commit is contained in:
RossAscends
2023-04-27 02:27:03 +09:00
parent df7f6c0168
commit e78a2e8b4e
3 changed files with 33 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
public/index.html
View File

@ -1238,10 +1238,15 @@
<input id="waifuMode" type="checkbox" />
♡ Waifu Mode ♡
</label>
<label for="noShadowsmode" class="checkbox_label">
<input id="noShadowsmode" type="checkbox" />
Remove Text Shadows
</label>
<label for="movingUImode" class="checkbox_label">
<input id="movingUImode" type="checkbox" />
Movable UI Panels
</label>
<div id="movingUIreset" class="menu_button whitespacenowrap">Reset Panels</div>
</div>
</div>

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

@ -83,6 +83,7 @@ let power_user = {
waifuMode: false,
movingUI: false,
noShadows: false,
theme: 'Default (Dark)',
};
@ -107,6 +108,7 @@ const storage_keys = {
waifuMode: "TavernAI_waifuMode",
movingUI: "TavernAI_movingUI",
noShadows: "TavernAI_noShadows",
};
let browser_has_focus = true;
@ -151,6 +153,13 @@ function switchMovingUI() {
scrollChatToBottom();
}
function noShadows() {
const noShadows = localStorage.getItem(storage_keys.noShadows);
power_user.noShadows = noShadows === null ? false : noShadows == "true";
$("body").toggleClass("noShadows", power_user.noShadows);
scrollChatToBottom();
}
function applyAvatarStyle() {
power_user.avatar_style = Number(localStorage.getItem(storage_keys.avatar_style) ?? avatar_styles.ROUND);
$("body").toggleClass("big-avatars", power_user.avatar_style === avatar_styles.RECTANGULAR);
@ -203,11 +212,10 @@ async function applyBlurStrength() {
async function applyShadowWidth() {
power_user.shadow_width = Number(localStorage.getItem(storage_keys.shadow_width) ?? 2);
document.documentElement.style.setProperty('--shadowWidth', power_user.shadow_width);
$("#blur_strength_counter").text(power_user.shadow_width);
$("#shadow_width_counter").text(power_user.shadow_width);
}
async function applyFontScale() {
power_user.font_scale = Number(localStorage.getItem(storage_keys.font_scale) ?? 1);
document.documentElement.style.setProperty('--fontScale', power_user.font_scale);
@ -262,9 +270,11 @@ applyThemeColor();
applySheldWidth();
applyAvatarStyle();
applyBlurStrength();
applyShadowWidth();
applyChatDisplay();
switchWaifuMode()
switchMovingUI();
noShadows();
function loadPowerUserSettings(settings, data) {
// Load from settings.json
@ -280,9 +290,11 @@ function loadPowerUserSettings(settings, data) {
const fastUi = localStorage.getItem(storage_keys.fast_ui_mode);
const waifuMode = localStorage.getItem(storage_keys.waifuMode);
const movingUI = localStorage.getItem(storage_keys.movingUI);
const noShadows = localStorage.getItem(storage_keys.noShadows);
power_user.fast_ui_mode = fastUi === null ? true : fastUi == "true";
power_user.waifuMode = waifuMode === null ? false : waifuMode == "true";
power_user.movingUI = movingUI === null ? false : movingUI == "true";
power_user.noShadows = noShadows === null ? false : noShadows == "true";
power_user.avatar_style = Number(localStorage.getItem(storage_keys.avatar_style) ?? avatar_styles.ROUND);
power_user.chat_display = Number(localStorage.getItem(storage_keys.chat_display) ?? chat_styles.DEFAULT);
power_user.sheld_width = Number(localStorage.getItem(storage_keys.sheld_width) ?? sheld_width.DEFAULT);
@ -303,6 +315,7 @@ function loadPowerUserSettings(settings, data) {
$("#fast_ui_mode").prop("checked", power_user.fast_ui_mode);
$("#waifuMode").prop("checked", power_user.waifuMode);
$("#movingUImode").prop("checked", power_user.movingUI);
$("#noShadowsmode").prop("checked", power_user.noShadows);
$("#multigen").prop("checked", power_user.multigen);
$("#multigen_first_chunk").val(power_user.multigen_first_chunk);
$("#multigen_next_chunks").val(power_user.multigen_next_chunks);
@ -442,6 +455,12 @@ $(document).ready(() => {
switchMovingUI();
});
$("#noShadowsmode").change(function () {
power_user.noShadows = $(this).prop("checked");
localStorage.setItem(storage_keys.noShadows, power_user.noShadows);
noShadows();
});
$("#movingUIreset").on('click', function () {
document.getElementById("sheld").style.top = '';

7
public/style.css
View File

@ -3425,6 +3425,8 @@ body.waifuMode .expression-holder {
z-index: 2;
}
/* movingUI*/
body.movingUI .drag-grabber {
display: inline;
}
@ -3435,6 +3437,11 @@ body.movingUI #expression-holder {
resize: both;
}
/*No Text Shadows Mode*/
body.noShadows * {
text-shadow: none !important;
}
/* ---------- @media queries must always go at the bottom ------------*/
/*will apply to anything 1000px or less. this catches ipads, horizontal phones, and vertical phones)*/