From 9d63a15e7b6f85d057300e6f7c8c04618dc761e4 Mon Sep 17 00:00:00 2001 From: Santo Cariotti Date: Wed, 28 Sep 2022 15:53:54 +0200 Subject: Dark mode is now darker --- pages/models/_id/index.vue | 14 +++++++------- pages/settings.vue | 10 +++++----- 2 files changed, 12 insertions(+), 12 deletions(-) (limited to 'pages') 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 @@ | 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: 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: 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: 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: 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: 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: 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 -- cgit v1.2.3-18-g5258