From b90a04e514b11a82c0c67e96bc19d1d5308bd7c0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Tue, 18 Apr 2023 15:22:33 +0300
Subject: [PATCH] Update ColorsDoc.vue

---
 doc/accessibility/ColorsDoc.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/doc/accessibility/ColorsDoc.vue b/doc/accessibility/ColorsDoc.vue
index d8d8a8844..d4584513f 100644
--- a/doc/accessibility/ColorsDoc.vue
+++ b/doc/accessibility/ColorsDoc.vue
@@ -5,10 +5,10 @@
         <p>Color contrast between the background and the foreground content should be sufficient enough to ensure readability. Example below displays two cases with good and bad samples.</p>
 
         <div class="flex">
-            <div class="h-8rem w-8rem flex justify-content-center align-items-center mr-5 font-bold bg-blue-600" style="borderradius: 10px">
+            <div class="h-8rem w-8rem flex justify-content-center align-items-center mr-5 font-bold bg-blue-600" style="border-radius: 10px">
                 <span class="text-white">GOOD</span>
             </div>
-            <div class="h-8rem w-8rem flex justify-content-center align-items-center mr-5 font-bold bg-blue-400" style="borderradius: 10px">
+            <div class="h-8rem w-8rem flex justify-content-center align-items-center mr-5 font-bold bg-blue-400" style="border-radius: 10px">
                 <span class="text-white">BAD</span>
             </div>
         </div>
@@ -17,7 +17,7 @@
         <p>Color vibration is leads to an illusion of motion due to choosing colors that have low visibility against each other. Color combinations need to be picked with caution to avoid vibration.</p>
 
         <div class="flex">
-            <div class="h-8rem w-8rem flex justify-content-center align-items-center mr-5 font-bold bg-pink-500" style="borderradius: 10px">
+            <div class="h-8rem w-8rem flex justify-content-center align-items-center mr-5 font-bold bg-pink-500" style="border-radius: 10px">
                 <span class="text-blue-500">VIBRATE</span>
             </div>
         </div>
@@ -26,11 +26,11 @@
         <p>Highly saturated colors should be avoided when used within a dark design scheme as they cause eye strain. Instead desaturated colors should be preferred.</p>
 
         <div class="flex">
-            <div class="h-8rem w-8rem flex flex-column justify-content-center align-items-center mr-5 font-bold bg-gray-900" style="borderradius: 10px">
+            <div class="h-8rem w-8rem flex flex-column justify-content-center align-items-center mr-5 font-bold bg-gray-900" style="border-radius: 10px">
                 <span class="text-indigo-500">Indigo 500</span>
                 <i class="text-indigo-500 pi pi-times-circle mt-3 text-xl"></i>
             </div>
-            <div class="h-8rem w-8rem flex flex-column justify-content-center align-items-center mr-5 font-bold bg-gray-900" style="borderradius: 10px">
+            <div class="h-8rem w-8rem flex flex-column justify-content-center align-items-center mr-5 font-bold bg-gray-900" style="border-radius: 10px">
                 <span class="text-indigo-200">Indigo 200</span>
                 <i class="text-indigo-200 pi pi-check-circle mt-3 text-xl"></i>
             </div>