From 08a6fcbddc0e36f50036030e56d3d03d05c94fd6 Mon Sep 17 00:00:00 2001
From: "Patrik J. Braun" <bra.patrik@gmail.com>
Date: Sat, 5 Aug 2023 20:32:15 +0200
Subject: [PATCH] Making photos pop on hover. Also making themes default. #587

---
 src/common/config/public/ClientConfig.ts                   | 7 +++----
 .../ui/gallery/grid/photo/photo.grid.gallery.component.css | 4 ++++
 .../app/ui/settings/template/template.component.css        | 1 +
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/common/config/public/ClientConfig.ts b/src/common/config/public/ClientConfig.ts
index 729b8d95..48db7662 100644
--- a/src/common/config/public/ClientConfig.ts
+++ b/src/common/config/public/ClientConfig.ts
@@ -811,12 +811,11 @@ export class ThemesConfig {
   @ConfigProperty({
     tags: {
       name: $localize`Enable`,
-      experimental: true,
       githubIssue: 642
     } as TAGS,
-    description: $localize`Enable themes and color modes.  Experimental until bootstrap v5.3 is only alpha.`
+    description: $localize`Enable themes and color modes.`
   })
-  enabled: boolean = false;
+  enabled: boolean = true;
 
   @ConfigProperty({
     type: ThemeModes,
@@ -826,7 +825,7 @@ export class ThemesConfig {
     } as TAGS,
     description: $localize`Sets the default theme mode that is used for the application.`
   })
-  defaultMode: ThemeModes = ThemeModes.light;
+  defaultMode: ThemeModes = ThemeModes.auto;
 
   @ConfigProperty({
     type: 'string',
diff --git a/src/frontend/app/ui/gallery/grid/photo/photo.grid.gallery.component.css b/src/frontend/app/ui/gallery/grid/photo/photo.grid.gallery.component.css
index ac1883ad..a221ef7c 100644
--- a/src/frontend/app/ui/gallery/grid/photo/photo.grid.gallery.component.css
+++ b/src/frontend/app/ui/gallery/grid/photo/photo.grid.gallery.component.css
@@ -1,6 +1,10 @@
 :host {
   position: relative;
   overflow: hidden;
+  transition: scale .3s ease-out;
+}
+:host:hover {
+  scale: 98%;
 }
 
 img {
diff --git a/src/frontend/app/ui/settings/template/template.component.css b/src/frontend/app/ui/settings/template/template.component.css
index 61cd3eaa..fceb9df4 100644
--- a/src/frontend/app/ui/settings/template/template.component.css
+++ b/src/frontend/app/ui/settings/template/template.component.css
@@ -15,6 +15,7 @@
 
 .form-switch .form-check-input:checked {
   background-color: var(--bs-success);
+  border-color: var(--bs-success);
 }
 
 .form-switch .form-check-input:focus {