chore: fix some light mode issues in alerts and services tabs

2026-03-03 12:32:02 +00:00 · 2026-03-03 14:40:21 +05:30
3 changed files with 54 additions and 0 deletions
--- a/frontend/src/container/CreateAlertV2/CreateAlertHeader/styles.scss
+++ b/frontend/src/container/CreateAlertV2/CreateAlertHeader/styles.scss
@@ -179,6 +179,19 @@
 		&__input.description {
 			color: var(--text-ink-300);
 		}
+
+		.ant-btn {
+			color: var(--text-ink-400);
+			background: var(--bg-vanilla-100);
+			border: 1px solid var(--bg-vanilla-300);
+
+			&:hover,
+			&:focus {
+				color: var(--text-ink-500);
+				background: var(--bg-vanilla-200);
+				border-color: var(--bg-vanilla-400);
+			}
+		}
 	}

 	.edit-alert-header {
--- a/frontend/src/pages/AlertDetails/AlertDetails.styles.scss
+++ b/frontend/src/pages/AlertDetails/AlertDetails.styles.scss
@@ -252,4 +252,23 @@
 			}
 		}
 	}
+
+	.alert-details-v2 {
+		.tabs-and-filters {
+			.ant-tabs {
+				.ant-tabs-tab {
+					.ant-tabs-tab-btn {
+						border: 1px solid var(--bg-vanilla-300);
+						background: var(--bg-vanilla-100);
+						color: var(--text-ink-400) !important;
+
+						&[aria-selected='true'] {
+							background: var(--bg-vanilla-200);
+							color: var(--text-robin-500) !important;
+						}
+					}
+				}
+			}
+		}
+	}
 }
--- a/frontend/src/pages/MetricsApplication/MetricsApplication.styles.scss
+++ b/frontend/src/pages/MetricsApplication/MetricsApplication.styles.scss
@@ -24,3 +24,25 @@
 		}
 	}
 }
+
+.lightMode {
+	.service-route-tab {
+		.ant-tabs-nav {
+			&::before {
+				border-bottom: 1px solid var(--bg-vanilla-300);
+			}
+
+			.ant-tabs-nav-wrap {
+				.ant-tabs-nav-list {
+					.ant-tabs-tab {
+						color: var(--text-ink-400);
+					}
+
+					.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
+						color: var(--text-robin-500);
+					}
+				}
+			}
+		}
+	}
+}