Fix bot button styles light/dark modes (#1079)

MaedahBatool · web-flow · commit aca2ecf3c226 · 2025-04-10T09:38:28.000-07:00
&lt;!-- Explain the changes introduced in your PR --&gt;

## Pull Request approval

You will need to get your PR approved by at least one member of the
Sourcegraph team. For reviews of docs formatting, styles, and component
usage, please tag the docs team via the #docs Slack channel.
diff --git a/src/components/ChatBot/styles.css b/src/components/ChatBot/styles.css
@@ -1,90 +1,90 @@
 .lb-bg-background {
-  background-color: #F9FAFB;
+	background-color: #f9fafb;
 }
 
 .lb-bg-muted {
-  background-color: #f4f4f5;
+	background-color: #f4f4f5;
 }
 
 .lb-text-primary-foreground {
-  color: #0F172A;
-  background-color: #ffffff;
-  border-width: 1;
-  border-color: rgb(219 226 240);
+	color: #0f172a;
+	background-color: #ffffff;
+	border-width: 1;
+	border-color: rgb(219 226 240);
 }
 
 .light button.hover\:lb-bg-foreground:hover {
-  background-color: #F9FAFB;
-  color: #0F172A !important
+	background-color: #f9fafb !important;
+	color: #0f172a !important;
 }
 
 button.lb-text-primary-foreground {
-  background-color: #ffffff;
+	background-color: #ffffff !important;
 }
 
 .light .lb-border-muted-foreground\/40 {
-  border-color: rgb(219 226 240) !important;
+	border-color: rgb(219 226 240) !important;
 }
 
 .light .lb-text-primary-foreground:hover {
-  background-color: #ffffff;
+	background-color: #ffffff;
 }
 
 .lb-text-inherit {
-  color: #334155;
+	color: #334155;
 }
 
 .lb-line-clamp-2 {
-  color: #334155 !important;
+	color: #334155 !important;
 }
 .dark .lb-border-border {
-  border-color: rgb(38 43 56);
+	border-color: rgb(38 43 56);
 }
 
 .dark .lb-text-primary-foreground {
-  color: #F9FAFB;
-  background-color: rgb(29 33 47);
-  border-width: 1;
-  border-color: rgb(38 43 56);
+	color: #f9fafb;
+	background-color: rgb(29 33 47);
+	border-width: 1;
+	border-color: rgb(38 43 56);
 }
 
 .dark .lb-border-muted-foreground {
-  border-color: rgb(38 43 56);
+	border-color: rgb(38 43 56);
 }
 
 .dark .lb-bg-background {
-  background-color: #14171F;
+	background-color: #14171f;
 }
 
 .dark .lb-bg-muted {
-  background-color: #171B26;
+	background-color: #171b26;
 }
 
 .dark .lb-bg-border {
-  border-color: rgb(38 43 56);
-  background-color: rgb(38 43 56);
+	border-color: rgb(38 43 56);
+	background-color: rgb(38 43 56);
 }
 
 .dark .sm\:lb-border-border {
-  border-color: rgb(38 43 56);
+	border-color: rgb(38 43 56);
 }
 
 .dark .lb-text-inherit {
-  color: #94A3B8;
+	color: #94a3b8;
 }
 
 .dark .lb-line-clamp-2 {
-  color: #94A3B8 !important;
+	color: #94a3b8 !important;
 }
 
 .dark button.hover\:lb-bg-foreground:hover {
-  color: #F9FAFB !important
+	color: #f9fafb !important;
 }
 
 .dark .hover\:lb-bg-secondary\/60:hover {
-  background-color: #171B26;
+	background-color: #171b26 !important;
 }
 
 .dark .hover\:lb-bg-accent:hover {
-  background-color: #171B26;
-}
+	background-color: #171b26;
+}

Original file line number	Diff line number	Diff line change
`@@ -1,90 +1,90 @@`
`1`	`1`	`.lb-bg-background {`
`2`		`- background-color: #F9FAFB;`
	`2`	`+ background-color: #f9fafb;`
`3`	`3`	`}`
`4`	`4`
`5`	`5`	`.lb-bg-muted {`
`6`		`- background-color: #f4f4f5;`
	`6`	`+ background-color: #f4f4f5;`
`7`	`7`	`}`
`8`	`8`
`9`	`9`	`.lb-text-primary-foreground {`
`10`		`- color: #0F172A;`
`11`		`- background-color: #ffffff;`
`12`		`- border-width: 1;`
`13`		`- border-color: rgb(219 226 240);`
	`10`	`+ color: #0f172a;`
	`11`	`+ background-color: #ffffff;`
	`12`	`+ border-width: 1;`
	`13`	`+ border-color: rgb(219 226 240);`
