@pega/cosmos-react-core 9.0.0-build.9.9 → 9.0.0

package/lib/theme/themes/andromeda2025Theme.json

@@ -29,13 +29,13 @@
         },
         "app-shell": {
             "nav": {
-                "background": "rgba(0,0,0,0.5)",
+                "background": "#0f1011",
                 "foreground-color": "#fff",
                 "border-color": "transparent",
                 "detached": true
             },
             "header": {
-                "background": "rgba(0,0,0,0.5)",
+                "background": "#0f1011",
                 "foreground-color": "#fff",
                 "border-color": "transparent"
             }

package/lib/theme/themes/aries2023DarkTheme.json

@@ -53,6 +53,28 @@
                 "background-color": "#676767",
                 "border-color": "#939393"
             }
+        },
+        "banner": {
+            "urgent": {
+                "background": "#570006",
+                "background-mix": 1
+            },
+            "warning": {
+                "background": "#5a2401",
+                "background-mix": 1
+            },
+            "success": {
+                "background": "#0b381a",
+                "background-mix": 1
+            },
+            "ai": {
+                "background": "#341061",
+                "background-mix": 1
+            },
+            "info": {
+                "background": "#252c32",
+                "background-mix": 1
+            }
         }
     }
 }

package/lib/theme/themes/bootes2025DarkTheme.json

@@ -69,7 +69,16 @@
             "typography": {
                 "font-stretch": "60%"
             },
-            "striped-rows": true
+            "striped-rows": true,
+            "header": {
+                "background-color": "rgb(23 26 39)"
+            },
+            "border": {
+                "horizontal-inner": false,
+                "horizontal-outer": false,
+                "vertical-inner": false,
+                "vertical-outer": false
+            }
         },
         "tooltip": {
             "foreground-color": "#3f3f3f",
@@ -147,6 +156,28 @@
         "label": {
             "foreground-color": "#E5E2FF",
             "font-size": "s"
+        },
+        "banner": {
+            "urgent": {
+                "background": "#570006",
+                "background-mix": 1
+            },
+            "warning": {
+                "background": "#5a2401",
+                "background-mix": 1
+            },
+            "success": {
+                "background": "#0b381a",
+                "background-mix": 1
+            },
+            "ai": {
+                "background": "#341061",
+                "background-mix": 1
+            },
+            "info": {
+                "background": "#252c32",
+                "background-mix": 1
+            }
         }
     }
 }

package/lib/theme/themes/bootes2025Theme.json

@@ -5,7 +5,7 @@
         "line-height": "1.28",
         "font-scale": "majorSecond",
         "palette": {
-            "app-background": "#EAECF6",
+            "app-background": "#E4E7F6",
             "brand-primary": "#3F57E4",
             "border-line": "#CFCFCF",
             "secondary-background": "#F3F4FA",
@@ -52,7 +52,16 @@
             "typography": {
                 "font-stretch": "60%"
             },
-            "striped-rows": true
+            "striped-rows": true,
+            "header": {
+                "background-color": "#ffffff"
+            },
+            "border": {
+                "horizontal-inner": false,
+                "horizontal-outer": false,
+                "vertical-inner": false,
+                "vertical-outer": false
+            }
         },
         "badges": {
             "font-stretch": "60%"

package/lib/theme/themes/darkTheme.json

@@ -43,6 +43,28 @@
                 "background-color": "#676767",
                 "border-color": "#939393"
             }
+        },
+        "banner": {
+            "urgent": {
+                "background": "#570006",
+                "background-mix": 1
+            },
+            "warning": {
+                "background": "#5a2401",
+                "background-mix": 1
+            },
+            "success": {
+                "background": "#0b381a",
+                "background-mix": 1
+            },
+            "ai": {
+                "background": "#341061",
+                "background-mix": 1
+            },
+            "info": {
+                "background": "#252c32",
+                "background-mix": 1
+            }
         }
     }
 }

