From 9096e4b1f2a95626ef4e2515e64590923b317008 Mon Sep 17 00:00:00 2001
From: Jeder <jeder+git@jeder.pl>
Date: Tue, 22 Aug 2023 18:57:15 +0200
Subject: [PATCH] Make instance ticker more readable

---
 packages/client/src/components/MkInstanceTicker.vue | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/packages/client/src/components/MkInstanceTicker.vue b/packages/client/src/components/MkInstanceTicker.vue
index f627bafa3..d23ec39ef 100644
--- a/packages/client/src/components/MkInstanceTicker.vue
+++ b/packages/client/src/components/MkInstanceTicker.vue
@@ -45,7 +45,7 @@ const themeColor =
 	instance.themeColor ?? computedStyle.getPropertyValue("--bg");
 
 const bg = {
-	background: `linear-gradient(90deg, ${themeColor}, ${themeColor}55)`,
+	background: `${themeColor}B3`,
 };
 
 function getInstanceIcon(instance): string {
@@ -80,6 +80,7 @@ function getInstanceIcon(instance): string {
 
 	> .name {
 		display: none;
+		color: #fff;
 		margin-left: 4px;
 		font-size: 0.85em;
 		vertical-align: top;
@@ -87,10 +88,10 @@ function getInstanceIcon(instance): string {
 		text-overflow: ellipsis;
 		white-space: nowrap;
 		text-shadow:
-			-1px -1px 0 var(--bg),
-			1px -1px 0 var(--bg),
-			-1px 1px 0 var(--bg),
-			1px 1px 0 var(--bg);
+			-1px -1px 0 #000,
+			1px -1px 0 #000,
+			-1px 1px 0 #000,
+			1px 1px 0 #000;
 		.article > .main &,
 		.header > .body & {
 			display: unset;