diff --git a/ui/colors.palette b/ui/colors.palette
index 06ceac2..71081e0 100644
--- a/ui/colors.palette
+++ b/ui/colors.palette
@@ -671,6 +671,35 @@ statisticsChartLinePurple: #9f79e8; // represents purple color on statistical ch
 statisticsChartLineCyan: #40d0ca; // represents cyan color on statistical charts
 
 // kotatogram
+ktgTopBarBg: topBarBg; // Kotatogram: top bar background
+ktgTopBarNameFg: dialogsNameFg; // Kotatogram: top bar name text
+ktgTopBarStatusFg: windowSubTextFg; // Kotatogram: top bar status text
+ktgTopBarStatusFgActive: windowActiveTextFg; // Kotatogram: top bar online and typing status text
+
+ktgTopBarBackIconFg: boxTitleCloseFg; // Kotatogram: top bar back icon
+ktgTopBarBackIconFgOver: boxTitleCloseFgOver; // Kotatogram: top bar back icon with mouse over
+ktgTopBarBackIconBgRipple: windowBgOver; // Kotatogram: top bar back icon ripple effect
+
+ktgTopBarIconFg: menuIconFg; // Kotatogram: top bar icon (call, search, side panel, three dots)
+ktgTopBarIconFgOver: menuIconFgOver; // Kotatogram: top bar icon (call, search, side panel, three dots) with mouse over
+ktgTopBarIconFgActive: windowActiveTextFg; // Kotatogram: active top bar icon (call, search, side panel, three dots)
+ktgTopBarIconBgRipple: windowBgOver; // Kotatogram: top bar icon (call, search, side panel, three dots) ripple effect
+ktgTopBarIconBgActiveRipple: lightButtonBgOver; // Kotatogram: active top bar icon (call, search, side panel, three dots) ripple effect
+
+ktgTopBarActiveButtonFg: activeButtonFg; // Kotatogram: top bar active button text
+ktgTopBarActiveButtonFgOver: activeButtonFgOver; // Kotatogram: top bar active button text with mouse over
+ktgTopBarActiveButtonSecondaryFg: activeButtonSecondaryFg; // Kotatogram: top bar active button numbers text
+ktgTopBarActiveButtonSecondaryFgOver: activeButtonSecondaryFgOver; // Kotatogram: top bar active button numbers text with mouse over
+ktgTopBarActiveButtonBg: activeButtonBg; // Kotatogram: top bar active button background
+ktgTopBarActiveButtonBgOver: activeButtonBgOver; // Kotatogram: top bar active button background with mouse over
+ktgTopBarActiveButtonBgRipple: activeButtonBgRipple; // Kotatogram: top bar active button ripple effect
+
+ktgTopBarClearButtonFg: lightButtonFg; // Kotatogram: top bar clear button text
+ktgTopBarClearButtonFgOver: lightButtonFgOver; // Kotatogram: top bar clear button text with mouse over
+ktgTopBarClearButtonBg: lightButtonBg; // Kotatogram: top bar clear button background
+ktgTopBarClearButtonBgOver: lightButtonBgOver; // Kotatogram: top bar clear button background with mouse over
+ktgTopBarClearButtonBgRipple: lightButtonBgRipple; // Kotatogram: top bar clear button ripple effect
+
 ktgMessageNameIconFg: historyPeer4NameFg; // Kotatogram: icon near sender name in a message (obsolete)
 ktgMessageNameIconFgSelected: ktgMessageNameIconFg; // Kotatogram: icon near sender name in a selected message (obsolete)