feat: dark mode
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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 }),
|
||||
|
||||
@@ -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({
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user