`14`	`14`	`}`
`15`	`15`
`16`	`16`	`.light button.hover\:lb-bg-foreground:hover {`
`17`		`- background-color: #F9FAFB;`
`18`		`- color: #0F172A !important`
	`17`	`+ background-color: #f9fafb !important;`
	`18`	`+ color: #0f172a !important;`
`19`	`19`	`}`
`20`	`20`
`21`	`21`	`button.lb-text-primary-foreground {`
`22`		`- background-color: #ffffff;`
	`22`	`+ background-color: #ffffff !important;`
`23`	`23`	`}`
`24`	`24`
`25`	`25`	`.light .lb-border-muted-foreground\/40 {`
`26`		`- border-color: rgb(219 226 240) !important;`
	`26`	`+ border-color: rgb(219 226 240) !important;`
`27`	`27`	`}`
`28`	`28`
`29`	`29`	`.light .lb-text-primary-foreground:hover {`
`30`		`- background-color: #ffffff;`
	`30`	`+ background-color: #ffffff;`
`31`	`31`	`}`
`32`	`32`
`33`	`33`	`.lb-text-inherit {`
`34`		`- color: #334155;`
	`34`	`+ color: #334155;`
`35`	`35`	`}`
`36`	`36`
`37`	`37`	`.lb-line-clamp-2 {`
`38`		`- color: #334155 !important;`
	`38`	`+ color: #334155 !important;`
`39`	`39`	`}`
`40`	`40`	`.dark .lb-border-border {`
`41`		`- border-color: rgb(38 43 56);`
	`41`	`+ border-color: rgb(38 43 56);`
`42`	`42`	`}`
`43`	`43`
`44`	`44`	`.dark .lb-text-primary-foreground {`
`45`		`- color: #F9FAFB;`
`46`		`- background-color: rgb(29 33 47);`
`47`		`- border-width: 1;`
`48`		`- border-color: rgb(38 43 56);`
	`45`	`+ color: #f9fafb;`
	`46`	`+ background-color: rgb(29 33 47);`
	`47`	`+ border-width: 1;`
	`48`	`+ border-color: rgb(38 43 56);`
`49`	`49`	`}`
`50`	`50`
`51`	`51`	`.dark .lb-border-muted-foreground {`
`52`		`- border-color: rgb(38 43 56);`
	`52`	`+ border-color: rgb(38 43 56);`
`53`	`53`	`}`
`54`	`54`
`55`	`55`	`.dark .lb-bg-background {`
`56`		`- background-color: #14171F;`
	`56`	`+ background-color: #14171f;`
`57`	`57`	`}`
`58`	`58`
`59`	`59`	`.dark .lb-bg-muted {`
`60`		`- background-color: #171B26;`
	`60`	`+ background-color: #171b26;`
`61`	`61`	`}`
`62`	`62`
`63`	`63`	`.dark .lb-bg-border {`
`64`		`- border-color: rgb(38 43 56);`
`65`		`- background-color: rgb(38 43 56);`
	`64`	`+ border-color: rgb(38 43 56);`
	`65`	`+ background-color: rgb(38 43 56);`
`66`	`66`	`}`
`67`	`67`
`68`	`68`	`.dark .sm\:lb-border-border {`
`69`		`- border-color: rgb(38 43 56);`
	`69`	`+ border-color: rgb(38 43 56);`
`70`	`70`	`}`
`71`	`71`
`72`	`72`	`.dark .lb-text-inherit {`
`73`		`- color: #94A3B8;`
	`73`	`+ color: #94a3b8;`
`74`	`74`	`}`
`75`	`75`
`76`	`76`	`.dark .lb-line-clamp-2 {`
`77`		`- color: #94A3B8 !important;`
	`77`	`+ color: #94a3b8 !important;`
`78`	`78`	`}`
`79`	`79`
`80`	`80`	`.dark button.hover\:lb-bg-foreground:hover {`
`81`		`- color: #F9FAFB !important`
	`81`	`+ color: #f9fafb !important;`
`82`	`82`	`}`
`83`	`83`
`84`	`84`	`.dark .hover\:lb-bg-secondary\/60:hover {`
`85`		`- background-color: #171B26;`
	`85`	`+ background-color: #171b26 !important;`
`86`	`86`	`}`
`87`	`87`
`88`	`88`	`.dark .hover\:lb-bg-accent:hover {`
`89`		`- background-color: #171B26;`
`90`		`-}`
	`89`	`+ background-color: #171b26;`
	`90`	`+}`