From f4addca67a13a286c2ccf3af470464bc0b9b92e5 Mon Sep 17 00:00:00 2001
From: Isabel <71222764+isabelroses@users.noreply.github.com>
Date: Sat, 22 Jul 2023 14:57:08 +0100
Subject: [PATCH] fix: deepl (#104)

closes https://github.com/catppuccin/userstyles/issues/88
---
 styles/deepl/catppuccin.user.css | 33 +++++++++++++++++++++++++++-----
 1 file changed, 28 insertions(+), 5 deletions(-)

diff --git a/styles/deepl/catppuccin.user.css b/styles/deepl/catppuccin.user.css
index 3c0c969..7cab395 100644
--- a/styles/deepl/catppuccin.user.css
+++ b/styles/deepl/catppuccin.user.css
@@ -2,7 +2,7 @@
 @name           DeepL Catppuccin
 @namespace      github.com/catppuccin/userstyles/styles/deepl
 @homepageURL    https://github.com/catppuccin/userstyles/tree/main/styles/deepl
-@version        0.2.1
+@version        0.2.2
 @description    Soothing pastel theme for DeepL
 @author         Catppuccin
 @updateURL      https://github.com/catppuccin/userstyles/raw/main/styles/deepl/catppuccin.user.css
@@ -170,6 +170,17 @@
 
     @accent2: mix(@accent-Color, @text, 60%);
 
+    /* text highlight */
+    ::selection {
+      background: fadeout(@accent-Color, 80%) !important;
+      color: @text !important;
+    }
+
+    ::-moz-selection {
+      background: fadeout(@accent-Color, 80%) !important;
+      color: @text !important;
+    }
+
     .dl_body {
       color: @subtext1;
     }
@@ -442,6 +453,18 @@
       }
     }
 
+    /* new popup */
+    .root--Frqwa {
+      background-color: @surface0;
+    }
+    .selected--bDLH4 {
+      background-color: @surface1;
+    }
+    .divider--v710V {
+      color: @surface2;
+    }
+
+
     .dl_body--redesign .lmt--web .lmt__source_textarea__length_marker {
       color: @subtext0;
     }
@@ -537,7 +560,7 @@
     .lmt__toolbar_container,
     [data-testid="deepl-ui-tooltip-container"] {
       span > button:hover {
-        background-color: fadeout(@text, 15%) !important;
+        background-color: @surface0 !important;
       }
     }
 
@@ -846,7 +869,7 @@
           color: @crust;
         }
       }
-    } /////
+    }
     & when (@lookup ="latte") {
       #dl_menu_logo img,
       #dl_menu_translator_simplified img,
@@ -857,7 +880,7 @@
       [class^="socialMediaContainer--"] a > img {
         filter: invert(100%) hue-rotate(180deg);
       }
-    } /////
+    }
     // options
     & when (@quotes =1) {
       #dl_quotes_container {
@@ -953,4 +976,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}