feat: dark mode

This commit is contained in:
Jannat Patel
2025-02-10 10:51:21 +05:30
parent 16b9356944
commit dbf443300b
143 changed files with 886 additions and 675 deletions

View File

@@ -53,7 +53,7 @@ export class Assignment {
app.mount(this.wrapper)
return
}
this.wrapper.innerHTML = `<div class='border rounded-md p-10 text-center bg-gray-50 mb-2'>
this.wrapper.innerHTML = `<div class='border rounded-md p-10 text-center bg-surface-menu-bar mb-2'>
<span class="font-medium">
Assignment: ${assignment}
</span>

View File

@@ -17,7 +17,7 @@ export let Dialogs = {
() => [
h(
'p',
{ class: 'text-p-base text-gray-700' },
{ class: 'text-p-base text-ink-gray-7' },
dialog.message
),
h(ErrorMessage, { class: 'mt-2', message: dialog.error }),

View File

@@ -95,11 +95,11 @@ export function getFileSize(file_size) {
export function showToast(title, text, icon, iconClasses = null) {
if (!iconClasses) {
if (icon == 'check') {
iconClasses = 'bg-green-600 text-white rounded-md p-px'
iconClasses = 'bg-surface-green-3 text-ink-white rounded-md p-px'
} else if (icon == 'alert-circle') {
iconClasses = 'bg-yellow-600 text-white rounded-md p-px'
iconClasses = 'bg-yellow-600 text-ink-white rounded-md p-px'
} else {
iconClasses = 'bg-red-600 text-white rounded-md p-px'
iconClasses = 'bg-surface-red-5 text-ink-white rounded-md p-px'
}
}
createToast({

View File

@@ -51,7 +51,7 @@ export class Quiz {
app.mount(this.wrapper)
return
}
this.wrapper.innerHTML = `<div class='border rounded-md p-10 text-center bg-gray-50 mb-2'>
this.wrapper.innerHTML = `<div class='border rounded-md p-10 text-center bg-surface-menu-bar mb-2'>
<span class="font-medium">
Quiz: ${quiz}
</span>