diff --git a/src/common/utils.js b/src/common/utils.js
index 3e777317..1d16ef69 100644
--- a/src/common/utils.js
+++ b/src/common/utils.js
@@ -195,14 +195,22 @@ const flexLayout = ({ items, gap, direction, sizes = [] }) => {
  * Returns theme based colors with proper overrides and defaults.
  *
  * @param {Object} args Function arguments.
- * @param {string} args.title_color Card title color.
- * @param {string} args.text_color Card text color.
- * @param {string} args.icon_color Card icon color.
- * @param {string} args.bg_color Card background color.
- * @param {string} args.border_color Card border color.
- * @param {string} args.ring_color Card ring color.
- * @param {string} args.theme Card theme.
- * @param {string} args.fallbackTheme Fallback theme.
+ * @param {string=} args.title_color Card title color.
+ * @param {string=} args.text_color Card text color.
+ * @param {string=} args.icon_color Card icon color.
+ * @param {string=} args.bg_color Card background color.
+ * @param {string=} args.border_color Card border color.
+ * @param {string=} args.ring_color Card ring color.
+ * @param {string=} args.theme Card theme.
+ * @param {string=} args.fallbackTheme Fallback theme.
+ * @returns {{
+ *  titleColor: string | string[];
+ *  iconColor: string | string[];
+ *  textColor: string | string[];
+ *  bgColor: string | string[];
+ *  borderColor: string | string[];
+ *  ringColor: string | string[];
+ * }} Card colors.
  */
 const getCardColors = ({
   title_color,