#5200 for badge and tag, new secondary and contrast variants

api-generator/components/badge.js

@@ -9,7 +9,7 @@ const BadgeProps = [
         name: 'severity',
         type: 'string',
         default: 'null',
-        description: 'Severity type of the badge.'
+        description: 'Severity type of the badge. Valid severities are "secondary", "success", "info", "warning", "danger" and "contrast".'
     },
     {
         name: 'size',

api-generator/components/tag.js

@@ -9,7 +9,7 @@ const TagProps = [
         name: 'severity',
         type: 'string',
         default: 'null',
-        description: 'Severity type of the tag. Valid severities are "success", "info", "warning" and "danger".'
+        description: 'Severity type of the tag. Valid severities are "secondary", "success", "info", "warning", "danger" and "contrast".'
     },
     {
         name: 'rounded',

components/lib/badge/Badge.d.ts

@@ -70,7 +70,7 @@ export interface BadgeProps {
     /**
      * Severity type of the badge.
      */
-    severity?: 'info' | 'success' | 'warning' | 'danger' | string | null | undefined;
+    severity?: 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'contrast' | string | null | undefined;
     /**
      * Size of the badge, valid options are 'large' and 'xlarge'.
      */

components/lib/badge/style/BadgeStyle.js

@@ -49,7 +49,9 @@ const classes = {
             'p-badge-info': props.severity === 'info',
             'p-badge-success': props.severity === 'success',
             'p-badge-warning': props.severity === 'warning',
-            'p-badge-danger': props.severity === 'danger'
+            'p-badge-danger': props.severity === 'danger',
+            'p-badge-secondary': props.severity === 'secondary',
+            'p-badge-contrast': props.severity === 'contrast'
         }
     ]
 };

components/lib/button/Button.d.ts

@@ -119,7 +119,7 @@ export interface ButtonProps extends ButtonHTMLAttributes {
     /**
      * Severity type of the badge.
      */
-    badgeSeverity?: 'info' | 'success' | 'warning' | 'danger' | string | null | undefined;
+    badgeSeverity?: 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'contrast' | string | null | undefined;
     /**
      * Whether the button is in loading state.
      * @defaultValue false

components/lib/tag/Tag.d.ts

@@ -82,7 +82,7 @@ export interface TagProps {
     /**
      * Severity type of the tag.
      */
-    severity?: 'success' | 'info' | 'warning' | 'danger' | string | undefined;
+    severity?: 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'contrast' | string | undefined;
     /**
      * Whether the corners of the tag are rounded.
      * @defaultValue false

components/lib/tag/style/TagStyle.js

@@ -28,6 +28,8 @@ const classes = {
             'p-tag-success': props.severity === 'success',
             'p-tag-warning': props.severity === 'warning',
             'p-tag-danger': props.severity === 'danger',
+            'p-tag-secondary': props.severity === 'secondary',
+            'p-tag-contrast': props.severity === 'contrast',
             'p-tag-rounded': props.rounded
         }
     ],

doc/badge/SeverityDoc.vue

@@ -1,13 +1,15 @@
 <template>
     <DocSectionText v-bind="$attrs">
-        <p>Severity defines the color of the badge, possible values are <i>success</i>, <i>info</i>, <i>warning</i> and <i>danger</i> in addition to the default theme color.</p>
+        <p>Severity defines the variant of a badge.</p>
     </DocSectionText>
     <div class="card flex flex-wrap justify-content-center gap-2">
         <Badge value="2"></Badge>
+        <Badge value="6" severity="secondary"></Badge>
         <Badge value="8" severity="success"></Badge>
         <Badge value="4" severity="info"></Badge>
         <Badge value="12" severity="warning"></Badge>
         <Badge value="3" severity="danger"></Badge>
+        <Badge value="5" severity="contrast"></Badge>
     </div>
     <DocSectionCode :code="code" />
 </template>
@@ -19,39 +21,43 @@ export default {
             code: {
                 basic: `
 <Badge value="2"></Badge>
+<Badge value="6" severity="secondary"></Badge>
 <Badge value="8" severity="success"></Badge>
 <Badge value="4" severity="info"></Badge>
 <Badge value="12" severity="warning"></Badge>
 <Badge value="3" severity="danger"></Badge>
+<Badge value="5" severity="contrast"></Badge>
 `,
                 options: `
 <template>
     <div class="card flex flex-wrap justify-content-center gap-2">
         <Badge value="2"></Badge>
+        <Badge value="6" severity="secondary"></Badge>
         <Badge value="8" severity="success"></Badge>
         <Badge value="4" severity="info"></Badge>
         <Badge value="12" severity="warning"></Badge>
         <Badge value="3" severity="danger"></Badge>
+        <Badge value="5" severity="contrast"></Badge>
     </div>
 </template>
 
 <script>
-
 <\/script>
 `,
                 composition: `
 <template>
     <div class="card flex flex-wrap justify-content-center gap-2">
         <Badge value="2"></Badge>
+        <Badge value="6" severity="secondary"></Badge>
         <Badge value="8" severity="success"></Badge>
         <Badge value="4" severity="info"></Badge>
         <Badge value="12" severity="warning"></Badge>
         <Badge value="3" severity="danger"></Badge>
+        <Badge value="5" severity="contrast"></Badge>
     </div>
 </template>
 
 <script setup>
-
 <\/script>
 `
             }

doc/button/BadgesDoc.vue

@@ -1,10 +1,10 @@
 <template>
     <DocSectionText v-bind="$attrs">
-        <p>Buttons have built-in badge support with <i>badge</i> and <i>badgeClass</i> properties.</p>
+        <p>Buttons have built-in badge support with <i>badge</i> and <i>badgeSeverity</i> properties.</p>
     </DocSectionText>
     <div class="card flex justify-content-center flex-wrap gap-3">
-        <Button type="button" label="Emails" badge="8" />
+        <Button type="button" label="Emails" badge="2" />
-        <Button type="button" label="Messages" icon="pi pi-users" badge="8" badgeClass="p-badge-danger" outlined />
+        <Button type="button" label="Messages" icon="pi pi-users" badge="2" badgeSeverity="contrast" outlined />
     </div>
     <DocSectionCode :code="code" />
 </template>
@@ -15,14 +15,14 @@ export default {
         return {
             code: {
                 basic: `
-<Button type="button" label="Emails" badge="8" />
+<Button type="button" label="Emails" badge="2" />
-<Button type="button" label="Messages" icon="pi pi-users" badge="8" badgeClass="p-badge-danger" outlined />
+<Button type="button" label="Messages" icon="pi pi-users" badge="2" badgeSeverity="contrast" outlined />
 `,
                 options: `
 <template>
     <div class="card flex justify-content-center flex-wrap gap-3">
-        <Button type="button" label="Emails" badge="8" />
+        <Button type="button" label="Emails" badge="2" />
-        <Button type="button" label="Messages" icon="pi pi-users" badge="8" badgeClass="p-badge-danger" outlined />
+        <Button type="button" label="Messages" icon="pi pi-users" badge="2" badgeSeverity="contrast" outlined />
     </div>
 </template>
 
@@ -32,8 +32,8 @@ export default {
                 composition: `
 <template>
     <div class="card flex justify-content-center flex-wrap gap-3">
-        <Button type="button" label="Emails" badge="8" />
+        <Button type="button" label="Emails" badge="2" />
-        <Button type="button" label="Messages" icon="pi pi-users" badge="8" badgeClass="p-badge-danger" outlined />
+        <Button type="button" label="Messages" icon="pi pi-users" badge="2" badgeSeverity="contrast" outlined />
     </div>
 </template>
 

doc/tag/SeverityDoc.vue

@@ -1,13 +1,15 @@
 <template>
     <DocSectionText v-bind="$attrs">
-        <p>Severity defines the color of the tag, possible values are <i>success</i>, <i>info</i>, <i>warning</i> and <i>danger</i> in addition to the default theme color.</p>
+        <p>Severity defines the variant of a tag.</p>
     </DocSectionText>
     <div class="card flex flex-wrap justify-content-center gap-2">
         <Tag value="Primary"></Tag>
+        <Tag severity="secondary" value="Secondary"></Tag>
         <Tag severity="success" value="Success"></Tag>
         <Tag severity="info" value="Info"></Tag>
         <Tag severity="warning" value="Warning"></Tag>
         <Tag severity="danger" value="Danger"></Tag>
+        <Tag severity="contrast" value="Contrast"></Tag>
     </div>
     <DocSectionCode :code="code" />
 </template>
@@ -19,19 +21,23 @@ export default {
             code: {
                 basic: `
 <Tag value="Primary"></Tag>
+<Tag severity="secondary" value="Secondary"></Tag>
 <Tag severity="success" value="Success"></Tag>
 <Tag severity="info" value="Info"></Tag>
 <Tag severity="warning" value="Warning"></Tag>
 <Tag severity="danger" value="Danger"></Tag>
+<Tag severity="contrast" value="Contrast"></Tag>
 `,
                 options: `
 <template>
     <div class="flex flex-wrap justify-content-center gap-2">
         <Tag value="Primary"></Tag>
+        <Tag severity="secondary" value="Secondary"></Tag>
         <Tag severity="success" value="Success"></Tag>
         <Tag severity="info" value="Info"></Tag>
         <Tag severity="warning" value="Warning"></Tag>
         <Tag severity="danger" value="Danger"></Tag>
+        <Tag severity="contrast" value="Contrast"></Tag>
     </div>
 </template>
 
@@ -43,10 +49,12 @@ export default {
 <template>
     <div class="flex flex-wrap justify-content-center gap-2">
         <Tag value="Primary"></Tag>
+        <Tag severity="secondary" value="Secondary"></Tag>
         <Tag severity="success" value="Success"></Tag>
         <Tag severity="info" value="Info"></Tag>
         <Tag severity="warning" value="Warning"></Tag>
         <Tag severity="danger" value="Danger"></Tag>
+        <Tag severity="contrast" value="Contrast"></Tag>
     </div>
 </template>
 

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

@@ -5605,6 +5605,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #27272a;
+    color: #d4d4d8;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #ffffff;
+    color: #09090b;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5847,6 +5855,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #27272a;
+    color: #d4d4d8;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #ffffff;
+    color: #09090b;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5605,6 +5605,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #27272a;
+    color: #d4d4d8;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #ffffff;
+    color: #09090b;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5847,6 +5855,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #27272a;
+    color: #d4d4d8;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #ffffff;
+    color: #09090b;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5605,6 +5605,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #27272a;
+    color: #d4d4d8;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #ffffff;
+    color: #09090b;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5847,6 +5855,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #27272a;
+    color: #d4d4d8;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #ffffff;
+    color: #09090b;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5605,6 +5605,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #27272a;
+    color: #d4d4d8;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #ffffff;
+    color: #09090b;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5847,6 +5855,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #27272a;
+    color: #d4d4d8;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #ffffff;
+    color: #09090b;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5605,6 +5605,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #27272a;
+    color: #d4d4d8;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #ffffff;
+    color: #09090b;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5847,6 +5855,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #27272a;
+    color: #d4d4d8;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #ffffff;
+    color: #09090b;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5605,6 +5605,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #27272a;
+    color: #d4d4d8;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #ffffff;
+    color: #09090b;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5847,6 +5855,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #27272a;
+    color: #d4d4d8;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #ffffff;
+    color: #09090b;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5605,6 +5605,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #27272a;
+    color: #d4d4d8;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #ffffff;
+    color: #09090b;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5847,6 +5855,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #27272a;
+    color: #d4d4d8;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #ffffff;
+    color: #09090b;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5605,6 +5605,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #27272a;
+    color: #d4d4d8;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #ffffff;
+    color: #09090b;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5847,6 +5855,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #27272a;
+    color: #d4d4d8;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #ffffff;
+    color: #09090b;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5605,6 +5605,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #27272a;
+    color: #d4d4d8;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #ffffff;
+    color: #09090b;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5847,6 +5855,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #27272a;
+    color: #d4d4d8;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #ffffff;
+    color: #09090b;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5605,6 +5605,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #27272a;
+    color: #d4d4d8;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #ffffff;
+    color: #09090b;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5847,6 +5855,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #27272a;
+    color: #d4d4d8;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #ffffff;
+    color: #09090b;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5607,6 +5607,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #f1f5f9;
+    color: #475569;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #020617;
+    color: #ffffff;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5849,6 +5857,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #f1f5f9;
+    color: #475569;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #020617;
+    color: #ffffff;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5607,6 +5607,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #f1f5f9;
+    color: #475569;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #020617;
+    color: #ffffff;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5849,6 +5857,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #f1f5f9;
+    color: #475569;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #020617;
+    color: #ffffff;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5607,6 +5607,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #f1f5f9;
+    color: #475569;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #020617;
+    color: #ffffff;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5849,6 +5857,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #f1f5f9;
+    color: #475569;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #020617;
+    color: #ffffff;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5607,6 +5607,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #f1f5f9;
+    color: #475569;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #020617;
+    color: #ffffff;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5849,6 +5857,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #f1f5f9;
+    color: #475569;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #020617;
+    color: #ffffff;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5607,6 +5607,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #f1f5f9;
+    color: #475569;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #020617;
+    color: #ffffff;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5849,6 +5857,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #f1f5f9;
+    color: #475569;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #020617;
+    color: #ffffff;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5607,6 +5607,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #f1f5f9;
+    color: #475569;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #020617;
+    color: #ffffff;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5849,6 +5857,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #f1f5f9;
+    color: #475569;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #020617;
+    color: #ffffff;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5615,6 +5615,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #f1f5f9;
+    color: #475569;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #020617;
+    color: #ffffff;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5857,6 +5865,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #f1f5f9;
+    color: #475569;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #020617;
+    color: #ffffff;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5607,6 +5607,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #f1f5f9;
+    color: #475569;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #020617;
+    color: #ffffff;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5849,6 +5857,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #f1f5f9;
+    color: #475569;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #020617;
+    color: #ffffff;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5607,6 +5607,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #f1f5f9;
+    color: #475569;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #020617;
+    color: #ffffff;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5849,6 +5857,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #f1f5f9;
+    color: #475569;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #020617;
+    color: #ffffff;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5607,6 +5607,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #f1f5f9;
+    color: #475569;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #020617;
+    color: #ffffff;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5849,6 +5857,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #f1f5f9;
+    color: #475569;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #020617;
+    color: #ffffff;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5598,6 +5598,14 @@
     background-color: #f19ea6;
     color: #151515;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #6c757d;
+    color: #ffffff;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #ffffff;
+    color: #20262e;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5840,6 +5848,14 @@
     background-color: #f19ea6;
     color: #151515;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #6c757d;
+    color: #ffffff;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #ffffff;
+    color: #20262e;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5598,6 +5598,14 @@
     background-color: #f19ea6;
     color: #151515;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #6c757d;
+    color: #ffffff;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #ffffff;
+    color: #20262e;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5840,6 +5848,14 @@
     background-color: #f19ea6;
     color: #151515;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #6c757d;
+    color: #ffffff;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #ffffff;
+    color: #20262e;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5598,6 +5598,14 @@
     background-color: #dc3545;
     color: #ffffff;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #6c757d;
+    color: #ffffff;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #212529;
+    color: #ffffff;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5840,6 +5848,14 @@
     background-color: #dc3545;
     color: #ffffff;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #6c757d;
+    color: #ffffff;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #212529;
+    color: #ffffff;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5598,6 +5598,14 @@
     background-color: #dc3545;
     color: #ffffff;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #6c757d;
+    color: #ffffff;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #212529;
+    color: #ffffff;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5840,6 +5848,14 @@
     background-color: #dc3545;
     color: #ffffff;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #6c757d;
+    color: #ffffff;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #212529;
+    color: #ffffff;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5556,6 +5556,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #94a3b8;
+    color: #020617;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #ffffff;
+    color: #111827;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5798,6 +5806,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #94a3b8;
+    color: #020617;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #ffffff;
+    color: #111827;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5556,6 +5556,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #94a3b8;
+    color: #020617;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #ffffff;
+    color: #111827;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5798,6 +5806,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #94a3b8;
+    color: #020617;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #ffffff;
+    color: #111827;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5556,6 +5556,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #94a3b8;
+    color: #020617;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #ffffff;
+    color: #111827;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5798,6 +5806,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #94a3b8;
+    color: #020617;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #ffffff;
+    color: #111827;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5556,6 +5556,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #94a3b8;
+    color: #020617;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #ffffff;
+    color: #111827;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5798,6 +5806,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #94a3b8;
+    color: #020617;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #ffffff;
+    color: #111827;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5556,6 +5556,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #94a3b8;
+    color: #020617;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #ffffff;
+    color: #111827;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5798,6 +5806,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #94a3b8;
+    color: #020617;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #ffffff;
+    color: #111827;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5556,6 +5556,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #94a3b8;
+    color: #020617;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #ffffff;
+    color: #111827;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5798,6 +5806,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #94a3b8;
+    color: #020617;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #ffffff;
+    color: #111827;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5556,6 +5556,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #94a3b8;
+    color: #020617;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #ffffff;
+    color: #111827;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5798,6 +5806,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #94a3b8;
+    color: #020617;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #ffffff;
+    color: #111827;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5556,6 +5556,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #94a3b8;
+    color: #020617;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #ffffff;
+    color: #111827;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5798,6 +5806,14 @@
     background-color: #f87171;
     color: #450a0a;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #94a3b8;
+    color: #020617;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #ffffff;
+    color: #111827;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5556,6 +5556,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #64748B;
+    color: #ffffff;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #1f2937;
+    color: #ffffff;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5798,6 +5806,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #64748B;
+    color: #ffffff;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #1f2937;
+    color: #ffffff;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5556,6 +5556,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #64748B;
+    color: #ffffff;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #1f2937;
+    color: #ffffff;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5798,6 +5806,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #64748B;
+    color: #ffffff;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #1f2937;
+    color: #ffffff;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5556,6 +5556,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #64748B;
+    color: #ffffff;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #1f2937;
+    color: #ffffff;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5798,6 +5806,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #64748B;
+    color: #ffffff;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #1f2937;
+    color: #ffffff;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5556,6 +5556,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #64748B;
+    color: #ffffff;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #1f2937;
+    color: #ffffff;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5798,6 +5806,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #64748B;
+    color: #ffffff;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #1f2937;
+    color: #ffffff;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5556,6 +5556,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #64748B;
+    color: #ffffff;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #1f2937;
+    color: #ffffff;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5798,6 +5806,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #64748B;
+    color: #ffffff;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #1f2937;
+    color: #ffffff;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5556,6 +5556,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #64748B;
+    color: #ffffff;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #1f2937;
+    color: #ffffff;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5798,6 +5806,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #64748B;
+    color: #ffffff;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #1f2937;
+    color: #ffffff;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5556,6 +5556,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #64748B;
+    color: #ffffff;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #1f2937;
+    color: #ffffff;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5798,6 +5806,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #64748B;
+    color: #ffffff;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #1f2937;
+    color: #ffffff;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5556,6 +5556,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #64748B;
+    color: #ffffff;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #1f2937;
+    color: #ffffff;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5798,6 +5806,14 @@
     background-color: #EF4444;
     color: #ffffff;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #64748B;
+    color: #ffffff;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #1f2937;
+    color: #ffffff;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

public/themes/md-dark-deeppurple/theme.css

@@ -5610,6 +5610,14 @@
     background-color: #EF9A9A;
     color: #212121;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #A5D6A7;
+    color: #121212;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #ffffff;
+    color: #121212;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5852,6 +5860,14 @@
     background-color: #EF9A9A;
     color: #212121;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #A5D6A7;
+    color: #121212;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #ffffff;
+    color: #121212;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5610,6 +5610,14 @@
     background-color: #EF9A9A;
     color: #212121;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #F48FB1;
+    color: #121212;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #ffffff;
+    color: #121212;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5852,6 +5860,14 @@
     background-color: #EF9A9A;
     color: #212121;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #F48FB1;
+    color: #121212;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #ffffff;
+    color: #121212;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

public/themes/md-light-deeppurple/theme.css

@@ -5610,6 +5610,14 @@
     background-color: #D32F2F;
     color: #ffffff;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #4CAF50;
+    color: #ffffff;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #212121;
+    color: #ffffff;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5852,6 +5860,14 @@
     background-color: #D32F2F;
     color: #ffffff;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #4CAF50;
+    color: #ffffff;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #212121;
+    color: #ffffff;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5610,6 +5610,14 @@
     background-color: #D32F2F;
     color: #ffffff;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #ff4081;
+    color: #ffffff;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #212121;
+    color: #ffffff;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5852,6 +5860,14 @@
     background-color: #D32F2F;
     color: #ffffff;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #ff4081;
+    color: #ffffff;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #212121;
+    color: #ffffff;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

public/themes/mdc-dark-deeppurple/theme.css

@@ -5610,6 +5610,14 @@
     background-color: #EF9A9A;
     color: #212121;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #A5D6A7;
+    color: #121212;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #ffffff;
+    color: #121212;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5852,6 +5860,14 @@
     background-color: #EF9A9A;
     color: #212121;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #A5D6A7;
+    color: #121212;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #ffffff;
+    color: #121212;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5610,6 +5610,14 @@
     background-color: #EF9A9A;
     color: #212121;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #F48FB1;
+    color: #121212;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #ffffff;
+    color: #121212;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5852,6 +5860,14 @@
     background-color: #EF9A9A;
     color: #212121;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #F48FB1;
+    color: #121212;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #ffffff;
+    color: #121212;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

public/themes/mdc-light-deeppurple/theme.css

@@ -5610,6 +5610,14 @@
     background-color: #D32F2F;
     color: #ffffff;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #4CAF50;
+    color: #ffffff;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #212121;
+    color: #ffffff;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5852,6 +5860,14 @@
     background-color: #D32F2F;
     color: #ffffff;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #4CAF50;
+    color: #ffffff;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #212121;
+    color: #ffffff;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

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

@@ -5610,6 +5610,14 @@
     background-color: #D32F2F;
     color: #ffffff;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #ff4081;
+    color: #ffffff;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #212121;
+    color: #ffffff;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5852,6 +5860,14 @@
     background-color: #D32F2F;
     color: #ffffff;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #ff4081;
+    color: #ffffff;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #212121;
+    color: #ffffff;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

public/themes/soho-dark/theme.css

@@ -5561,6 +5561,14 @@
     background-color: #eb9a9c;
     color: #1d1e27;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #d4ea93;
+    color: #1d1e27;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #ffffff;
+    color: #1d1e27;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5803,6 +5811,14 @@
     background-color: #eb9a9c;
     color: #1d1e27;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #d4ea93;
+    color: #1d1e27;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #ffffff;
+    color: #1d1e27;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

public/themes/soho-light/theme.css

@@ -5561,6 +5561,14 @@
     background-color: #ea5455;
     color: #ffffff;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #a1c30d;
+    color: #ffffff;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #212529;
+    color: #ffffff;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5803,6 +5811,14 @@
     background-color: #ea5455;
     color: #ffffff;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #a1c30d;
+    color: #ffffff;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #212529;
+    color: #ffffff;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

public/themes/viva-dark/theme.css

@@ -5618,6 +5618,14 @@
     background-color: #e693a9;
     color: #0e1315;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #b4bfcd;
+    color: #0e1315;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #ffffff;
+    color: #0e1315;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5860,6 +5868,14 @@
     background-color: #e693a9;
     color: #0e1315;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #b4bfcd;
+    color: #0e1315;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #ffffff;
+    color: #0e1315;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }

public/themes/viva-light/theme.css

@@ -5618,6 +5618,14 @@
     background-color: #d45472;
     color: #ffffff;
   }
+  .p-badge.p-badge-secondary {
+    background-color: #8191a6;
+    color: #ffffff;
+  }
+  .p-badge.p-badge-contrast {
+    background-color: #3b3b3b;
+    color: #ffffff;
+  }
   .p-badge.p-badge-lg {
     font-size: 1.125rem;
     min-width: 2.25rem;
@@ -5860,6 +5868,14 @@
     background-color: #d45472;
     color: #ffffff;
   }
+  .p-tag.p-tag-secondary {
+    background-color: #8191a6;
+    color: #ffffff;
+  }
+  .p-tag.p-tag-contrast {
+    background-color: #3b3b3b;
+    color: #ffffff;
+  }
   .p-tag .p-tag-icon {
     font-size: 0.75rem;
   }