package/lib/theme/themes/orionDarkTheme.json

@@ -0,0 +1,175 @@
+{
+    "base": {
+        "border-radius": "0.5rem",
+        "font-family": "'Poppins', sans-serif",
+        "palette": {
+            "app-background": "#13183E",
+            "secondary-background": "#2C4182",
+            "interactive": "#49B7FF",
+            "foreground-color": "#E7ECFF",
+            "primary-background": "#1F2758",
+            "border-line": "#536294"
+        },
+        "font-weight": {
+            "bold": 500,
+            "semi-bold": 400,
+            "normal": 300
+        },
+        "case-type-colors": "header-and-icon"
+    },
+    "components": {
+        "agent": {
+            "background": "#28346E",
+            "user-message": {
+                "background": "#1F2A5E",
+                "foreground-color": "#E7ECFF"
+            },
+            "foreground-color": "#E7ECFF"
+        },
+        "app-shell": {
+            "nav": {
+                "detached": true,
+                "background": "#12163E",
+                "border-color": "transparent",
+                "foreground-color": "#E7ECFF",
+                "create-button-background": "#34427D4D",
+                "nested-list-background": "#34427D4D",
+                "expand-button": {
+                    "background": "#34427D4D",
+                    "foreground-color": "#E7ECFF"
+                },
+                "item-border-radius": "0.5rem",
+                "selected-background": "#324278"
+            },
+            "header": {
+                "background": "linear-gradient(135deg, #0C134C 0%, #3B5AA9 100%)",
+                "border-color": "transparent",
+                "foreground-color": "#E7ECFF",
+                "app-name-color": "#E7ECFF",
+                "search-input": {
+                    "background-color": "#12184066",
+                    "foreground-color": "#E7ECFF",
+                    "border-color": "transparent"
+                }
+            }
+        },
+        "case-view": {
+            "icon": {
+                "background": "#2C468E"
+            },
+            "summary": {
+                "detached": true
+            },
+            "assignments": {
+                "detached": true,
+                "background": "#34427D4D"
+            },
+            "stages": {
+                "status": {
+                    "completed": {
+                        "background": "#243F2C",
+                        "foreground-color": "#96CFA5"
+                    },
+                    "current": {
+                        "background": "#2C468E"
+                    },
+                    "pending": {
+                        "background": "#1F2D64",
+                        "foreground-color": "#E7ECFF"
+                    }
+                }
+            },
+            "header": {
+                "background": "#1F2758"
+            }
+        },
+        "card": {
+            "border-radius": "0.5rem",
+            "background": "#1F2758",
+            "foreground-color": "#E7ECFF"
+        },
+        "button": {
+            "border-radius": 1,
+            "color": "#49B7FF",
+            "secondary-color": "#49B7FF",
+            "foreground-color": "auto"
+        },
+        "link": {
+            "color": "#49B7FF"
+        },
+        "form-control": {
+            "border-radius": 1,
+            "border-color": "#536294",
+            "background-color": "#1F2758",
+            ":hover": {
+                "border-color": "#7081B6"
+            },
+            ":read-only": {
+                "background-color": "#41475C"
+            }
+        },
+        "badges": {
+            "font-stretch": "60%",
+            "status": {
+                "success": {
+                    "foreground": "#86EFAC",
+                    "background": "#1A3549"
+                },
+                "urgent": {
+                    "foreground": "#FFA4A4",
+                    "background": "#3E2141"
+                },
+                "warn": {
+                    "foreground": "#FFAB4B",
+                    "background": "#342C38"
+                },
+                "pending": {
+                    "foreground": "#D4BBFF",
+                    "background": "#2D2C5D"
+                },
+                "info": {
+                    "foreground": "#DADFEC",
+                    "background": "#3B4060"
+                }
+            }
+        },
+        "tabs": {
+            "detached": true
+        },
+        "announcement": {
+            "background": "#2C468E",
+            "foreground-color": "#E7ECFF"
+        },
+        "avatar": {
+            "background-color": "#2D4066"
+        },
+        "table": {
+            "header": {
+                "background-color": "#32427F",
+                "border-color": "transparent"
+            },
+            "body": {
+                "border-color": "transparent",
+                "secondary-background-color": "#2A356A"
+            },
+            "spacing": {
+                "horizontal-inner": true
+            }
+        },
+        "text": {
+            "brand-primary": {
+                "font-weight": "400",
+                "font-size": "m"
+            }
+        },
+        "label": {
+            "foreground-color": "#D4DDFA"
+        },
+        "progress": {
+            "progress-color": "#4D63B3"
+        },
+        "select": {
+            "border-color": "#6F7DA680"
+        }
+    }
+}

