From 1974be0e476d92eb4c84e73de2c0c0a717db114f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=89=8D=E8=BF=9B!?=
 <92249100+ddzzkunye@users.noreply.github.com>
Date: Tue, 20 Feb 2024 07:01:38 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=99=E8=AF=AD=E8=A8=80=E9=80=89=E6=8B=A9?=
 =?UTF-8?q?=E5=8A=A0=E4=B8=80=E4=B8=AA=E5=A4=A7=E8=80=8C=E7=BE=8E=E7=9A=84?=
 =?UTF-8?q?=E8=BE=B9=E6=A1=86=20(#16)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 前进! <92249100+ddzzkunye@users.noreply.github.com>
---
 themes/2345lgbt/assets/_variables.scss                 | 1 +
 themes/2345lgbt/assets/styles/header/translations.scss | 8 ++++++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/themes/2345lgbt/assets/_variables.scss b/themes/2345lgbt/assets/_variables.scss
index 1ba1ccd..c29a70c 100644
--- a/themes/2345lgbt/assets/_variables.scss
+++ b/themes/2345lgbt/assets/_variables.scss
@@ -1,4 +1,5 @@
 $padding-1: 0.0625rem;
+$padding-translations: 0.1875rem;
 $border-radius: var(--border-radius);
 $link-active: #3287ff;
 $link-inactive: #000;
diff --git a/themes/2345lgbt/assets/styles/header/translations.scss b/themes/2345lgbt/assets/styles/header/translations.scss
index 90e3745..5d1fd31 100644
--- a/themes/2345lgbt/assets/styles/header/translations.scss
+++ b/themes/2345lgbt/assets/styles/header/translations.scss
@@ -61,9 +61,13 @@ $padding: 0.5em;
   text-align: left;
 
   color: #49454f;
-  border: $padding-1 solid #79747e;
+  border: $padding-translations solid transparent;
+  // The lower three rows realize the gradient border, reference https://segmentfault.com/a/1190000040794056
+  background-clip: padding-box, border-box;
+  background-origin: padding-box, border-box;
+  background-image: linear-gradient(to right, #fff, #fff), linear-gradient(135deg, #E4A8CA 20%, #2D8AFB 20%); 
+  //gravity uses the color of the logo using hard side gradients at the same angle
   border-radius: 1em;
-  background: transparent;
   &::before {
     position: absolute;
     left: 1em;