From 8bf9e62a8ef06f7d5237b2b4dc22fbb438d19bf6 Mon Sep 17 00:00:00 2001
From: ArtemDzhereleiko <adzhereleiko@thingsboard.io>
Date: Thu, 18 Dec 2025 17:44:23 +0200
Subject: [PATCH 1/2] UI: Fixed action color and add new style for table
 timewindow

---
 ui-ngx/src/assets/dashboard/api_usage.json | 23 +++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/ui-ngx/src/assets/dashboard/api_usage.json b/ui-ngx/src/assets/dashboard/api_usage.json
index cad63bd3e0..f4d5892f61 100644
--- a/ui-ngx/src/assets/dashboard/api_usage.json
+++ b/ui-ngx/src/assets/dashboard/api_usage.json
@@ -121,7 +121,24 @@
                     "noDataDisplayMessage": "",
                     "configMode": "basic",
                     "borderRadius": "12px",
-                    "titleColor": "rgba(0, 0, 0, 0.54)"
+                    "titleColor": "rgba(0, 0, 0, 0.54)",
+                    "timewindowStyle": {
+                        "showIcon": false,
+                        "iconSize": "24px",
+                        "icon": "query_builder",
+                        "iconPosition": "left",
+                        "font": {
+                            "size": 12,
+                            "sizeUnit": "px",
+                            "family": "Roboto",
+                            "weight": "400",
+                            "style": "normal",
+                            "lineHeight": "16px"
+                        },
+                        "color": "rgba(0, 0, 0, 0.38)",
+                        "displayTypePrefix": true
+                    },
+                    "titleFont": null
                 },
                 "id": "a669cf86-e715-efa4-dd9a-b839abf499e9",
                 "typeFullFqn": "system.cards.timeseries_table"
@@ -4519,7 +4536,7 @@
                                 "name": "{i18n:api-usage.view-statistics}",
                                 "buttonType": "icon",
                                 "icon": "show_chart",
-                                "buttonColor": "rgba(0, 0, 0, 0.87)",
+                                "buttonColor": "rgba(0, 0, 0, 0.54)",
                                 "customButtonStyle": {},
                                 "useShowWidgetActionFunction": null,
                                 "showWidgetActionFunction": "return true;",
@@ -4955,7 +4972,7 @@
                                 "name": "{i18n:api-usage.view-statistics}",
                                 "buttonType": "icon",
                                 "icon": "show_chart",
-                                "buttonColor": "rgba(0, 0, 0, 0.87)",
+                                "buttonColor": "rgba(0, 0, 0, 0.54)",
                                 "customButtonStyle": {},
                                 "useShowWidgetActionFunction": null,
                                 "showWidgetActionFunction": "return true;",

From 8bc4d462b8b3f2b8d9c2361f060d23ad83dc315e Mon Sep 17 00:00:00 2001
From: ArtemDzhereleiko <adzhereleiko@thingsboard.io>
Date: Thu, 18 Dec 2025 17:51:51 +0200
Subject: [PATCH 2/2] UI: Add title style

---
 ui-ngx/src/assets/dashboard/api_usage.json | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/ui-ngx/src/assets/dashboard/api_usage.json b/ui-ngx/src/assets/dashboard/api_usage.json
index f4d5892f61..226c570753 100644
--- a/ui-ngx/src/assets/dashboard/api_usage.json
+++ b/ui-ngx/src/assets/dashboard/api_usage.json
@@ -138,7 +138,14 @@
                         "color": "rgba(0, 0, 0, 0.38)",
                         "displayTypePrefix": true
                     },
-                    "titleFont": null
+                    "titleFont": {
+                        "size": 14,
+                        "sizeUnit": "px",
+                        "family": "Roboto",
+                        "weight": "500",
+                        "style": "normal",
+                        "lineHeight": "20px"
+                    }
                 },
                 "id": "a669cf86-e715-efa4-dd9a-b839abf499e9",
                 "typeFullFqn": "system.cards.timeseries_table"