feat: Apply color to entire list instead of card bottoms

2026-02-08 00:06:32 +01:00
parent f8cd7474d1
commit aa3ebd5add
4 changed files with 46 additions and 22 deletions
@@ -201,6 +201,7 @@ const List = React.memo(({ id, index }) => {
            className={classNames(
              styles.outerWrapper,
              isFavoritesActive && styles.outerWrapperWithFavorites,
+              list.color && globalStyles[`background${upperFirst(camelCase(list.color))}Soft`],
            )}
            onTransitionEnd={handleWrapperTransitionEnd}
          >
@@ -261,7 +262,11 @@ const List = React.memo(({ id, index }) => {
                <button
                  type="button"
                  disabled={!list.isPersisted}
-                  className={styles.addCardButton}
+                  className={classNames(
+                    styles.addCardButton,
+                    list.color &&
+                      globalStyles[`background${upperFirst(camelCase(list.color))}Soft`],
+                  )}
                  onClick={handleAddCardClick}
                >
                  <PlusMathIcon className={styles.addCardButtonIcon} />