From 3cb9b4c99bc3251496f2a867ea65e54611421982 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Sat, 7 Oct 2023 13:36:00 +0300
Subject: [PATCH] Fixed surface colors readability

---
 doc/colors/SurfacesDoc.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/doc/colors/SurfacesDoc.vue b/doc/colors/SurfacesDoc.vue
index 283821374..abc01170f 100644
--- a/doc/colors/SurfacesDoc.vue
+++ b/doc/colors/SurfacesDoc.vue
@@ -4,7 +4,12 @@
     </DocSectionText>
     <div class="card">
         <div class="flex flex-column">
-            <div v-for="shade in shades" :key="shade" class="w-18rem flex align-items-center p-3 font-bold" :style="{ backgroundColor: `var(--surface-${shade})`, color: $appState.darkTheme ? '#fff' : shade > 500 ? '#fff' : '#000' }">
+            <div
+                v-for="shade in shades"
+                :key="shade"
+                class="w-18rem flex align-items-center p-3 font-bold"
+                :style="{ backgroundColor: `var(--surface-${shade})`, color: $appState.darkTheme ? (shade > 500 ? '#000' : '#fff') : shade > 500 ? '#fff' : '#000' }"
+            >
                 surface-{{ shade }}
             </div>
         </div>