package/lib/theme/themes/orionTheme.json

@@ -0,0 +1,155 @@
+{
+    "base": {
+        "border-radius": "0.5rem",
+        "font-family": "'Poppins', sans-serif",
+        "palette": {
+            "app-background": "linear-gradient(135deg, #EAF1FF 0%, #EFF8FF 100%)",
+            "brand-primary": "#FFF",
+            "brand-accent": "#B6CAF8",
+            "secondary-background": "#E2EBFF",
+            "interactive": "#3F57E4",
+            "foreground-color": "#001D54",
+            "brand-foreground": "#001D54",
+            "dark": "#32375F",
+            "border-line": "#A1BBFEB3"
+        },
+        "font-weight": {
+            "bold": 500,
+            "semi-bold": 400,
+            "normal": 300
+        },
+        "case-type-colors": "header-and-icon"
+    },
+    "components": {
+        "agent": {
+            "background": "#F6FAFF",
+            "user-message": {
+                "background": "linear-gradient(135deg, #D0DDFF 0%, #DAEFFF 100%)",
+                "foreground-color": "#001D54"
+            },
+            "foreground-color": "#001D54",
+            "history": {
+                "item": {
+                    "selected-background": "#CDCFD7"
+                }
+            },
+            "questionnaire": {
+                "background": "#FFFFFF80"
+            }
+        },
+        "app-shell": {
+            "nav": {
+                "detached": true,
+                "background": "#E2EBFF",
+                "border-color": "transparent",
+                "foreground-color": "#001D54",
+                "create-button-background": "#F6FAFF80",
+                "nested-list-background": "#F6FAFF80",
+                "expand-button": {
+                    "background": "#D1DFF1",
+                    "foreground-color": "#001D54"
+                },
+                "item-border-radius": "0.5rem",
+                "selected-background": "#F6FAFF"
+            },
+            "header": {
+                "background": "linear-gradient(135deg, #4637D2 0%, #349CFE 100%)",
+                "border-color": "transparent",
+                "foreground-color": "#FFF",
+                "app-name-color": "#FFF",
+                "search-input": {
+                    "background-color": "#00000020",
+                    "foreground-color": "#EFEDF5",
+                    "border-color": "transparent"
+                }
+            }
+        },
+        "case-view": {
+            "icon": {
+                "background": "#CFE4FF"
+            },
+            "summary": {
+                "detached": true
+            },
+            "assignments": {
+                "detached": true,
+                "background": "#FFFFFFB3"
+            },
+            "stages": {
+                "status": {
+                    "completed": {
+                        "background": "#D0DDFF",
+                        "foreground-color": "#1F9139"
+                    },
+                    "current": {
+                        "background": "#CFE4FF"
+                    },
+                    "pending": {
+                        "background": "#FFF",
+                        "foreground-color": "#3B3965"
+                    }
+                }
+            },
+            "header": {
+                "background": "#FFF",
+                "foreground-color": "#3B3965"
+            }
+        },
+        "card": {
+            "border-radius": "0.5rem",
+            "background": "#FFF",
+            "foreground-color": "#000000"
+        },
+        "button": {
+            "border-radius": 1,
+            "color": "#3F57E4",
+            "secondary-color": "#3F57E4",
+            "foreground-color": "#FFF"
+        },
+        "form-control": {
+            "border-radius": 1,
+            "border-color": "#A1BBFEB3",
+            ":hover": {
+                "border-color": "#A8AEF8"
+            }
+        },
+        "tabs": {
+            "detached": true
+        },
+        "announcement": {
+            "background": "linear-gradient(135deg, #4154DF 0%, #3984F4 100%)",
+            "foreground-color": "#FFF"
+        },
+        "avatar": {
+            "background-color": "#7DA4FF"
+        },
+        "table": {
+            "header": {
+                "background-color": "#F0F7FF",
+                "border-color": "transparent"
+            },
+            "body": {
+                "border-color": "transparent",
+                "secondary-background-color": "#F0F7FFE6"
+            },
+            "spacing": {
+                "horizontal-inner": true
+            }
+        },
+        "text": {
+            "brand-primary": {
+                "font-weight": "400",
+                "font-size": "m"
+            }
+        },
+        "label": {
+            "foreground-color": "#5C598C"
+        },
+        "progress": {
+            "progress-color": "#9416C9"
+        },
+        "select": {
+            "border-color": "#7882CE80"
+        }
+    }
+}

