From 745e5e3a09059b13d6e534b5e55f62b33b97122e Mon Sep 17 00:00:00 2001
From: Mikayla Maki <mikayla.c.maki@gmail.com>
Date: Wed, 19 Apr 2023 13:54:43 -0700
Subject: [PATCH] Add italic styles to copilot suggestions

---
 styles/src/styleTree/editor.ts     | 4 +---
 styles/src/themes/common/syntax.ts | 1 +
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/styles/src/styleTree/editor.ts b/styles/src/styleTree/editor.ts
index 0c2435ed5a..84ef51406e 100644
--- a/styles/src/styleTree/editor.ts
+++ b/styles/src/styleTree/editor.ts
@@ -44,9 +44,7 @@ export default function editor(colorScheme: ColorScheme) {
         activeLineBackground: withOpacity(background(layer, "on"), 0.75),
         highlightedLineBackground: background(layer, "on"),
         // Inline autocomplete suggestions, Co-pilot suggestions, etc.
-        suggestion: {
-            color: syntax.predictive.color,
-        },
+        suggestion: syntax.predictive,
         codeActions: {
             indicator: {
                 color: foreground(layer, "variant"),
diff --git a/styles/src/themes/common/syntax.ts b/styles/src/themes/common/syntax.ts
index 50c3e4e3b7..925ed7e5c1 100644
--- a/styles/src/themes/common/syntax.ts
+++ b/styles/src/themes/common/syntax.ts
@@ -181,6 +181,7 @@ function buildDefaultSyntax(colorScheme: ColorScheme): Syntax {
         },
         predictive: {
             color: color.predictive,
+            italic: true,
         },
         emphasis: {
             color: color.emphasis,