From a75e1cacbdad76ba0bdbe90b60571c3d9963acdf Mon Sep 17 00:00:00 2001
From: Andrea Vos <andrea@avris.it>
Date: Tue, 15 Jun 2021 19:11:30 +0200
Subject: [PATCH] #211 dark mode - fixes

---
 assets/dark.scss | 8 +++++---
 routes/team.vue  | 2 +-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/assets/dark.scss b/assets/dark.scss
index bd8b27660..caaf6a475 100644
--- a/assets/dark.scss
+++ b/assets/dark.scss
@@ -11,6 +11,8 @@ body[data-theme="dark"] {
   a:hover { color: lighten($primary, 30%); }
   .text-dark { color: $light !important; }
   .btn-outline-primary { color: $light; &:hover {color: $light;}}
+  .btn-outline-success { color: lighten($success, 20%); &:hover {color: $light;} }
+  .alert-info { background-color: darken($info, 35%); border-color: darken($info, 25%); color: $light; }
 
   /* BUTTONS */
 
@@ -183,8 +185,8 @@ body[data-theme="dark"] {
 
   .form-control::-webkit-input-placeholder,
   .form-control::-moz-placeholder,
-  .form-control::placeholder { color: #ccc; }
-  .form-control-plaintext { color: #ccc; }
+  .form-control::placeholder { color: $light; }
+  .form-control-plaintext { color: $light; }
   .form-control { color: #fff; background-color: #333; border: 1px solid #111; }
   .form-select { color: #fff; border-color: #111 !important; background: #333 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23ffffff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; border: 1px solid #111; }
   .form-select:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem #dc3545; background-color: rgba(255,0,0,0.1); }
@@ -207,7 +209,7 @@ body[data-theme="dark"] {
     }
   }
 
-  .icon {
+  .icon, .revesible {
     filter: invert(1);
   }
 
diff --git a/routes/team.vue b/routes/team.vue
index dd561bb87..c027c4e68 100644
--- a/routes/team.vue
+++ b/routes/team.vue
@@ -6,7 +6,7 @@
         </h2>
 
         <figure class="float-end border rounded">
-            <img src="/img/collective-logo.svg" alt=""/>
+            <img src="/img/collective-logo.svg" alt="" class="revesible"/>
             <figcaption>
                 <p><T>contact.team.logo</T></p>
                 <p class="text-center bigger mb-0">