From be523323af4288447b4b9ebd14e49d0db4b31886 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Sun, 6 Dec 2020 18:31:52 +0300
Subject: [PATCH] Chip theming

---
 public/themes/arya-blue/theme.css             | 12 +++++-----
 public/themes/arya-green/theme.css            | 12 +++++-----
 public/themes/arya-orange/theme.css           | 12 +++++-----
 public/themes/arya-purple/theme.css           | 12 +++++-----
 public/themes/bootstrap4-dark-blue/theme.css  | 24 +++++++++----------
 .../themes/bootstrap4-dark-purple/theme.css   | 24 +++++++++----------
 public/themes/bootstrap4-light-blue/theme.css | 24 +++++++++----------
 .../themes/bootstrap4-light-purple/theme.css  | 24 +++++++++----------
 public/themes/fluent-light/theme.css          |  6 ++---
 public/themes/luna-amber/theme.css            | 24 +++++++++----------
 public/themes/luna-blue/theme.css             | 24 +++++++++----------
 public/themes/luna-green/theme.css            | 24 +++++++++----------
 public/themes/luna-pink/theme.css             | 24 +++++++++----------
 public/themes/md-dark-deeppurple/theme.css    | 24 +++++++++----------
 public/themes/md-dark-indigo/theme.css        | 24 +++++++++----------
 public/themes/md-light-deeppurple/theme.css   | 24 +++++++++----------
 public/themes/md-light-indigo/theme.css       | 24 +++++++++----------
 public/themes/mdc-dark-deeppurple/theme.css   | 24 +++++++++----------
 public/themes/mdc-dark-indigo/theme.css       | 24 +++++++++----------
 public/themes/mdc-light-deeppurple/theme.css  | 24 +++++++++----------
 public/themes/mdc-light-indigo/theme.css      | 24 +++++++++----------
 public/themes/nova-accent/theme.css           | 24 +++++++++----------
 public/themes/nova-alt/theme.css              | 24 +++++++++----------
 public/themes/nova-vue/theme.css              | 24 +++++++++----------
 public/themes/nova/theme.css                  | 24 +++++++++----------
 public/themes/rhea/theme.css                  | 24 +++++++++----------
 public/themes/saga-blue/theme.css             | 12 +++++-----
 public/themes/saga-green/theme.css            | 12 +++++-----
 public/themes/saga-orange/theme.css           | 12 +++++-----
 public/themes/saga-purple/theme.css           | 12 +++++-----
 public/themes/vela-blue/theme.css             | 12 +++++-----
 public/themes/vela-green/theme.css            | 12 +++++-----
 public/themes/vela-orange/theme.css           | 12 +++++-----
 public/themes/vela-purple/theme.css           | 12 +++++-----
 src/views/chip/ChipDemo.vue                   |  2 +-
 35 files changed, 328 insertions(+), 328 deletions(-)

diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css
index 7137c6d0d..78ed09d9b 100644
--- a/public/themes/arya-blue/theme.css
+++ b/public/themes/arya-blue/theme.css
@@ -86,9 +86,9 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: rgba(100, 181, 246, 0.16);
+  background: #383838;
   color: rgba(255, 255, 255, 0.87);
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
@@ -392,9 +392,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: rgba(100, 181, 246, 0.16);
+  background: #383838;
   color: rgba(255, 255, 255, 0.87);
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -919,9 +919,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: rgba(100, 181, 246, 0.16);
+  background: #383838;
   color: rgba(255, 255, 255, 0.87);
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css
index fca6caa98..b511fc736 100644
--- a/public/themes/arya-green/theme.css
+++ b/public/themes/arya-green/theme.css
@@ -86,9 +86,9 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: rgba(129, 199, 132, 0.16);
+  background: #383838;
   color: rgba(255, 255, 255, 0.87);
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
@@ -392,9 +392,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: rgba(129, 199, 132, 0.16);
+  background: #383838;
   color: rgba(255, 255, 255, 0.87);
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -919,9 +919,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: rgba(129, 199, 132, 0.16);
+  background: #383838;
   color: rgba(255, 255, 255, 0.87);
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css
index fe5320211..41492bbf8 100644
--- a/public/themes/arya-orange/theme.css
+++ b/public/themes/arya-orange/theme.css
@@ -86,9 +86,9 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: rgba(255, 213, 79, 0.16);
+  background: #383838;
   color: rgba(255, 255, 255, 0.87);
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
@@ -392,9 +392,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: rgba(255, 213, 79, 0.16);
+  background: #383838;
   color: rgba(255, 255, 255, 0.87);
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -919,9 +919,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: rgba(255, 213, 79, 0.16);
+  background: #383838;
   color: rgba(255, 255, 255, 0.87);
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css
index ab82f1487..19b00dfd4 100644
--- a/public/themes/arya-purple/theme.css
+++ b/public/themes/arya-purple/theme.css
@@ -86,9 +86,9 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: rgba(186, 104, 200, 0.16);
+  background: #383838;
   color: rgba(255, 255, 255, 0.87);
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
@@ -392,9 +392,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: rgba(186, 104, 200, 0.16);
+  background: #383838;
   color: rgba(255, 255, 255, 0.87);
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -919,9 +919,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: rgba(186, 104, 200, 0.16);
+  background: #383838;
   color: rgba(255, 255, 255, 0.87);
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css
index 14da89d2a..7428ee1d8 100644
--- a/public/themes/bootstrap4-dark-blue/theme.css
+++ b/public/themes/bootstrap4-dark-blue/theme.css
@@ -86,9 +86,9 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.25rem 0.75rem;
   margin-right: 0.5rem;
