fix: fix contrast on playground settings text (#1261)

jderochervlk · web-flow · commit a8520b1b6d09 · 2026-04-23T23:30:50.000+02:00
diff --git a/src/Playground.res b/src/Playground.res
@@ -81,7 +81,7 @@ module SelectionOption = {
       className={"playground-selection-option mr-1 px-2 py-1 rounded inline-block " ++ if isActive {
         "playground-selection-option-active font-bold"
       } else {
-        "opacity-50 hover:opacity-80"
+        "opacity-90 hover:opacity-100"
       }}
       onClick
       disabled
diff --git a/styles/main.css b/styles/main.css
@@ -311,17 +311,17 @@
   }
 
   .playground-text-primary {
-    color: var(--playground-text-primary);
+    color: var(--playground-text-primary) !important;
   }
 
   .playground-text-secondary {
-    color: var(--playground-text-secondary);
+    color: var(--playground-text-secondary) !important;
   }
 
   .playground-select {
     background-color: var(--playground-elevated-bg);
     border-color: var(--playground-border);
-    color: var(--playground-text-primary);
+    color: var(--playground-text-primary) !important;
   }
 
   .playground-selection-option {

Original file line number	Diff line number	Diff line change
`@@ -311,17 +311,17 @@`
`311`	`311`	`}`
`312`	`312`
`313`	`313`	`.playground-text-primary {`
`314`		`- color: var(--playground-text-primary);`
	`314`	`+ color: var(--playground-text-primary) !important;`
`315`	`315`	`}`
`316`	`316`
`317`	`317`	`.playground-text-secondary {`
`318`		`- color: var(--playground-text-secondary);`
	`318`	`+ color: var(--playground-text-secondary) !important;`
`319`	`319`	`}`
`320`	`320`
`321`	`321`	`.playground-select {`
`322`	`322`	`background-color: var(--playground-elevated-bg);`
`323`	`323`	`border-color: var(--playground-border);`
`324`		`- color: var(--playground-text-primary);`
	`324`	`+ color: var(--playground-text-primary) !important;`
`325`	`325`	`}`
`326`	`326`
`327`	`327`	`.playground-selection-option {`