diff --git a/packages/client/src/components/chart.vue b/packages/client/src/components/chart.vue
index ced0d481c..5c451c6a4 100644
--- a/packages/client/src/components/chart.vue
+++ b/packages/client/src/components/chart.vue
@@ -64,12 +64,12 @@ const alpha = (hex, a) => {
 };
 
 const colors = {
-	blue: '#008FFB',
-	green: '#00E396',
-	yellow: '#FEB019',
-	red: '#FF4560',
-	purple: '#e300db',
-	orange: '#fe6919',
+	blue: '##96CCE7',
+	green: '#B0E7CB',
+	yellow: '#E7E7B0',
+	red: '#FF9D9D',
+	purple: '#CECEFF',
+	orange: '#E7BA95',
 };
 const colorSets = [colors.blue, colors.green, colors.yellow, colors.red, colors.purple];
 const getColor = (i) => {
diff --git a/packages/client/src/components/remote-caution.vue b/packages/client/src/components/remote-caution.vue
index aa623f0fb..70019da7d 100644
--- a/packages/client/src/components/remote-caution.vue
+++ b/packages/client/src/components/remote-caution.vue
@@ -12,12 +12,18 @@ defineProps<{
 .jmgmzlwq {
 	font-size: 0.8em;
 	padding: 16px;
-	background: var(--infoWarnBg);
-	color: var(--infoWarnFg);
+	background: none;
+	border: solid 2px #E7E7B0;
+	color: #E7E7B0;
 
 	> a {
 		margin-left: 4px;
 		color: var(--accent);
+
+     &:hover{
+		 text-shadow: -6px 0px 15px rgba(150, 204, 231, 0.83),
+                  6px 0px 15px rgba(150, 204, 231, 0.83);
+		}
 	}
 }
 </style>