OpenSource/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor custom color code

Browse Source
This commit is contained in:
shamoon 2023-07-25 10:32:30 -07:00
parent b7ea220118
commit c20b8f3877
1 changed files with 10 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/resolvedicon.jsx
View File

@ -36,21 +36,17 @@ export default function ResolvedIcon({ icon, width = 32, height = 32, alt = "log
const prefix = icon.split("-")[0]; const prefix = icon.split("-")[0];
if (prefix in iconSetURLs) { if (prefix in iconSetURLs) {
// check whether icon ends with color code // default to theme setting
let iconName; let iconName = icon.replace(`${prefix}-`, "").replace(".svg", "");
let iconColor; let iconColor = settings.iconStyle === "theme" ?
const suffix = icon.split("-")[icon.split("-").length - 1]; `rgb(var(--color-${ theme === "dark" ? 300 : 900 }) / var(--tw-text-opacity, 1))` :
"linear-gradient(180deg, rgb(var(--color-logo-start)), rgb(var(--color-logo-stop)))";
if (!(suffix.match(`[#][a-fA-F0-9][a-fA-F0-9][a-fA-F0-9][a-fA-F0-9][a-fA-F0-9][a-fA-F0-9]`) == null)) { // use custom hex color if provided
// set custom color code const colorMatches = icon.match(/[#][a-f0-9][a-f0-9][a-f0-9][a-f0-9][a-f0-9][a-f0-9]$/i)
iconName = icon.replace(`${prefix}-`, "").replace(".svg", "").replace(`-${suffix}`, ""); if (colorMatches?.length) {
iconColor = `${suffix}`; iconName = icon.replace(`${prefix}-`, "").replace(".svg", "").replace(`-${colorMatches[0]}`, "");
} else { iconColor = `${colorMatches[0]}`;
// default to theme setting if no custom icon color code is provided
iconName = icon.replace(`${prefix}-`, "").replace(".svg", "");
iconColor = settings.iconStyle === "theme" ?
`rgb(var(--color-${ theme === "dark" ? 300 : 900 }) / var(--tw-text-opacity, 1))` :
"linear-gradient(180deg, rgb(var(--color-logo-start)), rgb(var(--color-logo-stop)))";
} }
const iconSource = `${iconSetURLs[prefix]}${iconName}.svg`; const iconSource = `${iconSetURLs[prefix]}${iconName}.svg`;