Quick fix for dark mode button colors

remotesynth · remotesynth · commit b481c0ed22f6 · 2025-07-02T07:56:05.000-04:00
diff --git a/src/components/feature-coverage/FeatureCoverage.tsx b/src/components/feature-coverage/FeatureCoverage.tsx
@@ -225,7 +225,7 @@ export default function PersistenceCoverage({ service }: { service: string }) {
         <button
           className="px-3 py-1 border rounded disabled:opacity-50"
           style={{
-            color:  '#707385',
+            color:  'var(--sl-color-gray-1)',
             fontFamily: 'AeonikFono',
             fontSize: '14px',
             fontStyle: 'normal',
@@ -245,7 +245,7 @@ export default function PersistenceCoverage({ service }: { service: string }) {
         <button
           className="px-3 py-1 border rounded disabled:opacity-50"
           style={{
-            color:  '#707385',
+            color:  'var(--sl-color-gray-1)',
             fontFamily: 'AeonikFono',
             fontSize: '14px',
             fontStyle: 'normal',
diff --git a/src/components/persistence-coverage/PersistenceCoverage.tsx b/src/components/persistence-coverage/PersistenceCoverage.tsx
@@ -292,7 +292,7 @@ export default function PersistenceCoverage() {
         <button
           className="px-3 py-1 border rounded disabled:opacity-50"
           style={{
-            color: '#707385',
+            color: 'var(--sl-color-gray-1)',
             fontFamily: 'AeonikFono',
             fontSize: '14px',
             fontStyle: 'normal',
@@ -312,7 +312,7 @@ export default function PersistenceCoverage() {
         <button
           className="px-3 py-1 border rounded disabled:opacity-50"
           style={{
-            color: '#707385',
+            color: 'var(--sl-color-gray-1)',
             fontFamily: 'AeonikFono',
             fontSize: '14px',
             fontStyle: 'normal',
