Fixed org chart toggler color for aura

doc/organizationchart/ColoredDoc.vue

@@ -28,7 +28,7 @@ export default {
             data: {
                 key: '0',
                 type: 'person',
-                styleClass: 'bg-indigo-500 text-white border-round-xl',
+                styleClass: 'bg-indigo-100 text-indigo-900 border-round-xl',
                 data: {
                     image: 'https://primefaces.org/cdn/primevue/images/avatar/amyelsner.png',
                     name: 'Amy Elsner',
@@ -38,7 +38,7 @@ export default {
                     {
                         key: '0_0',
                         type: 'person',
-                        styleClass: 'bg-purple-500 text-white border-round-xl',
+                        styleClass: 'bg-purple-100 text-purple-900 border-round-xl',
                         data: {
                             image: 'https://primefaces.org/cdn/primevue/images/avatar/annafali.png',
                             name: 'Anna Fali',
@@ -47,18 +47,18 @@ export default {
                         children: [
                             {
                                 label: 'Sales',
-                                styleClass: 'bg-purple-500 text-white border-round-xl'
+                                styleClass: 'bg-purple-100 text-purple-900 border-round-xl'
                             },
                             {
                                 label: 'Marketing',
-                                styleClass: 'bg-purple-500 text-white border-round-xl'
+                                styleClass: 'bg-purple-100 text-purple-900 border-round-xl'
                             }
                         ]
                     },
                     {
                         key: '0_1',
                         type: 'person',
-                        styleClass: 'bg-teal-500 text-white border-round-xl',
+                        styleClass: 'bg-teal-100 text-teal-900 border-round-xl',
                         data: {
                             image: 'https://primefaces.org/cdn/primevue/images/avatar/stephenshaw.png',
                             name: 'Stephen Shaw',
@@ -67,11 +67,11 @@ export default {
                         children: [
                             {
                                 label: 'Development',
-                                styleClass: 'bg-teal-500 text-white border-round-xl'
+                                styleClass: 'bg-teal-100 text-teal-900 border-round-xl'
                             },
                             {
                                 label: 'UI/UX Design',
-                                styleClass: 'bg-teal-500 text-white border-round-xl'
+                                styleClass: 'bg-teal-100 text-teal-900 border-round-xl'
                             }
                         ]
                     }
@@ -121,7 +121,7 @@ export default {
             data: {
                 key: '0',
                 type: 'person',
-                styleClass: 'bg-indigo-500 text-white border-round-xl',
+                styleClass: 'bg-indigo-100 text-white border-round-xl',
                 data: {
                     image: 'https://primefaces.org/cdn/primevue/images/avatar/amyelsner.png',
                     name: 'Amy Elsner',
@@ -131,7 +131,7 @@ export default {
                     {
                         key: '0_0',
                         type: 'person',
-                        styleClass: 'bg-purple-500 text-white border-round-xl',
+                        styleClass: 'bg-purple-100 text-white border-round-xl',
                         data: {
                             image: 'https://primefaces.org/cdn/primevue/images/avatar/annafali.png',
                             name: 'Anna Fali',
@@ -140,18 +140,18 @@ export default {
                         children: [
                             {
                                 label: 'Sales',
-                                styleClass: 'bg-purple-500 text-white border-round-xl'
+                                styleClass: 'bg-purple-100 text-white border-round-xl'
                             },
                             {
                                 label: 'Marketing',
-                                styleClass: 'bg-purple-500 text-white border-round-xl'
+                                styleClass: 'bg-purple-100 text-white border-round-xl'
                             }
                         ]
                     },
                     {
                         key: '0_1',
                         type: 'person',
-                        styleClass: 'bg-teal-500 text-white border-round-xl',
+                        styleClass: 'bg-teal-100 text-white border-round-xl',
                         data: {
                             image: 'https://primefaces.org/cdn/primevue/images/avatar/stephenshaw.png',
                             name: 'Stephen Shaw',
@@ -160,11 +160,11 @@ export default {
                         children: [
                             {
                                 label: 'Development',
-                                styleClass: 'bg-teal-500 text-white border-round-xl'
+                                styleClass: 'bg-teal-100 text-white border-round-xl'
                             },
                             {
                                 label: 'UI/UX Design',
-                                styleClass: 'bg-teal-500 text-white border-round-xl'
+                                styleClass: 'bg-teal-100 text-white border-round-xl'
                             }
                         ]
                     }
@@ -201,7 +201,7 @@ import { ref } from "vue";
 const data = ref({
     key: '0',
     type: 'person',
-    styleClass: 'bg-indigo-500 text-white border-round-xl',
+    styleClass: 'bg-indigo-100 text-white border-round-xl',
     data: {
         image: 'https://primefaces.org/cdn/primevue/images/avatar/amyelsner.png',
         name: 'Amy Elsner',
@@ -211,7 +211,7 @@ const data = ref({
         {
             key: '0_0',
             type: 'person',
-            styleClass: 'bg-purple-500 text-white border-round-xl',
+            styleClass: 'bg-purple-100 text-white border-round-xl',
             data: {
                 image: 'https://primefaces.org/cdn/primevue/images/avatar/annafali.png',
                 name: 'Anna Fali',
@@ -220,18 +220,18 @@ const data = ref({
             children: [
                 {
                     label: 'Sales',
-                    styleClass: 'bg-purple-500 text-white border-round-xl'
+                    styleClass: 'bg-purple-100 text-white border-round-xl'
                 },
                 {
                     label: 'Marketing',
-                    styleClass: 'bg-purple-500 text-white border-round-xl'
+                    styleClass: 'bg-purple-100 text-white border-round-xl'
                 }
             ]
         },
         {
             key: '0_1',
             type: 'person',
-            styleClass: 'bg-teal-500 text-white border-round-xl',
+            styleClass: 'bg-teal-100 text-white border-round-xl',
             data: {
                 image: 'https://primefaces.org/cdn/primevue/images/avatar/stephenshaw.png',
                 name: 'Stephen Shaw',
@@ -240,11 +240,11 @@ const data = ref({
             children: [
                 {
                     label: 'Development',
-                    styleClass: 'bg-teal-500 text-white border-round-xl'
+                    styleClass: 'bg-teal-100 text-white border-round-xl'
                 },
                 {
                     label: 'UI/UX Design',
-                    styleClass: 'bg-teal-500 text-white border-round-xl'
+                    styleClass: 'bg-teal-100 text-white border-round-xl'
                 }
             ]
         }

public/themes/aura-dark-amber/theme.css

@@ -6533,7 +6533,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
     border: 1px solid #3f3f46;
-    color: #a1a1aa;
     display: inline-flex;
     justify-content: center;
     align-items: center;
@@ -6541,10 +6540,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
     position: static;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
-    background-color: rgba(255, 255, 255, 0.03);
-    color: #ffffff;
-  }
   .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
     border-right: 0 none;
   }

public/themes/aura-dark-blue/theme.css

@@ -6533,7 +6533,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
     border: 1px solid #3f3f46;
-    color: #a1a1aa;
     display: inline-flex;
     justify-content: center;
     align-items: center;
@@ -6541,10 +6540,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
     position: static;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
-    background-color: rgba(255, 255, 255, 0.03);
-    color: #ffffff;
-  }
   .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
     border-right: 0 none;
   }

public/themes/aura-dark-cyan/theme.css

@@ -6533,7 +6533,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
     border: 1px solid #3f3f46;
-    color: #a1a1aa;
     display: inline-flex;
     justify-content: center;
     align-items: center;
@@ -6541,10 +6540,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
     position: static;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
-    background-color: rgba(255, 255, 255, 0.03);
-    color: #ffffff;
-  }
   .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
     border-right: 0 none;
   }

public/themes/aura-dark-green/theme.css

@@ -6533,7 +6533,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
     border: 1px solid #3f3f46;
-    color: #a1a1aa;
     display: inline-flex;
     justify-content: center;
     align-items: center;
@@ -6541,10 +6540,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
     position: static;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
-    background-color: rgba(255, 255, 255, 0.03);
-    color: #ffffff;
-  }
   .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
     border-right: 0 none;
   }

public/themes/aura-dark-indigo/theme.css

@@ -6533,7 +6533,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
     border: 1px solid #3f3f46;
-    color: #a1a1aa;
     display: inline-flex;
     justify-content: center;
     align-items: center;
@@ -6541,10 +6540,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
     position: static;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
-    background-color: rgba(255, 255, 255, 0.03);
-    color: #ffffff;
-  }
   .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
     border-right: 0 none;
   }

public/themes/aura-dark-lime/theme.css

@@ -6533,7 +6533,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
     border: 1px solid #3f3f46;
-    color: #a1a1aa;
     display: inline-flex;
     justify-content: center;
     align-items: center;
@@ -6541,10 +6540,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
     position: static;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
-    background-color: rgba(255, 255, 255, 0.03);
-    color: #ffffff;
-  }
   .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
     border-right: 0 none;
   }

public/themes/aura-dark-noir/theme.css

@@ -6533,7 +6533,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
     border: 1px solid #3f3f46;
-    color: #a1a1aa;
     display: inline-flex;
     justify-content: center;
     align-items: center;
@@ -6541,10 +6540,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
     position: static;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
-    background-color: rgba(255, 255, 255, 0.03);
-    color: #ffffff;
-  }
   .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
     border-right: 0 none;
   }

public/themes/aura-dark-pink/theme.css

@@ -6533,7 +6533,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
     border: 1px solid #3f3f46;
-    color: #a1a1aa;
     display: inline-flex;
     justify-content: center;
     align-items: center;
@@ -6541,10 +6540,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
     position: static;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
-    background-color: rgba(255, 255, 255, 0.03);
-    color: #ffffff;
-  }
   .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
     border-right: 0 none;
   }

public/themes/aura-dark-purple/theme.css

@@ -6533,7 +6533,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
     border: 1px solid #3f3f46;
-    color: #a1a1aa;
     display: inline-flex;
     justify-content: center;
     align-items: center;
@@ -6541,10 +6540,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
     position: static;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
-    background-color: rgba(255, 255, 255, 0.03);
-    color: #ffffff;
-  }
   .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
     border-right: 0 none;
   }

public/themes/aura-dark-teal/theme.css

@@ -6533,7 +6533,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
     border: 1px solid #3f3f46;
-    color: #a1a1aa;
     display: inline-flex;
     justify-content: center;
     align-items: center;
@@ -6541,10 +6540,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
     position: static;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
-    background-color: rgba(255, 255, 255, 0.03);
-    color: #ffffff;
-  }
   .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
     border-right: 0 none;
   }

public/themes/aura-light-amber/theme.css

@@ -6535,7 +6535,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
     border: 1px solid #e2e8f0;
-    color: #64748b;
     display: inline-flex;
     justify-content: center;
     align-items: center;
@@ -6543,10 +6542,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
     position: static;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
-    background-color: #f1f5f9;
-    color: #475569;
-  }
   .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
     border-right: 0 none;
   }

public/themes/aura-light-blue/theme.css

@@ -6535,7 +6535,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
     border: 1px solid #e2e8f0;
-    color: #64748b;
     display: inline-flex;
     justify-content: center;
     align-items: center;
@@ -6543,10 +6542,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
     position: static;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
-    background-color: #f1f5f9;
-    color: #475569;
-  }
   .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
     border-right: 0 none;
   }

public/themes/aura-light-cyan/theme.css

@@ -6535,7 +6535,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
     border: 1px solid #e2e8f0;
-    color: #64748b;
     display: inline-flex;
     justify-content: center;
     align-items: center;
@@ -6543,10 +6542,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
     position: static;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
-    background-color: #f1f5f9;
-    color: #475569;
-  }
   .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
     border-right: 0 none;
   }

public/themes/aura-light-green/theme.css

@@ -6535,7 +6535,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
     border: 1px solid #e2e8f0;
-    color: #64748b;
     display: inline-flex;
     justify-content: center;
     align-items: center;
@@ -6543,10 +6542,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
     position: static;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
-    background-color: #f1f5f9;
-    color: #475569;
-  }
   .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
     border-right: 0 none;
   }

