summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat
-rw-r--r--components/ModelBoxCard.vue2
-rw-r--r--components/ModelForm.vue28
-rw-r--r--components/ModelReportsList.vue10
-rw-r--r--components/VHeader.vue13
-rw-r--r--pages/models/_id/index.vue14
-rw-r--r--pages/settings.vue10
6 files changed, 40 insertions, 37 deletions
diff --git a/components/ModelBoxCard.vue b/components/ModelBoxCard.vue
index bdd8a8f..2881043 100644
--- a/components/ModelBoxCard.vue
+++ b/components/ModelBoxCard.vue
@@ -1,6 +1,6 @@
<template lang="pug">
.model.shadow-sm.rounded-lg.bg-white.p-4.w-full.h-80.duration-300(
- class="hover:ease-out hover:shadow-md dark:bg-gray-600 dark:text-white"
+ class="hover:ease-out hover:shadow-md dark:bg-gray-800 dark:text-white"
)
a(:href="'/models/'+model.id")
.image.bg-gray-900.rounded-xl.w-full.h-48.overflow-hidden
diff --git a/components/ModelForm.vue b/components/ModelForm.vue
index d09c1ab..d59a5ae 100644
--- a/components/ModelForm.vue
+++ b/components/ModelForm.vue
@@ -46,25 +46,25 @@
@click="boxDeleteModelUpload = 0"
) Cancel
.shadow(class="sm:overflow-hidden sm:rounded-md")
- .grid.grid-cols-2(v-if="form.id" class="dark:bg-gray-600")
+ .grid.grid-cols-2(v-if="form.id" class="dark:bg-gray-800")
button.p-2.duration-100(
type="button"
- :class="{'dark:hover:bg-gray-300 hover:bg-white': true, 'bg-white dark:bg-gray-300 border-green-600 border-b-2': tab == 'info'}"
+ :class="{'dark:hover:bg-gray-300 hover:bg-white dark:text-white': true, 'bg-white dark:bg-green-500 border-green-600 border-b-2': tab == 'info'}"
@click="tab = 'info'"
) Info
button.p-2.duration-100(
type="button"
- :class="{'dark:hover:bg-gray-300 hover:bg-white': true, 'bg-white dark:bg-gray-300 border-green-600 border-b-2': tab == 'files'}"
+ :class="{'dark:hover:bg-gray-300 hover:bg-white dark:text-white': true, 'bg-white dark:bg-green-500 border-green-600 border-b-2': tab == 'files'}"
@click="tab = 'files'"
) Files
div(v-if="tab == 'info'")
- .space-y-6.bg-white.px-4.py-5(class="sm:p-6 dark:bg-gray-600")
+ .space-y-6.bg-white.px-4.py-5(class="sm:p-6 dark:bg-gray-800")
div
label.block.text-sm.font-medium.text-gray-700(class="dark:text-white" for="name") Name
.mt-1
input#name.mt-1.block.w-full.rounded-md.border-gray-300.border-1.px-2.py-1(
name="name"
- class="focus:border-green-500 focus:ring-green-500 sm:text-sm"
+ class="focus:border-green-500 focus:ring-green-500 sm:text-sm dark:bg-gray-600 dark:text-gray-50 dark:border-gray-700"
placeholder="My super project"
required
v-model="form.name"
@@ -75,7 +75,7 @@
.mt-1
textarea#description.mt-1.block.w-full.rounded-md.border-gray-300.border-1.px-2.py-1(
name="description" rows="3"
- class="focus:border-green-500 focus:ring-green-500 sm:text-sm"
+ class="focus:border-green-500 focus:ring-green-500 sm:text-sm dark:bg-gray-600 dark:text-gray-50 dark:border-gray-700"
placeholder="Now this is the story all about how, My life got flipped-turned upside down... "
v-model="form.description"
)
@@ -86,7 +86,7 @@
name="duration"
type="number"
step="0.01"
- class="focus:border-green-500 focus:ring-green-500 sm:text-sm"
+ class="focus:border-green-500 focus:ring-green-500 sm:text-sm dark:bg-gray-600 dark:text-gray-50 dark:border-gray-700"
required
v-model="form.duration"
)
@@ -98,7 +98,7 @@
name="height"
type="number"
step="0.01"
- class="focus:border-green-500 focus:ring-green-500 sm:text-sm"
+ class="focus:border-green-500 focus:ring-green-500 sm:text-sm dark:bg-gray-600 dark:text-gray-50 dark:border-gray-700"
required
v-model="form.height"
)
@@ -110,7 +110,7 @@
name="weight"
type="number"
step="0.01"
- class="focus:border-green-500 focus:ring-green-500 sm:text-sm"
+ class="focus:border-green-500 focus:ring-green-500 sm:text-sm dark:bg-gray-600 dark:text-gray-50 dark:border-gray-700"
required
v-model="form.weight"
)
@@ -121,7 +121,7 @@
.mt-1
input#printer.mt-1.block.w-full.rounded-md.border-gray-300.border-1.px-2.py-1(
name="printer"
- class="focus:border-green-500 focus:ring-green-500 sm:text-sm"
+ class="focus:border-green-500 focus:ring-green-500 sm:text-sm dark:bg-gray-600 dark:text-gray-50 dark:border-gray-700"
placeholder="Formlabs Form 3BL"
v-model="form.printer"
)
@@ -131,7 +131,7 @@
.mt-1
input#material.mt-1.block.w-full.rounded-md.border-gray-300.border-1.px-2.py-1(
name="material"
- class="focus:border-green-500 focus:ring-green-500 sm:text-sm"
+ class="focus:border-green-500 focus:ring-green-500 sm:text-sm dark:bg-gray-600 dark:text-gray-50 dark:border-gray-700"
placeholder="PLA"
v-model="form.material"
)
@@ -148,11 +148,11 @@
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg>
| Save
- p.text-sm.text-gray-700.mt-2(v-if="!form.id") You will add assets like images and STL/OBJ later.
+ p.text-sm.text-gray-700.mt-2(v-if="!form.id" class="dark:text-white") You will add assets like images and STL/OBJ later.
div(v-else)
- .space-y-6.bg-white.px-4.py-5(class="sm:p-6 dark:bg-gray-600 dark:text-white")
+ .space-y-6.bg-white.px-4.py-5(class="sm:p-6 dark:bg-gray-800 dark:text-white")
h3(v-if="form.uploads") Manage '{{ form.name }}' already uploaded files
- ul.divide-y.divide-gray-200.rounded-b-md.border.border-gray-200(role="list" v-if="form.uploads")
+ ul.divide-y.divide-gray-200.rounded-md.border.border-gray-200(class="dark:border-gray-500 dark:divide-gray-500" role="list" v-if="form.uploads")
li.flex.items-center.justify-between.py-3.pl-3.pr-4.text-sm(v-for="upload in form.uploads" :key="upload.id")
.flex.w-0.flex-1.items-center
svg.h-5.w-5.flex-shrink-0.text-gray-400(xmlns="http://www.w3.org/2000/svg", viewbox="0 0 20 20", fill="currentColor", aria-hidden="true")
diff --git a/components/ModelReportsList.vue b/components/ModelReportsList.vue
index 9ea9475..7da07b1 100644
--- a/components/ModelReportsList.vue
+++ b/components/ModelReportsList.vue
@@ -1,5 +1,5 @@
<template lang="pug">
- .shadow-sm.rounded-lg.bg-white.p-4.w-full.mb-5(class="dark:bg-gray-600" v-if="warnings.length")
+ .shadow-sm.rounded-lg.bg-white.p-4.w-full.mb-5(class="dark:bg-gray-800" v-if="warnings.length")
.relative.z-10(aria-labelledby="modal-title", role="dialog", aria-modal="true" v-if="boxToResolve > 0")
.fixed.inset-0.bg-gray-900.bg-opacity-90.transition-opacity
.fixed.inset-0.z-10.overflow-y-auto
@@ -44,7 +44,7 @@
path(stroke-linecap="round" stroke-linejoin="round" d="M4.5 15.75l7.5-7.5 7.5 7.5" v-else)
ul(role="list" v-if="me && expandList")
- li.text-sm.rounded-md.border.border-gray-200.mt-3(class="dark:bg-gray-50" v-for="warning in warnings" :key="warning.id")
+ li.text-sm.rounded-md.border.border-gray-200.mt-3(class="dark:bg-gray-600 dark:text-white dark:border-gray-400" v-for="warning in warnings" :key="warning.id")
.py-3.pl-3.pr-4(v-if="!me.is_staff")
h3.flex.leading-6.mb-2.float-right
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mr-2 w-6 h-6">
@@ -62,7 +62,7 @@
.mr-3.float-left(style="flex-shrink: 0;" class="sm:float-none")
user-avatar(:data="warning.user")
p.leading-8.ml-2(class="sm:ml-0")
- a.text-green-800(class="hover:text-green-700" :href="'/user/'+warning.user.id")
+ a.text-green-800(class="hover:text-green-700 dark:text-green-200 dark:hover:text-green-100" :href="'/user/'+warning.user.id")
| @
span.underline {{ warning.user.username }}
p.leading-8.ml-0(class="sm:ml-5") {{ warning.note }}
@@ -76,7 +76,7 @@
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
</svg>
| Resolve
- .bg-green-50.py-3.pl-3.pr-4(v-if="warning.resolved_by")
+ .bg-green-50.py-3.pl-3.pr-4(class="dark:bg-gray-500" v-if="warning.resolved_by")
em Resolved by:
h3.flex.leading-6.mb-2.float-right
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mr-2 w-6 h-6">
@@ -87,7 +87,7 @@
.mr-3.float-left(style="flex-shrink: 0;" class="sm:float-none")
user-avatar(:data="warning.resolved")
p.leading-8.ml-2(class="sm:ml-0")
- a.text-green-800(class="hover:text-green-700" :href="'/user/'+warning.user.id")
+ a.text-green-800(class="hover:text-green-700 dark:text-green-200 dark:hover:text-green-100" :href="'/user/'+warning.user.id")
| @
span.underline {{ warning.resolved.username }}
p.leading-8.ml-0(class="sm:ml-5") {{ warning.admin_note }}
diff --git a/components/VHeader.vue b/components/VHeader.vue
index 1285875..a141d0b 100644
--- a/components/VHeader.vue
+++ b/components/VHeader.vue
@@ -36,24 +36,27 @@
)
span.sr-only Open user menu
user-avatar(:data="me")
- .absolute.right-0.z-10.mt-2.w-48.origin-top-right.rounded-md.bg-white.py-1.shadow-lg.ring-1.ring-black.ring-opacity-5(class="focus:outline-none" role="menu" aria-orientation="vertical" aria-labelledby="user-menu-button" tabindex="-1" v-if="boxUserInfo && me")
- a.flex.leading-6.block.px-4.py-2.text-sm.text-gray-700(class="sm:hidden" href="/create" role="menuitem" tabindex="-1")
+ .absolute.right-0.z-10.mt-2.w-48.origin-top-right.rounded-md.bg-white.py-1.shadow-lg.ring-1.ring-black.ring-opacity-5(
+ class="focus:outline-none dark:bg-gray-800" role="menu" aria-orientation="vertical" aria-labelledby="user-menu-button" tabindex="-1"
+ v-if="boxUserInfo && me"
+ )
+ a.flex.leading-6.block.px-4.py-2.text-sm.text-gray-700(class="dark:text-white sm:hidden" href="/create" role="menuitem" tabindex="-1")
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
</svg>
| Create
- a.flex.leading-6.block.px-4.py-2.text-sm.text-gray-700(:href="'/user/'+me.id" role="menuitem" tabindex="-1")
+ a.flex.leading-6.block.px-4.py-2.text-sm.text-gray-700(class="dark:text-white" :href="'/user/'+me.id" role="menuitem" tabindex="-1")
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z" />
</svg>
| Your Profile
- a.flex.leanding-6.block.px-4.py-2.text-sm.text-gray-700(href="/settings" role="menuitem" tabindex="-1")
+ a.flex.leanding-6.block.px-4.py-2.text-sm.text-gray-700(class="dark:text-white" href="/settings" role="menuitem" tabindex="-1")
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 011.37.49l1.296 2.247a1.125 1.125 0 01-.26 1.431l-1.003.827c-.293.24-.438.613-.431.992a6.759 6.759 0 010 .255c-.007.378.138.75.43.99l1.005.828c.424.35.534.954.26 1.43l-1.298 2.247a1.125 1.125 0 01-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.57 6.57 0 01-.22.128c-.331.183-.581.495-.644.869l-.213 1.28c-.09.543-.56.941-1.11.941h-2.594c-.55 0-1.02-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 01-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 01-1.369-.49l-1.297-2.247a1.125 1.125 0 01.26-1.431l1.004-.827c.292-.24.437-.613.43-.992a6.932 6.932 0 010-.255c.007-.378-.138-.75-.43-.99l-1.004-.828a1.125 1.125 0 01-.26-1.43l1.297-2.247a1.125 1.125 0 011.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.087.22-.128.332-.183.582-.495.644-.869l.214-1.281z" />
<path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
</svg>
| Settings
- a.flex.leading-6.block.px-4.py-2.text-sm.text-gray-700(href="#" role="menuitem" tabindex="-1" @click="logout")
+ a.flex.leading-6.block.px-4.py-2.text-sm.text-gray-700(class="dark:text-white" href="#" role="menuitem" tabindex="-1" @click="logout")
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z" />
</svg>
diff --git a/pages/models/_id/index.vue b/pages/models/_id/index.vue
index 1a18f21..ab28187 100644
--- a/pages/models/_id/index.vue
+++ b/pages/models/_id/index.vue
@@ -111,7 +111,7 @@
</svg>
| Delete
model-reports-list(:model="model.id" v-if="me && model.id")
- .images.shadow-sm.rounded-lg.bg-white.p-4.w-full(class="dark:bg-gray-600" v-if="model.uploads")
+ .images.shadow-sm.rounded-lg.bg-white.p-4.w-full(class="dark:bg-gray-800" v-if="model.uploads")
.block.gap-4.h-full(class="md:flex")
.w-full(class="md:w-4/5")
.image.bg-gray-900.border-2.rounded-xl.w-full.h-64.overflow-hidden(class="sm:h-full" v-if="model.uploads && model.uploads[selectedUpload]")
@@ -128,37 +128,37 @@
section.mt-5
.grid.grid-cols-2.gap-5.mb-5(class="md:grid-cols-6")
- .card.shadow-sm.rounded-lg.bg-white.p-4.w-full(class="dark:bg-gray-600 dark:text-white")
+ .card.shadow-sm.rounded-lg.bg-white.p-4.w-full(class="dark:bg-gray-800 dark:text-white")
h3.font-bold Created:
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
p(:title="model.created|moment('DD/MM/YYYY HH:mm')") {{ model.created|moment("DD/MM/YYYY") }}
- .card.shadow-sm.rounded-lg.bg-white.p-4.w-full(class="dark:bg-gray-600 dark:text-white")
+ .card.shadow-sm.rounded-lg.bg-white.p-4.w-full(class="dark:bg-gray-800 dark:text-white")
h3.font-bold Duration:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6">
<path fill-rule="evenodd" d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25zM12.75 6a.75.75 0 00-1.5 0v6c0 .414.336.75.75.75h4.5a.75.75 0 000-1.5h-3.75V6z" clip-rule="evenodd" />
</svg>
p {{ model.duration }}m
- .card.shadow-sm.rounded-lg.bg-white.p-4.w-full(class="dark:bg-gray-600 dark:text-white")
+ .card.shadow-sm.rounded-lg.bg-white.p-4.w-full(class="dark:bg-gray-800 dark:text-white")
h3.font-bold Height:
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 19.5l15-15m0 0H8.25m11.25 0v11.25" />
</svg>
p {{ model.height }}mm
- .card.shadow-sm.rounded-lg.bg-white.p-4.w-full(class="dark:bg-gray-600 dark:text-white")
+ .card.shadow-sm.rounded-lg.bg-white.p-4.w-full(class="dark:bg-gray-800 dark:text-white")
h3.font-bold Weight:
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 3v17.25m0 0c-1.472 0-2.882.265-4.185.75M12 20.25c1.472 0 2.882.265 4.185.75M18.75 4.97A48.416 48.416 0 0012 4.5c-2.291 0-4.545.16-6.75.47m13.5 0c1.01.143 2.01.317 3 .52m-3-.52l2.62 10.726c.122.499-.106 1.028-.589 1.202a5.988 5.988 0 01-2.031.352 5.988 5.988 0 01-2.031-.352c-.483-.174-.711-.703-.59-1.202L18.75 4.971zm-16.5.52c.99-.203 1.99-.377 3-.52m0 0l2.62 10.726c.122.499-.106 1.028-.589 1.202a5.989 5.989 0 01-2.031.352 5.989 5.989 0 01-2.031-.352c-.483-.174-.711-.703-.59-1.202L5.25 4.971z" />
</svg>
p {{ model.weight }}g
- .card.shadow-sm.rounded-lg.bg-white.p-4.w-full(class="dark:bg-gray-600 dark:text-white" v-if="model.printer")
+ .card.shadow-sm.rounded-lg.bg-white.p-4.w-full(class="dark:bg-gray-800 dark:text-white" v-if="model.printer")
h3.font-bold Printer:
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M6.72 13.829c-.24.03-.48.062-.72.096m.72-.096a42.415 42.415 0 0110.56 0m-10.56 0L6.34 18m10.94-4.171c.24.03.48.062.72.096m-.72-.096L17.66 18m0 0l.229 2.523a1.125 1.125 0 01-1.12 1.227H7.231c-.662 0-1.18-.568-1.12-1.227L6.34 18m11.318 0h1.091A2.25 2.25 0 0021 15.75V9.456c0-1.081-.768-2.015-1.837-2.175a48.055 48.055 0 00-1.913-.247M6.34 18H5.25A2.25 2.25 0 013 15.75V9.456c0-1.081.768-2.015 1.837-2.175a48.041 48.041 0 011.913-.247m10.5 0a48.536 48.536 0 00-10.5 0m10.5 0V3.375c0-.621-.504-1.125-1.125-1.125h-8.25c-.621 0-1.125.504-1.125 1.125v3.659M18 10.5h.008v.008H18V10.5zm-3 0h.008v.008H15V10.5z" />
</svg>
p {{ model.printer }}
- .card.shadow-sm.rounded-lg.bg-white.p-4.w-full(class="dark:bg-gray-600 dark:text-white" v-if="model.material")
+ .card.shadow-sm.rounded-lg.bg-white.p-4.w-full(class="dark:bg-gray-800 dark:text-white" v-if="model.material")
h3.font-bold Material:
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M9.75 3.104v5.714a2.25 2.25 0 01-.659 1.591L5 14.5M9.75 3.104c-.251.023-.501.05-.75.082m.75-.082a24.301 24.301 0 014.5 0m0 0v5.714c0 .597.237 1.17.659 1.591L19.8 15.3M14.25 3.104c.251.023.501.05.75.082M19.8 15.3l-1.57.393A9.065 9.065 0 0112 15a9.065 9.065 0 00-6.23-.693L5 14.5m14.8.8l1.402 1.402c1.232 1.232.65 3.318-1.067 3.611A48.309 48.309 0 0112 21c-2.773 0-5.491-.235-8.135-.687-1.718-.293-2.3-2.379-1.067-3.61L5 14.5" />
diff --git a/pages/settings.vue b/pages/settings.vue
index ea1f853..0a32be3 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -5,7 +5,7 @@
form.mt-3(v-if="me")
.overflow-hidden.shadow(class="sm:rounded-md")
- .space-y-6.bg-white.px-4.py-5(class="sm:p-6 dark:bg-gray-600")
+ .space-y-6.bg-white.px-4.py-5(class="sm:p-6 dark:bg-gray-800")
div
label.block.text-sm.font-medium.text-gray-700(class="dark:text-white") Avatar
span.text-green-500.text-xs(v-if="avatarChanged") Avatar changed. Reload this page and/or clear your browser cache.
@@ -32,7 +32,7 @@
.mt-1
input#name.mt-1.block.w-full.rounded-md.border-gray-300.border-1.px-2.py-1(
name="name"
- class="focus:border-green-500 focus:ring-green-500 sm:text-sm"
+ class="focus:border-green-500 focus:ring-green-500 sm:text-sm dark:bg-gray-600 dark:text-gray-50 dark:border-gray-700"
placeholder="John Doe"
v-model="form.name"
)
@@ -41,7 +41,7 @@
.mt-1
input#email.mt-1.block.w-full.rounded-md.border-gray-300.border-1.px-2.py-1(
name="username"
- class="focus:border-green-500 focus:ring-green-500 sm:text-sm"
+ class="focus:border-green-500 focus:ring-green-500 sm:text-sm dark:bg-gray-600 dark:text-gray-50 dark:border-gray-700"
placeholder="john"
v-model="form.username"
)
@@ -51,7 +51,7 @@
input#email.mt-1.block.w-full.rounded-md.border-gray-300.border-1.px-2.py-1(
type="email"
name="email"
- class="focus:border-green-500 focus:ring-green-500 sm:text-sm"
+ class="focus:border-green-500 focus:ring-green-500 sm:text-sm dark:bg-gray-600 dark:text-gray-50 dark:border-gray-700"
placeholder="john@example.com"
v-model="form.email"
)
@@ -60,7 +60,7 @@
label.block.text-sm.font-medium.text-gray-700(class="dark:text-white" for="theme") Theme
.mt-1
select(
- class="cursor-pointer rounded-md border border-gray-300 bg-white py-2 px-3 text-sm font-medium leading-4 text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"
+ class="cursor-pointer rounded-md border border-gray-300 bg-white py-2 px-3 text-sm font-medium leading-4 text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 dark:bg-gray-600 dark:text-gray-50 dark:border-gray-700"
v-model="$colorMode.preference"
)
option(value="system" :selected="$colorMode.preference == 'system'") System
generated by cgit v1.2.3-18-g5258 (git 2.32.0) at 2024-11-22 11:09:03 +0000