Change button hover color from green to blue in Chat.svelte
This commit is contained in:
@@ -250,7 +250,7 @@
|
||||
<div class="flex-grow flex items-center justify-end" class:text-textcolor2={options?.applyTextColors !== false}>
|
||||
<span class="text-xs">{statusMessage}</span>
|
||||
{#if DBState.db.useChatCopy && !blankMessage}
|
||||
<button class="ml-2 hover:text-green-500 transition-colors" onclick={()=>{
|
||||
<button class="ml-2 hover:text-blue-500 transition-colors" onclick={()=>{
|
||||
window.navigator.clipboard.writeText(msgDisplay).then(() => {
|
||||
setStatusMessage(language.copied)
|
||||
})
|
||||
@@ -260,7 +260,7 @@
|
||||
{/if}
|
||||
{#if idx > -1}
|
||||
{#if DBState.db.characters[$selectedCharID].type !== 'group' && DBState.db.characters[$selectedCharID].ttsMode !== 'none' && (DBState.db.characters[$selectedCharID].ttsMode)}
|
||||
<button class="ml-2 hover:text-green-500 transition-colors" onclick={()=>{
|
||||
<button class="ml-2 hover:text-blue-500 transition-colors" onclick={()=>{
|
||||
return sayTTS(null, message)
|
||||
}}>
|
||||
<Volume2Icon size={20}/>
|
||||
@@ -268,7 +268,7 @@
|
||||
{/if}
|
||||
|
||||
{#if !$ConnectionOpenStore}
|
||||
<button class={"ml-2 hover:text-green-500 transition-colors "+(editMode?'text-green-400':'')} onclick={() => {
|
||||
<button class={"ml-2 hover:text-blue-500 transition-colors "+(editMode?'text-blue-400':'')} onclick={() => {
|
||||
if(!editMode){
|
||||
editMode = true
|
||||
}
|
||||
@@ -279,13 +279,13 @@
|
||||
}}>
|
||||
<PencilIcon size={20}/>
|
||||
</button>
|
||||
<button class="ml-2 hover:text-green-500 transition-colors" onclick={(e) => rm(e, false)} use:longpress={(e) => rm(e, true)}>
|
||||
<button class="ml-2 hover:text-blue-500 transition-colors" onclick={(e) => rm(e, false)} use:longpress={(e) => rm(e, true)}>
|
||||
<TrashIcon size={20}/>
|
||||
</button>
|
||||
{/if}
|
||||
{/if}
|
||||
{#if DBState.db.translator !== '' && !blankMessage}
|
||||
<button class={"ml-2 cursor-pointer hover:text-green-500 transition-colors " + (translated ? 'text-green-400':'')} class:translating={translating} onclick={async () => {
|
||||
<button class={"ml-2 cursor-pointer hover:text-blue-500 transition-colors " + (translated ? 'text-blue-400':'')} class:translating={translating} onclick={async () => {
|
||||
translated = !translated
|
||||
}}>
|
||||
<LanguagesIcon />
|
||||
@@ -293,14 +293,14 @@
|
||||
{/if}
|
||||
{#if rerollIcon || altGreeting}
|
||||
{#if DBState.db.swipe || altGreeting}
|
||||
<button class="ml-2 hover:text-green-500 transition-colors" onclick={unReroll}>
|
||||
<button class="ml-2 hover:text-blue-500 transition-colors" onclick={unReroll}>
|
||||
<ArrowLeft size={22}/>
|
||||
</button>
|
||||
<button class="ml-2 hover:text-green-500 transition-colors" onclick={onReroll}>
|
||||
<button class="ml-2 hover:text-blue-500 transition-colors" onclick={onReroll}>
|
||||
<ArrowRight size={22}/>
|
||||
</button>
|
||||
{:else}
|
||||
<button class="ml-2 hover:text-green-500 transition-colors" onclick={onReroll}>
|
||||
<button class="ml-2 hover:text-blue-500 transition-colors" onclick={onReroll}>
|
||||
<RefreshCcwIcon size={20}/>
|
||||
</button>
|
||||
{/if}
|
||||
|
||||
Reference in New Issue
Block a user