From 986ba05fa53ab9c8929778d0d08da3e3b59d3028 Mon Sep 17 00:00:00 2001
From: heaven <vojochatdev@gmail.com>
Date: Thu, 4 Jun 2026 12:26:49 +0300
Subject: [PATCH] style: point code blocks, device timestamps and AI chat
 metadata at the shared mono token

---
 src/app/features/bots/AiChatPrivacy.css.ts       | 2 +-
 src/app/features/bots/BotConversations.css.ts    | 1 +
 src/app/features/settings/devices/DeviceTile.tsx | 4 ++--
 src/app/styles/CustomHtml.css.ts                 | 2 +-
 4 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/app/features/bots/AiChatPrivacy.css.ts b/src/app/features/bots/AiChatPrivacy.css.ts
index dae42eb4..875dc84c 100644
--- a/src/app/features/bots/AiChatPrivacy.css.ts
+++ b/src/app/features/bots/AiChatPrivacy.css.ts
@@ -152,7 +152,7 @@ export const LinkProvider = style({
 
 export const LinkUrl = style({
   fontSize: toRem(12),
-  fontFamily: 'ui-monospace, "JetBrains Mono", "SF Mono", monospace',
+  fontFamily: 'var(--font-mono)',
   color: color.Primary.Main,
   wordBreak: 'break-all',
   selectors: {
diff --git a/src/app/features/bots/BotConversations.css.ts b/src/app/features/bots/BotConversations.css.ts
index b0cea505..794b18dd 100644
--- a/src/app/features/bots/BotConversations.css.ts
+++ b/src/app/features/bots/BotConversations.css.ts
@@ -201,6 +201,7 @@ export const RowTitle = style({
 export const RowTime = style({
   color: color.SurfaceVariant.OnContainer,
   opacity: 0.6,
+  fontFamily: 'var(--font-mono)',
   fontVariantNumeric: 'tabular-nums',
 });
 
diff --git a/src/app/features/settings/devices/DeviceTile.tsx b/src/app/features/settings/devices/DeviceTile.tsx
index 05087a97..cc469b7a 100644
--- a/src/app/features/settings/devices/DeviceTile.tsx
+++ b/src/app/features/settings/devices/DeviceTile.tsx
@@ -50,11 +50,11 @@ function DeviceActiveTime({ ts }: { ts: number }) {
       <Text size="Inherit" as="span" priority="300">
         {t('Settings.last_activity')}
       </Text>
-      <>
+      <span className={Mono}>
         {today(ts) && t('Settings.today')}
         {yesterday(ts) && t('Settings.yesterday')}
         {!today(ts) && !yesterday(ts) && timeDayMonYear(ts)} {timeHourMinute(ts)}
-      </>
+      </span>
     </Text>
   );
 }
diff --git a/src/app/styles/CustomHtml.css.ts b/src/app/styles/CustomHtml.css.ts
index 6e27a4bf..47db6e0b 100644
--- a/src/app/styles/CustomHtml.css.ts
+++ b/src/app/styles/CustomHtml.css.ts
@@ -48,7 +48,7 @@ const BaseCode = style({
   borderRadius: config.radii.R300,
 });
 const CodeFont = style({
-  fontFamily: 'monospace',
+  fontFamily: 'var(--font-mono)',
 });
 
 export const Code = style([