-  background: #8dd0ff;
-  color: #151515;
-  border-radius: 4px;
+  background: #3f4b5b;
+  color: rgba(255, 255, 255, 0.87);
+  border-radius: 16px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
@@ -396,9 +396,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.25rem 0.75rem;
   margin-right: 0.5rem;
-  background: #8dd0ff;
-  color: #151515;
-  border-radius: 4px;
+  background: #3f4b5b;
+  color: rgba(255, 255, 255, 0.87);
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -923,9 +923,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.25rem 0.75rem;
   margin-right: 0.5rem;
-  background: #8dd0ff;
-  color: #151515;
-  border-radius: 4px;
+  background: #3f4b5b;
+  color: rgba(255, 255, 255, 0.87);
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
@@ -4415,8 +4415,8 @@
 }
 .p-chip .p-chip-text {
   line-height: 1.5;
-  margin-top: 0.375rem;
-  margin-bottom: 0.375rem;
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
 }
 .p-chip .p-chip-icon {
   margin-right: 0.5rem;
@@ -4427,7 +4427,7 @@
 .p-chip img {
   width: 2rem;
   height: 2rem;
-  margin-left: -0.5rem;
+  margin-left: -0.75rem;
   margin-right: 0.5rem;
 }
 .p-chip .pi-chip-remove-icon {
diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css
index 297c3a015..45c9d0f16 100644
--- a/public/themes/bootstrap4-dark-purple/theme.css
+++ b/public/themes/bootstrap4-dark-purple/theme.css
@@ -86,9 +86,9 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.25rem 0.75rem;
   margin-right: 0.5rem;
-  background: #c298d8;
-  color: #151515;
-  border-radius: 4px;
+  background: #3f4b5b;
+  color: rgba(255, 255, 255, 0.87);
+  border-radius: 16px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
@@ -396,9 +396,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.25rem 0.75rem;
   margin-right: 0.5rem;
-  background: #c298d8;
-  color: #151515;
-  border-radius: 4px;
+  background: #3f4b5b;
+  color: rgba(255, 255, 255, 0.87);
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -923,9 +923,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.25rem 0.75rem;
   margin-right: 0.5rem;
-  background: #c298d8;
-  color: #151515;
-  border-radius: 4px;
+  background: #3f4b5b;
+  color: rgba(255, 255, 255, 0.87);
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
@@ -4415,8 +4415,8 @@
 }
 .p-chip .p-chip-text {
   line-height: 1.5;
-  margin-top: 0.375rem;
-  margin-bottom: 0.375rem;
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
 }
 .p-chip .p-chip-icon {
   margin-right: 0.5rem;
@@ -4427,7 +4427,7 @@
 .p-chip img {
   width: 2rem;
   height: 2rem;
-  margin-left: -0.5rem;
+  margin-left: -0.75rem;
   margin-right: 0.5rem;
 }
 .p-chip .pi-chip-remove-icon {
diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css
index ff5f5ba96..31c8e5f6c 100644
--- a/public/themes/bootstrap4-light-blue/theme.css
+++ b/public/themes/bootstrap4-light-blue/theme.css
@@ -86,9 +86,9 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.25rem 0.75rem;
   margin-right: 0.5rem;
-  background: #007bff;
-  color: #ffffff;
-  border-radius: 4px;
+  background: #dee2e6;
+  color: #212529;
+  border-radius: 16px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
@@ -396,9 +396,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.25rem 0.75rem;
   margin-right: 0.5rem;
-  background: #007bff;
-  color: #ffffff;
-  border-radius: 4px;
+  background: #dee2e6;
+  color: #212529;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -923,9 +923,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.25rem 0.75rem;
   margin-right: 0.5rem;
-  background: #007bff;
-  color: #ffffff;
-  border-radius: 4px;
+  background: #dee2e6;
+  color: #212529;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
@@ -4415,8 +4415,8 @@
 }
 .p-chip .p-chip-text {
   line-height: 1.5;
-  margin-top: 0.375rem;
-  margin-bottom: 0.375rem;
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
 }
 .p-chip .p-chip-icon {
   margin-right: 0.5rem;
@@ -4427,7 +4427,7 @@
 .p-chip img {
   width: 2rem;
   height: 2rem;
-  margin-left: -0.5rem;
+  margin-left: -0.75rem;
   margin-right: 0.5rem;
 }
 .p-chip .pi-chip-remove-icon {
diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css
index f4ba1d8a4..ed55e8687 100644
--- a/public/themes/bootstrap4-light-purple/theme.css
+++ b/public/themes/bootstrap4-light-purple/theme.css
@@ -86,9 +86,9 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.25rem 0.75rem;
   margin-right: 0.5rem;
-  background: #883cae;
-  color: #ffffff;
-  border-radius: 4px;
+  background: #dee2e6;
+  color: #212529;
+  border-radius: 16px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
@@ -396,9 +396,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.25rem 0.75rem;
   margin-right: 0.5rem;
-  background: #883cae;
-  color: #ffffff;
-  border-radius: 4px;
+  background: #dee2e6;
+  color: #212529;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -923,9 +923,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.25rem 0.75rem;
   margin-right: 0.5rem;
-  background: #883cae;
-  color: #ffffff;
-  border-radius: 4px;
+  background: #dee2e6;
+  color: #212529;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
@@ -4415,8 +4415,8 @@
 }
 .p-chip .p-chip-text {
   line-height: 1.5;
-  margin-top: 0.375rem;
-  margin-bottom: 0.375rem;
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
 }
 .p-chip .p-chip-icon {
   margin-right: 0.5rem;
@@ -4427,7 +4427,7 @@
 .p-chip img {
   width: 2rem;
   height: 2rem;
-  margin-left: -0.5rem;
+  margin-left: -0.75rem;
   margin-right: 0.5rem;
 }
 .p-chip .pi-chip-remove-icon {
diff --git a/public/themes/fluent-light/theme.css b/public/themes/fluent-light/theme.css
index a42c6c8da..b58f23d06 100644
--- a/public/themes/fluent-light/theme.css
+++ b/public/themes/fluent-light/theme.css
@@ -88,7 +88,7 @@
   margin-right: 0.5rem;
   background: #edebe9;
   color: #323130;
-  border-radius: 2px;
+  border-radius: 16px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
@@ -394,7 +394,7 @@
   margin-right: 0.5rem;
   background: #edebe9;
   color: #323130;
-  border-radius: 2px;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -921,7 +921,7 @@
   margin-right: 0.5rem;
   background: #edebe9;
   color: #323130;
-  border-radius: 2px;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css
index a27efe877..2f007bf02 100644
--- a/public/themes/luna-amber/theme.css
+++ b/public/themes/luna-amber/theme.css
@@ -86,9 +86,9 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.2145rem 0.429rem;
   margin-right: 0.5rem;
-  background: #FFE082;
-  color: #212529;
-  border-radius: 3px;
+  background: #4b4b4b;
+  color: #dedede;
+  border-radius: 16px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
@@ -396,9 +396,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.2145rem 0.429rem;
   margin-right: 0.5rem;
-  background: #FFE082;
-  color: #212529;
-  border-radius: 3px;
+  background: #4b4b4b;
+  color: #dedede;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -923,9 +923,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.2145rem 0.429rem;
   margin-right: 0.5rem;
-  background: #FFE082;
-  color: #212529;
-  border-radius: 3px;
+  background: #4b4b4b;
+  color: #dedede;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
@@ -4376,9 +4376,9 @@
   margin-left: 0.5rem;
 }
 .p-chip img {
-  width: 2rem;
-  height: 2rem;
-  margin-left: -0.5rem;
+  width: 1.929rem;
+  height: 1.929rem;
+  margin-left: -0.429rem;
   margin-right: 0.5rem;
 }
 .p-chip .pi-chip-remove-icon {
diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css
index 716924635..0ee738522 100644
--- a/public/themes/luna-blue/theme.css
+++ b/public/themes/luna-blue/theme.css
@@ -86,9 +86,9 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.2145rem 0.429rem;
   margin-right: 0.5rem;
-  background: #81D4FA;
-  color: #212529;
-  border-radius: 3px;
+  background: #4b4b4b;
+  color: #dedede;
+  border-radius: 16px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
@@ -396,9 +396,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.2145rem 0.429rem;
   margin-right: 0.5rem;
-  background: #81D4FA;
-  color: #212529;
-  border-radius: 3px;
+  background: #4b4b4b;
+  color: #dedede;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -923,9 +923,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.2145rem 0.429rem;
   margin-right: 0.5rem;
-  background: #81D4FA;
-  color: #212529;
-  border-radius: 3px;
+  background: #4b4b4b;
+  color: #dedede;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
@@ -4376,9 +4376,9 @@
   margin-left: 0.5rem;
 }
 .p-chip img {
-  width: 2rem;
-  height: 2rem;
-  margin-left: -0.5rem;
+  width: 1.929rem;
+  height: 1.929rem;
+  margin-left: -0.429rem;
   margin-right: 0.5rem;
 }
 .p-chip .pi-chip-remove-icon {
diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css
index 621c57d07..353fcc364 100644
--- a/public/themes/luna-green/theme.css
+++ b/public/themes/luna-green/theme.css
@@ -86,9 +86,9 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.2145rem 0.429rem;
   margin-right: 0.5rem;
-  background: #C5E1A5;
-  color: #212529;
-  border-radius: 3px;
+  background: #4b4b4b;
+  color: #dedede;
+  border-radius: 16px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
@@ -396,9 +396,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.2145rem 0.429rem;
   margin-right: 0.5rem;
-  background: #C5E1A5;
-  color: #212529;
-  border-radius: 3px;
+  background: #4b4b4b;
+  color: #dedede;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -923,9 +923,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.2145rem 0.429rem;
   margin-right: 0.5rem;
-  background: #C5E1A5;
-  color: #212529;
-  border-radius: 3px;
+  background: #4b4b4b;
+  color: #dedede;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
@@ -4376,9 +4376,9 @@
   margin-left: 0.5rem;
 }
 .p-chip img {
-  width: 2rem;
-  height: 2rem;
-  margin-left: -0.5rem;
+  width: 1.929rem;
+  height: 1.929rem;
+  margin-left: -0.429rem;
   margin-right: 0.5rem;
 }
 .p-chip .pi-chip-remove-icon {
diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css
index e3997e63f..709db3267 100644
--- a/public/themes/luna-pink/theme.css
+++ b/public/themes/luna-pink/theme.css
@@ -86,9 +86,9 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.2145rem 0.429rem;
   margin-right: 0.5rem;
-  background: #F48FB1;
-  color: #212529;
-  border-radius: 3px;
+  background: #4b4b4b;
+  color: #dedede;
+  border-radius: 16px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
@@ -396,9 +396,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.2145rem 0.429rem;
   margin-right: 0.5rem;
-  background: #F48FB1;
-  color: #212529;
-  border-radius: 3px;
+  background: #4b4b4b;
+  color: #dedede;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -923,9 +923,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.2145rem 0.429rem;
   margin-right: 0.5rem;
-  background: #F48FB1;
-  color: #212529;
-  border-radius: 3px;
+  background: #4b4b4b;
+  color: #dedede;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
@@ -4376,9 +4376,9 @@
   margin-left: 0.5rem;
 }
 .p-chip img {
-  width: 2rem;
-  height: 2rem;
-  margin-left: -0.5rem;
+  width: 1.929rem;
+  height: 1.929rem;
+  margin-left: -0.429rem;
   margin-right: 0.5rem;
 }
 .p-chip .pi-chip-remove-icon {
diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css
index c945cb8b9..d83da2527 100644
--- a/public/themes/md-dark-deeppurple/theme.css
+++ b/public/themes/md-dark-deeppurple/theme.css
@@ -110,9 +110,9 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.5rem 1rem;
   margin-right: 0.5rem;
-  background: rgba(206, 147, 216, 0.16);
-  color: #CE93D8;
-  border-radius: 4px;
+  background: rgba(255, 255, 255, 0.12);
+  color: rgba(255, 255, 255, 0.87);
+  border-radius: 16px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
@@ -416,9 +416,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.5rem 1rem;
   margin-right: 0.5rem;
-  background: rgba(206, 147, 216, 0.16);
-  color: #CE93D8;
-  border-radius: 4px;
+  background: rgba(255, 255, 255, 0.12);
+  color: rgba(255, 255, 255, 0.87);
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -943,9 +943,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.5rem 1rem;
   margin-right: 0.5rem;
-  background: rgba(206, 147, 216, 0.16);
-  color: #CE93D8;
-  border-radius: 4px;
+  background: rgba(255, 255, 255, 0.12);
+  color: rgba(255, 255, 255, 0.87);
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
@@ -4437,9 +4437,9 @@
   margin-left: 0.5rem;
 }
 .p-chip img {
-  width: 2rem;
-  height: 2rem;
-  margin-left: -0.5rem;
+  width: 2.5rem;
+  height: 2.5rem;
+  margin-left: -1rem;
   margin-right: 0.5rem;
 }
 .p-chip .pi-chip-remove-icon {
diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css
index 7af7d68a0..b4869ab5b 100644
--- a/public/themes/md-dark-indigo/theme.css
+++ b/public/themes/md-dark-indigo/theme.css
@@ -110,9 +110,9 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.5rem 1rem;
   margin-right: 0.5rem;
-  background: rgba(159, 168, 218, 0.16);
-  color: #9FA8DA;
-  border-radius: 4px;
+  background: rgba(255, 255, 255, 0.12);
+  color: rgba(255, 255, 255, 0.87);
+  border-radius: 16px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
@@ -416,9 +416,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.5rem 1rem;
   margin-right: 0.5rem;
-  background: rgba(159, 168, 218, 0.16);
-  color: #9FA8DA;
-  border-radius: 4px;
+  background: rgba(255, 255, 255, 0.12);
+  color: rgba(255, 255, 255, 0.87);
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -943,9 +943,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.5rem 1rem;
   margin-right: 0.5rem;
-  background: rgba(159, 168, 218, 0.16);
-  color: #9FA8DA;
-  border-radius: 4px;
+  background: rgba(255, 255, 255, 0.12);
+  color: rgba(255, 255, 255, 0.87);
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
@@ -4437,9 +4437,9 @@
   margin-left: 0.5rem;
 }
 .p-chip img {
-  width: 2rem;
-  height: 2rem;
-  margin-left: -0.5rem;
+  width: 2.5rem;
+  height: 2.5rem;
+  margin-left: -1rem;
   margin-right: 0.5rem;
 }
 .p-chip .pi-chip-remove-icon {
diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css
index eb3499dc7..596fc9e12 100644
--- a/public/themes/md-light-deeppurple/theme.css
+++ b/public/themes/md-light-deeppurple/theme.css
@@ -110,9 +110,9 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.5rem 1rem;
   margin-right: 0.5rem;
-  background: rgba(103, 58, 183, 0.12);
-  color: #673AB7;
-  border-radius: 4px;
+  background: rgba(0, 0, 0, 0.12);
+  color: #000001;
+  border-radius: 16px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
@@ -416,9 +416,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.5rem 1rem;
   margin-right: 0.5rem;
-  background: rgba(103, 58, 183, 0.12);
-  color: #673AB7;
-  border-radius: 4px;
+  background: rgba(0, 0, 0, 0.12);
+  color: #000001;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -943,9 +943,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.5rem 1rem;
   margin-right: 0.5rem;
-  background: rgba(103, 58, 183, 0.12);
-  color: #673AB7;
-  border-radius: 4px;
+  background: rgba(0, 0, 0, 0.12);
+  color: #000001;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
@@ -4437,9 +4437,9 @@
   margin-left: 0.5rem;
 }
 .p-chip img {
-  width: 2rem;
-  height: 2rem;
-  margin-left: -0.5rem;
+  width: 2.5rem;
+  height: 2.5rem;
+  margin-left: -1rem;
   margin-right: 0.5rem;
 }
 .p-chip .pi-chip-remove-icon {
diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css
index 0de722015..ff13ef174 100644
--- a/public/themes/md-light-indigo/theme.css
+++ b/public/themes/md-light-indigo/theme.css
@@ -110,9 +110,9 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.5rem 1rem;
   margin-right: 0.5rem;
-  background: rgba(63, 81, 181, 0.12);
-  color: #3F51B5;
-  border-radius: 4px;
+  background: rgba(0, 0, 0, 0.12);
+  color: #000001;
+  border-radius: 16px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
@@ -416,9 +416,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.5rem 1rem;
   margin-right: 0.5rem;
-  background: rgba(63, 81, 181, 0.12);
-  color: #3F51B5;
-  border-radius: 4px;
+  background: rgba(0, 0, 0, 0.12);
+  color: #000001;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -943,9 +943,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.5rem 1rem;
   margin-right: 0.5rem;
-  background: rgba(63, 81, 181, 0.12);
-  color: #3F51B5;
-  border-radius: 4px;
+  background: rgba(0, 0, 0, 0.12);
+  color: #000001;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
@@ -4437,9 +4437,9 @@
   margin-left: 0.5rem;
 }
 .p-chip img {
-  width: 2rem;
-  height: 2rem;
-  margin-left: -0.5rem;
+  width: 2.5rem;
+  height: 2.5rem;
+  margin-left: -1rem;
   margin-right: 0.5rem;
 }
 .p-chip .pi-chip-remove-icon {
diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css
index 6cd885877..637581f9e 100644
--- a/public/themes/mdc-dark-deeppurple/theme.css
+++ b/public/themes/mdc-dark-deeppurple/theme.css
@@ -110,9 +110,9 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.375rem 0.75rem;
   margin-right: 0.5rem;
-  background: rgba(103, 58, 183, 0.16);
-  color: #673AB7;
-  border-radius: 4px;
+  background: rgba(255, 255, 255, 0.12);
+  color: rgba(255, 255, 255, 0.87);
+  border-radius: 16px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
@@ -416,9 +416,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.375rem 0.75rem;
   margin-right: 0.5rem;
-  background: rgba(103, 58, 183, 0.16);
-  color: #673AB7;
-  border-radius: 4px;
+  background: rgba(255, 255, 255, 0.12);
+  color: rgba(255, 255, 255, 0.87);
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -943,9 +943,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.375rem 0.75rem;
   margin-right: 0.5rem;
-  background: rgba(103, 58, 183, 0.16);
-  color: #673AB7;
-  border-radius: 4px;
+  background: rgba(255, 255, 255, 0.12);
+  color: rgba(255, 255, 255, 0.87);
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
@@ -4437,9 +4437,9 @@
   margin-left: 0.5rem;
 }
 .p-chip img {
-  width: 2rem;
-  height: 2rem;
-  margin-left: -0.5rem;
+  width: 2.25rem;
+  height: 2.25rem;
+  margin-left: -0.75rem;
   margin-right: 0.5rem;
 }
 .p-chip .pi-chip-remove-icon {
diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css
index a7a2f9be4..06d7ebcfb 100644
--- a/public/themes/mdc-dark-indigo/theme.css
+++ b/public/themes/mdc-dark-indigo/theme.css
@@ -110,9 +110,9 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.375rem 0.75rem;
   margin-right: 0.5rem;
-  background: rgba(63, 81, 181, 0.16);
-  color: #3F51B5;
-  border-radius: 4px;
+  background: rgba(255, 255, 255, 0.12);
+  color: rgba(255, 255, 255, 0.87);
+  border-radius: 16px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
@@ -416,9 +416,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.375rem 0.75rem;
   margin-right: 0.5rem;
-  background: rgba(63, 81, 181, 0.16);
-  color: #3F51B5;
-  border-radius: 4px;
+  background: rgba(255, 255, 255, 0.12);
+  color: rgba(255, 255, 255, 0.87);
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -943,9 +943,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.375rem 0.75rem;
   margin-right: 0.5rem;
-  background: rgba(63, 81, 181, 0.16);
-  color: #3F51B5;
-  border-radius: 4px;
+  background: rgba(255, 255, 255, 0.12);
+  color: rgba(255, 255, 255, 0.87);
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
@@ -4437,9 +4437,9 @@
   margin-left: 0.5rem;
 }
 .p-chip img {
-  width: 2rem;
-  height: 2rem;
-  margin-left: -0.5rem;
+  width: 2.25rem;
+  height: 2.25rem;
+  margin-left: -0.75rem;
   margin-right: 0.5rem;
 }
 .p-chip .pi-chip-remove-icon {
diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css
index 5ffbe9fdb..7f4444de4 100644
--- a/public/themes/mdc-light-deeppurple/theme.css
+++ b/public/themes/mdc-light-deeppurple/theme.css
@@ -110,9 +110,9 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.375rem 0.75rem;
   margin-right: 0.5rem;
-  background: rgba(103, 58, 183, 0.12);
-  color: #673AB7;
-  border-radius: 4px;
+  background: rgba(0, 0, 0, 0.12);
+  color: #000001;
+  border-radius: 16px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
@@ -416,9 +416,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.375rem 0.75rem;
   margin-right: 0.5rem;
-  background: rgba(103, 58, 183, 0.12);
-  color: #673AB7;
-  border-radius: 4px;
+  background: rgba(0, 0, 0, 0.12);
+  color: #000001;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -943,9 +943,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.375rem 0.75rem;
   margin-right: 0.5rem;
-  background: rgba(103, 58, 183, 0.12);
-  color: #673AB7;
-  border-radius: 4px;
+  background: rgba(0, 0, 0, 0.12);
+  color: #000001;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
@@ -4437,9 +4437,9 @@
   margin-left: 0.5rem;
 }
 .p-chip img {
-  width: 2rem;
-  height: 2rem;
-  margin-left: -0.5rem;
+  width: 2.25rem;
+  height: 2.25rem;
+  margin-left: -0.75rem;
   margin-right: 0.5rem;
 }
 .p-chip .pi-chip-remove-icon {
diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css
index 51351a29c..cf299c099 100644
--- a/public/themes/mdc-light-indigo/theme.css
+++ b/public/themes/mdc-light-indigo/theme.css
@@ -110,9 +110,9 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.375rem 0.75rem;
   margin-right: 0.5rem;
-  background: rgba(63, 81, 181, 0.12);
-  color: #3F51B5;
-  border-radius: 4px;
+  background: rgba(0, 0, 0, 0.12);
+  color: #000001;
+  border-radius: 16px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
@@ -416,9 +416,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.375rem 0.75rem;
   margin-right: 0.5rem;
-  background: rgba(63, 81, 181, 0.12);
-  color: #3F51B5;
-  border-radius: 4px;
+  background: rgba(0, 0, 0, 0.12);
+  color: #000001;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -943,9 +943,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.375rem 0.75rem;
   margin-right: 0.5rem;
-  background: rgba(63, 81, 181, 0.12);
-  color: #3F51B5;
-  border-radius: 4px;
+  background: rgba(0, 0, 0, 0.12);
+  color: #000001;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
@@ -4437,9 +4437,9 @@
   margin-left: 0.5rem;
 }
 .p-chip img {
-  width: 2rem;
-  height: 2rem;
-  margin-left: -0.5rem;
+  width: 2.25rem;
+  height: 2.25rem;
+  margin-left: -0.75rem;
   margin-right: 0.5rem;
 }
 .p-chip .pi-chip-remove-icon {
diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css
index d277c45d6..183a00d77 100644
--- a/public/themes/nova-accent/theme.css
+++ b/public/themes/nova-accent/theme.css
@@ -86,9 +86,9 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.2145rem 0.429rem;
   margin-right: 0.5rem;
-  background: #e02365;
-  color: #ffffff;
-  border-radius: 3px;
+  background: #c8c8c8;
+  color: #333333;
+  border-radius: 16px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
@@ -392,9 +392,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.2145rem 0.429rem;
   margin-right: 0.5rem;
-  background: #e02365;
-  color: #ffffff;
-  border-radius: 3px;
+  background: #c8c8c8;
+  color: #333333;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -919,9 +919,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.2145rem 0.429rem;
   margin-right: 0.5rem;
-  background: #e02365;
-  color: #ffffff;
-  border-radius: 3px;
+  background: #c8c8c8;
+  color: #333333;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
@@ -4364,9 +4364,9 @@
   margin-left: 0.5rem;
 }
 .p-chip img {
-  width: 2rem;
-  height: 2rem;
-  margin-left: -0.5rem;
+  width: 1.929rem;
+  height: 1.929rem;
+  margin-left: -0.429rem;
   margin-right: 0.5rem;
 }
 .p-chip .pi-chip-remove-icon {
diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css
index c0edc42b3..30e210007 100644
--- a/public/themes/nova-alt/theme.css
+++ b/public/themes/nova-alt/theme.css
@@ -86,9 +86,9 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.2145rem 0.429rem;
   margin-right: 0.5rem;
-  background: #007ad9;
-  color: #ffffff;
-  border-radius: 3px;
+  background: #c8c8c8;
+  color: #333333;
+  border-radius: 16px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
@@ -396,9 +396,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.2145rem 0.429rem;
   margin-right: 0.5rem;
-  background: #007ad9;
-  color: #ffffff;
-  border-radius: 3px;
+  background: #c8c8c8;
+  color: #333333;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -923,9 +923,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.2145rem 0.429rem;
   margin-right: 0.5rem;
-  background: #007ad9;
-  color: #ffffff;
-  border-radius: 3px;
+  background: #c8c8c8;
+  color: #333333;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
@@ -4376,9 +4376,9 @@
   margin-left: 0.5rem;
 }
 .p-chip img {
-  width: 2rem;
-  height: 2rem;
-  margin-left: -0.5rem;
+  width: 1.929rem;
+  height: 1.929rem;
+  margin-left: -0.429rem;
   margin-right: 0.5rem;
 }
 .p-chip .pi-chip-remove-icon {
diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css
index fac3335ea..958453dbd 100644
--- a/public/themes/nova-vue/theme.css
+++ b/public/themes/nova-vue/theme.css
@@ -86,9 +86,9 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.2145rem 0.429rem;
   margin-right: 0.5rem;
-  background: #41b883;
-  color: #ffffff;
-  border-radius: 3px;
+  background: #c8c8c8;
+  color: #333333;
+  border-radius: 16px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
@@ -396,9 +396,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.2145rem 0.429rem;
   margin-right: 0.5rem;
-  background: #41b883;
-  color: #ffffff;
-  border-radius: 3px;
+  background: #c8c8c8;
+  color: #333333;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -923,9 +923,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.2145rem 0.429rem;
   margin-right: 0.5rem;
-  background: #41b883;
-  color: #ffffff;
-  border-radius: 3px;
+  background: #c8c8c8;
+  color: #333333;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
@@ -4376,9 +4376,9 @@
   margin-left: 0.5rem;
 }
 .p-chip img {
-  width: 2rem;
-  height: 2rem;
-  margin-left: -0.5rem;
+  width: 1.929rem;
+  height: 1.929rem;
+  margin-left: -0.429rem;
   margin-right: 0.5rem;
 }
 .p-chip .pi-chip-remove-icon {
diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css
index 0ac8d4ca0..4169db0c6 100644
--- a/public/themes/nova/theme.css
+++ b/public/themes/nova/theme.css
@@ -86,9 +86,9 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.2145rem 0.429rem;
   margin-right: 0.5rem;
-  background: #007ad9;
-  color: #ffffff;
-  border-radius: 3px;
+  background: #c8c8c8;
+  color: #333333;
+  border-radius: 16px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
@@ -396,9 +396,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.2145rem 0.429rem;
   margin-right: 0.5rem;
-  background: #007ad9;
-  color: #ffffff;
-  border-radius: 3px;
+  background: #c8c8c8;
+  color: #333333;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -923,9 +923,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.2145rem 0.429rem;
   margin-right: 0.5rem;
-  background: #007ad9;
-  color: #ffffff;
-  border-radius: 3px;
+  background: #c8c8c8;
+  color: #333333;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
@@ -4376,9 +4376,9 @@
   margin-left: 0.5rem;
 }
 .p-chip img {
-  width: 2rem;
-  height: 2rem;
-  margin-left: -0.5rem;
+  width: 1.929rem;
+  height: 1.929rem;
+  margin-left: -0.429rem;
   margin-right: 0.5rem;
 }
 .p-chip .pi-chip-remove-icon {
diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css
index 090d5531e..f51c6dba7 100644
--- a/public/themes/rhea/theme.css
+++ b/public/themes/rhea/theme.css
@@ -86,9 +86,9 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.2145rem 0.429rem;
   margin-right: 0.5rem;
-  background: #AFD3C8;
-  color: #385048;
-  border-radius: 2px;
+  background: #dadada;
+  color: #666666;
+  border-radius: 16px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
@@ -392,9 +392,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.2145rem 0.429rem;
   margin-right: 0.5rem;
-  background: #AFD3C8;
-  color: #385048;
-  border-radius: 2px;
+  background: #dadada;
+  color: #666666;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -919,9 +919,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.2145rem 0.429rem;
   margin-right: 0.5rem;
-  background: #AFD3C8;
-  color: #385048;
-  border-radius: 2px;
+  background: #dadada;
+  color: #666666;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
@@ -4364,9 +4364,9 @@
   margin-left: 0.5rem;
 }
 .p-chip img {
-  width: 2rem;
-  height: 2rem;
-  margin-left: -0.5rem;
+  width: 1.929rem;
+  height: 1.929rem;
+  margin-left: -0.429rem;
   margin-right: 0.5rem;
 }
 .p-chip .pi-chip-remove-icon {
diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css
index 1dd1ace1a..282ffaaa2 100644
--- a/public/themes/saga-blue/theme.css
+++ b/public/themes/saga-blue/theme.css
@@ -86,9 +86,9 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: #E3F2FD;
+  background: #dee2e6;
   color: #495057;
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
@@ -392,9 +392,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: #E3F2FD;
+  background: #dee2e6;
   color: #495057;
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -919,9 +919,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: #E3F2FD;
+  background: #dee2e6;
   color: #495057;
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css
index a4bafbba6..7e5c6fb6f 100644
--- a/public/themes/saga-green/theme.css
+++ b/public/themes/saga-green/theme.css
@@ -86,9 +86,9 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: #E8F5E9;
+  background: #dee2e6;
   color: #495057;
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
@@ -392,9 +392,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: #E8F5E9;
+  background: #dee2e6;
   color: #495057;
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -919,9 +919,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: #E8F5E9;
+  background: #dee2e6;
   color: #495057;
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css
index eb3b55cc0..5419e714d 100644
--- a/public/themes/saga-orange/theme.css
+++ b/public/themes/saga-orange/theme.css
@@ -86,9 +86,9 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: #FFF3E0;
+  background: #dee2e6;
   color: #495057;
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
@@ -392,9 +392,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: #FFF3E0;
+  background: #dee2e6;
   color: #495057;
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -919,9 +919,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: #FFF3E0;
+  background: #dee2e6;
   color: #495057;
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css
index 7cf7cda2e..90986eeb8 100644
--- a/public/themes/saga-purple/theme.css
+++ b/public/themes/saga-purple/theme.css
@@ -86,9 +86,9 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: #F3E5F5;
+  background: #dee2e6;
   color: #495057;
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
@@ -392,9 +392,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: #F3E5F5;
+  background: #dee2e6;
   color: #495057;
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -919,9 +919,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: #F3E5F5;
+  background: #dee2e6;
   color: #495057;
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css
index 3498fd116..c0fb00e1a 100644
--- a/public/themes/vela-blue/theme.css
+++ b/public/themes/vela-blue/theme.css
@@ -86,9 +86,9 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: rgba(100, 181, 246, 0.16);
+  background: #304562;
   color: rgba(255, 255, 255, 0.87);
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
@@ -392,9 +392,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: rgba(100, 181, 246, 0.16);
+  background: #304562;
   color: rgba(255, 255, 255, 0.87);
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -919,9 +919,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: rgba(100, 181, 246, 0.16);
+  background: #304562;
   color: rgba(255, 255, 255, 0.87);
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css
index 6530d8083..e9a38ba8f 100644
--- a/public/themes/vela-green/theme.css
+++ b/public/themes/vela-green/theme.css
@@ -86,9 +86,9 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: rgba(129, 199, 132, 0.16);
+  background: #304562;
   color: rgba(255, 255, 255, 0.87);
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
@@ -392,9 +392,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: rgba(129, 199, 132, 0.16);
+  background: #304562;
   color: rgba(255, 255, 255, 0.87);
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -919,9 +919,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: rgba(129, 199, 132, 0.16);
+  background: #304562;
   color: rgba(255, 255, 255, 0.87);
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css
index a51fc10e6..4b9d7ea26 100644
--- a/public/themes/vela-orange/theme.css
+++ b/public/themes/vela-orange/theme.css
@@ -86,9 +86,9 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: rgba(255, 213, 79, 0.16);
+  background: #304562;
   color: rgba(255, 255, 255, 0.87);
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
@@ -392,9 +392,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: rgba(255, 213, 79, 0.16);
+  background: #304562;
   color: rgba(255, 255, 255, 0.87);
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -919,9 +919,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: rgba(255, 213, 79, 0.16);
+  background: #304562;
   color: rgba(255, 255, 255, 0.87);
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css
index 74d4c006d..b7a2026c1 100644
--- a/public/themes/vela-purple/theme.css
+++ b/public/themes/vela-purple/theme.css
@@ -86,9 +86,9 @@
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: rgba(186, 104, 200, 0.16);
+  background: #304562;
   color: rgba(255, 255, 255, 0.87);
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
   margin-left: 0.5rem;
@@ -392,9 +392,9 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: rgba(186, 104, 200, 0.16);
+  background: #304562;
   color: rgba(255, 255, 255, 0.87);
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
@@ -919,9 +919,9 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.25rem 0.5rem;
   margin-right: 0.5rem;
-  background: rgba(186, 104, 200, 0.16);
+  background: #304562;
   color: rgba(255, 255, 255, 0.87);
-  border-radius: 3px;
+  border-radius: 16px;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
diff --git a/src/views/chip/ChipDemo.vue b/src/views/chip/ChipDemo.vue
index 6a5791d92..c30cf5596 100644
--- a/src/views/chip/ChipDemo.vue
+++ b/src/views/chip/ChipDemo.vue
@@ -3,7 +3,7 @@
         <div class="content-section introduction">
             <div class="feature-intro">
                 <h1>Chip</h1>
-                <p>Chip represents objects using icons, labels and images.</p>
+                <p>Chip represents entities using icons, labels and images.</p>
             </div>
         </div>