🐛 Fixed darkmode-bugs

This commit is contained in:
Mawoka
2022-09-23 21:56:42 +02:00
parent dacebab0f1
commit f82e61521e
3 changed files with 6 additions and 4 deletions
+1 -1
View File
@@ -175,7 +175,7 @@
style="background-color: {answer.color ?? '#B45309'}" style="background-color: {answer.color ?? '#B45309'}"
> >
<img class="w-14 inline-block pl-4" alt="icon" src={kahoot_icons[i]} /> <img class="w-14 inline-block pl-4" alt="icon" src={kahoot_icons[i]} />
<span class="text-center text-2xl px-2 py-4 w-full" <span class="text-center text-2xl px-2 py-4 w-full text-black"
>{answer.answer}</span >{answer.answer}</span
> >
<span class="pl-4 w-10" /> <span class="pl-4 w-10" />
+2 -2
View File
@@ -50,7 +50,7 @@
</script> </script>
<div <div
class="fixed top-0 left-0 flex justify-center w-screen h-screen bg-black bg-opacity-60 z-50" class="fixed top-0 left-0 flex justify-center w-screen h-screen bg-black bg-opacity-60 z-50 text-black"
transition:fade={{ duration: 100 }} transition:fade={{ duration: 100 }}
> >
<div <div
@@ -73,7 +73,7 @@
<span <span
class="w-14 h-7 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:left-[4px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-6 after:w-6 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600" class="w-14 h-7 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:left-[4px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-6 after:w-6 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600"
/> />
<span class="ml-3 text-sm font-medium text-gray-900 dark:text-gray-300" <span class="ml-3 text-sm font-medium text-gray-900"
>Captcha {captcha_selected ? 'enabled' : 'disabled'}</span >Captcha {captcha_selected ? 'enabled' : 'disabled'}</span
> >
</label> </label>
@@ -24,7 +24,9 @@
$: cssVarStyles = `--background:${background}`; $: cssVarStyles = `--background:${background}`;
</script> </script>
<div id="progress-circle" style={cssVarStyles} class="transition-all text-4xl">{text}</div> <div id="progress-circle" style={cssVarStyles} class="transition-all text-4xl text-black">
{text}
</div>
<style> <style>
#progress-circle { #progress-circle {