0 ? '#ef4444' : '#22c55e',
+ description: 'Malware detected',
+ },
+ {
+ id: 'phishing',
+ title: 'Phishing Detection',
+ value: metrics.phishingDetected,
+ type: 'number',
+ icon: 'fishFins',
+ color: metrics.phishingDetected > 0 ? '#ef4444' : '#22c55e',
+ description: 'Phishing attempts detected',
+ },
+ {
+ id: 'suspicious',
+ title: 'Suspicious Activities',
+ value: metrics.suspiciousActivities,
+ type: 'number',
+ icon: 'triangleExclamation',
+ color: metrics.suspiciousActivities > 5 ? '#ef4444' : '#f59e0b',
+ description: 'Suspicious activities detected',
+ },
+ {
+ id: 'spam',
+ title: 'Spam Detection',
+ value: metrics.spamDetected,
+ type: 'number',
+ icon: 'ban',
+ color: '#f59e0b',
+ description: 'Spam emails blocked',
+ },
+ ];
+
return html`
-
-
-
Malware Detection
-
${metrics.malwareDetected}
-
Malware detected
-
-
-
-
Phishing Detection
-
${metrics.phishingDetected}
-
Phishing attempts detected
-
-
-
-
Suspicious Activities
-
${metrics.suspiciousActivities}
-
Suspicious activities detected
-
-
-
-
Spam Detection
-
${metrics.spamDetected}
-
Spam emails blocked
-
-
Email Security Configuration
diff --git a/ts_web/elements/shared/ops-sectionheading.ts b/ts_web/elements/shared/ops-sectionheading.ts
index 8561ba9..14259c1 100644
--- a/ts_web/elements/shared/ops-sectionheading.ts
+++ b/ts_web/elements/shared/ops-sectionheading.ts
@@ -21,14 +21,10 @@ export class OpsSectionHeading extends DeesElement {
font-family: 'Cal Sans', 'Inter', sans-serif;
font-size: 28px;
font-weight: 600;
- color: #111;
+ color: ${cssManager.bdTheme('#111', '#fff')};
margin: 0;
padding: 0;
}
-
- :host([theme="dark"]) .heading {
- color: #fff;
- }
`,
];