mincomk/risuai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change colorscheme

Browse Source
This commit is contained in:
kwaroran
2024-07-17 16:43:35 +09:00
parent 88f8880509
commit 7fcd7ccdd9
11 changed files with 23 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/lib/UI/GUI/Button.svelte
View File

@@ -1,8 +1,8 @@
<button
on:click
class="{
styled === 'primary' ? ((selected ? 'bg-borderc' : 'bg-darkbutton') + " hover:bg-borderc focus:ring-borderc border-darkborderc")
: styled === 'outlined' ? 'bg-transparent hover:bg-darkbg focus:ring-borderc border-darkborderc text-textcolor2'
styled === 'primary' ? ((selected ? 'bg-bg-selected' : 'bg-darkbutton') + " hover:bg-selected focus:ring-selected border-darkborderc")
: styled === 'outlined' ? 'bg-transparent hover:bg-darkbg focus:ring-selected border-darkborderc text-textcolor2'
: ((selected ? 'bg-red-800' : 'bg-red-700') + ' hover:bg-red-500 focus:ring-red-600 border-red-600')
} border text-textcolor rounded-md shadow-sm focus:outline-none focus:ring-2 transition-colors duration-200{className ? (" " + className) : ""}"
class:px-4 = {size == "md"}

2
src/lib/UI/GUI/CheckInput.svelte
View File

@@ -28,7 +28,7 @@
aria-labelledby="{name} {check ? 'abled' : 'disabled'}"
/>
<span
class="w-5 h-5 min-w-5 min-h-5 rounded-md border-2 border-darkborderc flex justify-center items-center {check ? 'bg-borderc' : 'bg-darkbutton'} transition-colors duration-200"
class="w-5 h-5 min-w-5 min-h-5 rounded-md border-2 border-darkborderc flex justify-center items-center {check ? 'bg-darkborderc' : 'bg-darkbutton'} transition-colors duration-200"
aria-hidden="true"
aria-describedby="{name} {check ? 'abled' : 'disabled'}"
aria-labelledby="{name} {check ? 'abled' : 'disabled'}"

7
src/lib/UI/GUI/SliderInput.svelte
View File

@@ -12,6 +12,9 @@
<div class="w-full" class:mb-4={marginBottom}>
<div
class="relative w-full h-8 border-darkborderc border rounded-full cursor-pointer"
style:background={
`linear-gradient(to right, var(--risu-theme-darkbutton) 0%, var(--risu-theme-darkbutton) ${(value - min) / (max - min) * 100}%, var(--risu-theme-darkbg) ${(value - min) / (max - min) * 100}%, var(--risu-theme-darkbg) 100%)`
}
on:mousedown={(event) => {
mouseDown = true;
changeValue(event);
@@ -32,11 +35,11 @@
}}
bind:this={slider}
>
<div
<!-- <div
class="absolute top-0 left-0 h-8 rounded-full bg-borderc transition-width duration-200"
style="width: {(value - min) / (max - min) * 100}%;"
>
</div>
</div> -->
<span
class="absolute top-0 left-4 h-8 w-8 rounded-full items-center justify-center flex text-textcolor text-sm"
>

2
src/lib/UI/ModelList.svelte
View File

@@ -161,7 +161,7 @@
{/if}
<button on:click={() => {openOptions = true}}
class="mt-4 drop-shadow-lg p-3 flex justify-center items-center ml-2 mr-2 rounded-lg bg-selected mb-4">
class="mt-4 drop-shadow-lg p-3 flex justify-center items-center ml-2 mr-2 rounded-lg bg-darkbutton mb-4 border-darkborderc border">
{getModelName(value)}
</button>