Quick fix for dark mode button colors

Author: remotesynth

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',

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',