Enhance style of EIS badges on person canvas (CFM-417)

COmanage · Jan 30, 2026 · e4988db · e4988db
1 parent d2585be
commit e4988db
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/app/webroot/css/co-base.css b/app/webroot/css/co-base.css
@@ -2725,6 +2725,9 @@ html.dark-mode .btn-default:active {
 .bg-secondary {
   background-color: var(--cmg-color-btn-bg-003);
 }
+.badge-eis {
+  box-shadow: var(--cmg-color-shadow-01);
+}
 /* Bootstrap bg-outline */
 .bg-outline-primary {
   color: var(--cmg-color-link);

diff --git a/app/webroot/css/co-color.css b/app/webroot/css/co-color.css
@@ -89,6 +89,8 @@
 
   --cmg-color-highlight-017: #cee6f8; /* alert: info border color (blue) */
   --cmg-color-highlight-018: yellow;  /* autocomplete highlight for query text */
+
+  --cmg-color-shadow-01: 0px 0px 2px 0px rgba(13,69,115,0.6); /* RGBA box-shadow color based on --cmg-color-btn-bg-001 */
 
   /* Fonts */
   --cmg-font-regular: 'open_sansregular','Trebuchet MS',Arial,Helvetica,sans-serif;
@@ -172,6 +174,8 @@ html.dark-mode {
   --cmg-color-highlight-017: #333; /* alert: info border color (blue) */
   --cmg-color-highlight-018: #cc0;    /* autocomplete highlight for query text */
 
+  --cmg-color-shadow-01: 0px 0px 2px 0px rgba(13,69,115,0.8); /* RGBA box-shadow color based on --cmg-color-btn-bg-001 */
+
   /* Bootstrap Overrides for Dark Mode */
   --bs-light-rgb: #151515;
 }