package/lib/theme/themes/studioDarkTheme.json

@@ -2,7 +2,7 @@
     "base": {
         "palette": {
             "ai": "#993CF0",
-            "app-background": "url(https://pegasystems.github.io/uplus-wss/img/studio-dark-bg.jpg) no-repeat center / cover",
+            "app-background": "url(https://launchpad.io/sites/default/files/media/images/2025-11/studio-bg-dark.jpg) no-repeat center / cover",
             "primary-background": "#161E33",
             "secondary-background": "#283B67",
             "foreground-color": "#F5F7FA",
@@ -47,8 +47,9 @@
                 "detached": false
             },
             "header": {
-                "background": "#000000",
-                "border-color": "transparent"
+                "background": "#00000088",
+                "border-color": "transparent",
+                "foreground-color": "#ffffff"
             }
         },
         "button": {
@@ -77,10 +78,19 @@
                 "font-stretch": "70%"
             },
             "header": {
-                "background-color": "#283B67",
+                "background-color": "#161E33",
                 "foreground-color": "#ffffff"
             },
-            "striped-rows": true
+            "striped-rows": true,
+            "body": {
+                "secondary-background-color": "#1d2843"
+            },
+            "border": {
+                "horizontal-inner": false,
+                "horizontal-outer": false,
+                "vertical-inner": false,
+                "vertical-outer": false
+            }
         },
         "tooltip": {
             "foreground-color": "#3f3f3f",
@@ -129,6 +139,11 @@
                 "background": "#283B6780",
                 "foreground-color": "#ffffff"
             },
+            "icon": {
+                "color": "#75D7CD",
+                "background": "radial-gradient(120% 120% at 20% 15%, rgba(138,184,255,0.22) 0%, rgba(138,184,255,0.12) 55%, rgba(0,0,0,0.10) 100%)",
+                "box-shadow": "0 1px 0 rgba(255,255,255,0.06) inset, 0 6px 14px rgba(0,0,0,0.45)"
+            },
             "summary": {
                 "detached": true
             },
@@ -163,10 +178,14 @@
             }
         },
         "card": {
-            "background": "#283B6780",
+            "background": "#192645",
             "border-radius": "0.5rem",
             "foreground-color": "#fff"
         },
+        "label": {
+            "foreground-color": "#97a7bf",
+            "font-size": "s"
+        },
         "text": {
             "primary": {
                 "font-family": "'Noto Sans', sans-serif",
@@ -178,7 +197,6 @@
             },
             "h1": {
                 "font-family": "'Saira', sans-serif",
-                "font-size": "xxxl",
                 "font-weight": "500"
             },
             "h2": {