From f8aa2db39df2af78a59fd0cd6f7dbc18af567e2c Mon Sep 17 00:00:00 2001
From: Alexandr Garbuzov <qwerty541zxc@gmail.com>
Date: Mon, 23 Oct 2023 12:22:18 +0300
Subject: [PATCH] ci(theme preview): allow gradient themes (#3400)

---
 scripts/preview-theme.js | 12 +++++++++---
 src/common/utils.js      |  2 +-
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/scripts/preview-theme.js b/scripts/preview-theme.js
index 141f7e3..3137aba 100644
--- a/scripts/preview-theme.js
+++ b/scripts/preview-theme.js
@@ -12,7 +12,7 @@ import Hjson from "hjson";
 import snakeCase from "lodash.snakecase";
 import parse from "parse-diff";
 import { inspect } from "util";
-import { isValidHexColor } from "../src/common/utils.js";
+import { isValidHexColor, isValidGradient } from "../src/common/utils.js";
 import { themes } from "../themes/index.js";
 import { getGithubToken, getRepoInfo } from "./helpers.js";
 
@@ -42,7 +42,7 @@ const COLOR_PROPS = {
   title_color: 6,
   icon_color: 6,
   text_color: 6,
-  bg_color: 8,
+  bg_color: 23,
   border_color: 6,
 };
 const ACCEPTED_COLOR_PROPS = Object.keys(COLOR_PROPS);
@@ -499,7 +499,13 @@ export const run = async () => {
                 `Theme color property \`${colorKey}\` can not be longer than \`${COLOR_PROPS[colorKey]}\` characters`,
               );
               invalidColors = true;
-            } else if (!isValidHexColor(colorValue)) {
+            } else if (
+              !isValidHexColor(colorValue) ||
+              !(
+                colorKey === "bg_color" &&
+                isValidGradient(colorValue.split(","))
+              )
+            ) {
               errors.push(
                 `Theme color property \`${colorKey}\` is not a valid hex color: <code>#${colorValue}</code>`,
               );
diff --git a/src/common/utils.js b/src/common/utils.js
index 4fb473e..8fefe38 100644
--- a/src/common/utils.js
+++ b/src/common/utils.js
@@ -245,7 +245,7 @@ const clampValue = (number, min, max) => {
  * @returns {boolean} True if the given string is a valid gradient.
  */
 const isValidGradient = (colors) => {
-  return isValidHexColor(colors[1]) && isValidHexColor(colors[2]);
+  return colors.slice(1).every((color) => isValidHexColor(color));
 };
 
 /**