From c985c50a1bd1175de44805aa16798d576de755a4 Mon Sep 17 00:00:00 2001
From: Emi Matchu <emi@matchu.dev>
Date: Fri, 11 Oct 2024 15:23:35 -0700
Subject: [PATCH] Add special styles for the placeholder option in select tags

Noticed this for the Rainbow Pool filters!
---
 app/assets/stylesheets/_layout.sass | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/app/assets/stylesheets/_layout.sass b/app/assets/stylesheets/_layout.sass
index f67dce5b..db012ecb 100644
--- a/app/assets/stylesheets/_layout.sass
+++ b/app/assets/stylesheets/_layout.sass
@@ -83,6 +83,15 @@ input[type=text], input[type=password], input[type=search], input[type=number],
   &:focus, &:active
     color: inherit
 
+select:has(option[value='']:checked)
+  color: #666
+
+option[value='']
+  color: #666
+
+option:not([value=''])
+  color: $text-color
+
 textarea
   font: inherit