public/themes/aura-light-indigo/theme.css

@@ -6535,7 +6535,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
     border: 1px solid #e2e8f0;
-    color: #64748b;
     display: inline-flex;
     justify-content: center;
     align-items: center;
@@ -6543,10 +6542,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
     position: static;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
-    background-color: #f1f5f9;
-    color: #475569;
-  }
   .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
     border-right: 0 none;
   }

public/themes/aura-light-lime/theme.css

@@ -6535,7 +6535,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
     border: 1px solid #e2e8f0;
-    color: #64748b;
     display: inline-flex;
     justify-content: center;
     align-items: center;
@@ -6543,10 +6542,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
     position: static;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
-    background-color: #f1f5f9;
-    color: #475569;
-  }
   .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
     border-right: 0 none;
   }

public/themes/aura-light-noir/theme.css

@@ -6543,7 +6543,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
     border: 1px solid #e2e8f0;
-    color: #64748b;
     display: inline-flex;
     justify-content: center;
     align-items: center;
@@ -6551,10 +6550,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
     position: static;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
-    background-color: #f1f5f9;
-    color: #475569;
-  }
   .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
     border-right: 0 none;
   }

public/themes/aura-light-pink/theme.css

@@ -6535,7 +6535,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
     border: 1px solid #e2e8f0;
-    color: #64748b;
     display: inline-flex;
     justify-content: center;
     align-items: center;
@@ -6543,10 +6542,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
     position: static;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
-    background-color: #f1f5f9;
-    color: #475569;
-  }
   .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
     border-right: 0 none;
   }

public/themes/aura-light-purple/theme.css

@@ -6535,7 +6535,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
     border: 1px solid #e2e8f0;
-    color: #64748b;
     display: inline-flex;
     justify-content: center;
     align-items: center;
@@ -6543,10 +6542,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
     position: static;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
-    background-color: #f1f5f9;
-    color: #475569;
-  }
   .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
     border-right: 0 none;
   }

public/themes/aura-light-teal/theme.css

@@ -6535,7 +6535,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
     border: 1px solid #e2e8f0;
-    color: #64748b;
     display: inline-flex;
     justify-content: center;
     align-items: center;
@@ -6543,10 +6542,6 @@
   .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
     position: static;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
-    background-color: #f1f5f9;
-    color: #475569;
-  }
   .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
     border-right: 0 none;
   }