Fix jQuery UI dialog dark color issues for Bootstrap theme

MauricioFauth · MauricioFauth · commit 1fbfe2e1e2bc · 2023-06-12T22:15:49.000-03:00
Signed-off-by: Maurício Meneghini Fauth &lt;mauricio@fauth.dev&gt;
diff --git a/public/themes/bootstrap/jquery/jquery-ui.css b/public/themes/bootstrap/jquery/jquery-ui.css
@@ -898,24 +898,24 @@ body .ui-tooltip {
 	font-size: 1em;
 }
 .ui-widget.ui-widget-content {
-	border: 1px solid #d3d3d3;
+	border: 1px solid var(--bs-border-color);
 }
 .ui-widget-content {
-	border: 1px solid #aaaaaa;
-	background: #ffffff;
-	color: #222222;
+	border: 1px solid var(--bs-border-color);
+	background: var(--bs-body-bg);
+	color: var(--bs-body-color);
 }
 .ui-widget-content a {
-	color: #222222;
+	color: var(--bs-link-color);
 }
 .ui-widget-header {
-	border: 1px solid #aaaaaa;
-	background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
-	color: #222222;
+	border: 1px solid var(--bs-border-color);
+	background: var(--bs-secondary-bg);
+	color: var(--bs-secondary-color);
 	font-weight: bold;
 }
 .ui-widget-header a {
-	color: #222222;
+	color: var(--bs-link-color);
 }
 
 /* Interaction states

Original file line number	Diff line number	Diff line change
`@@ -898,24 +898,24 @@ body .ui-tooltip {`
`898`	`898`	`font-size: 1em;`
`899`	`899`	`}`
`900`	`900`	`.ui-widget.ui-widget-content {`
`901`		`- border: 1px solid #d3d3d3;`
	`901`	`+ border: 1px solid var(--bs-border-color);`
`902`	`902`	`}`
`903`	`903`	`.ui-widget-content {`
`904`		`- border: 1px solid #aaaaaa;`
`905`		`- background: #ffffff;`
`906`		`- color: #222222;`
	`904`	`+ border: 1px solid var(--bs-border-color);`
	`905`	`+ background: var(--bs-body-bg);`
	`906`	`+ color: var(--bs-body-color);`
`907`	`907`	`}`
`908`	`908`	`.ui-widget-content a {`
`909`		`- color: #222222;`
	`909`	`+ color: var(--bs-link-color);`
`910`	`910`	`}`
`911`	`911`	`.ui-widget-header {`
`912`		`- border: 1px solid #aaaaaa;`
`913`		`- background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;`
`914`		`- color: #222222;`
	`912`	`+ border: 1px solid var(--bs-border-color);`
	`913`	`+ background: var(--bs-secondary-bg);`
	`914`	`+ color: var(--bs-secondary-color);`
`915`	`915`	`font-weight: bold;`
`916`	`916`	`}`
`917`	`917`	`.ui-widget-header a {`
`918`		`- color: #222222;`
	`918`	`+ color: var(--bs-link-color);`
`919`	`919`	`}`
`920`	`920`
`921`	`921`	`/* Interaction states`