fix: try fix

HerringtonDarkholme · HerringtonDarkholme · commit a7a41136f9df · 2025-03-13T13:57:11.000-04:00
diff --git a/website/src/catalog/RuleList.vue b/website/src/catalog/RuleList.vue
@@ -33,7 +33,7 @@ const ruleMetaData = computed(() => getRuleMetaData(props.filter, sortBy.value))
       />
       <label class="sort-by">
         Sort by:
-        <select class="select" v-model="sortBy">
+        <select v-model="sortBy">
           <option value="name">Name</option>
           <option value="lang">Lang</option>
           <option value="complexity">Complexity</option>
@@ -80,8 +80,9 @@ const ruleMetaData = computed(() => getRuleMetaData(props.filter, sortBy.value))
 </template>
 
 <style scoped>
-.select {
+option {
   background-color: var(--vp-c-bg);
+  color: var(--vp-c-text-1);
 }
 .rule-list-container {
   position: relative;
diff --git a/website/src/style.css b/website/src/style.css
@@ -43,8 +43,9 @@ table {
 input, textarea {
     -webkit-user-select: auto;
 }
-select {
+option {
   background-color: var(--vp-c-bg);
+  color: var(--vp-c-text-1);
 }
 
 /* revert the 'white-space' property for textarea elements on Safari */

Original file line number	Diff line number	Diff line change
`@@ -43,8 +43,9 @@ table {`
`43`	`43`	`input, textarea {`
`44`	`44`	`-webkit-user-select: auto;`
`45`	`45`	`}`
`46`		`-select {`
	`46`	`+option {`
`47`	`47`	`background-color: var(--vp-c-bg);`
	`48`	`+ color: var(--vp-c-text-1);`
`48`	`49`	`}`
`49`	`50`
`50`	`51`	`/* revert the 'white-space' property for textarea elements on Safari */`