From adc84a7054c98eb2297fb431a460a3e9a3ad4e7d Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Wed, 28 May 2025 11:13:00 -0500
Subject: [PATCH] Improve color associations, add a few more types

---
 app/assets/stylesheets/rich-text-content.css | 30 +++++++++++++++-----
 1 file changed, 23 insertions(+), 7 deletions(-)

diff --git a/app/assets/stylesheets/rich-text-content.css b/app/assets/stylesheets/rich-text-content.css
index 512824a51..18434bda5 100644
--- a/app/assets/stylesheets/rich-text-content.css
+++ b/app/assets/stylesheets/rich-text-content.css
@@ -147,10 +147,14 @@
       }
 
       .attachment--psd &,
+      .attachment--key &,
+      .attachment--sketch &,
       .attachment--ai &,
       .attachment--eps &,
       .attachment--indd &,
-      .attachment--svg & {
+      .attachment--svg &,
+      .attachment--ppt &,
+      .attachment--pptx & {
         color: oklch(var(--lch-red-dark));
         background-color: oklch(var(--lch-red-lightest));
         border-color: oklch(var(--lch-red-medium));
@@ -160,7 +164,9 @@
         }
       }
 
-      .attachment--css &
+      .attachment--css &,
+      .attachment--php &,
+      .attachment--json &,
       .attachment--htm &,
       .attachment--html &,
       .attachment--rb &,
@@ -177,14 +183,11 @@
       }
 
       .attachment--txt &,
+      .attachment--pages &,
       .attachment--rtf &,
       .attachment--md &,
       .attachment--doc &,
-      .attachment--docx &,
-      .attachment--xls &,
-      .attachment--xlsx &,
-      .attachment--ppt &,
-      .attachment--pptx & {
+      .attachment--docx & {
         color: oklch(var(--lch-blue-dark));
         background-color: oklch(var(--lch-blue-lightest));
         border-color: oklch(var(--lch-blue-medium));
@@ -193,6 +196,19 @@
           background-color: oklch(var(--lch-blue-medium));
         }
       }
+
+      .attachment--csv &,
+      .attachment--numbers &,
+      .attachment--xls &,
+      .attachment--xlsx & {
+        color: oklch(var(--lch-green-dark));
+        background-color: oklch(var(--lch-green-lightest));
+        border-color: oklch(var(--lch-green-medium));
+
+        &::before {
+          background-color: oklch(var(--lch-green-medium));
+        }
+      }
     }
 
     .attachment__link {