diff --git a/src/utils/utilities.ts b/src/utils/utilities.ts
index 04e7b783..1e68f9c6 100644
--- a/src/utils/utilities.ts
+++ b/src/utils/utilities.ts
@@ -654,6 +654,17 @@ export function getPathValue<T, P extends Path<T>>(obj: T, path: P): PathValue<T
 
 	return value as PathValue<T, P>;
 }
+export type ModifyElementAction = "add" | "remove";
+export type ElementClassPair = { className: string; selector: string };
+export function modifyElementClassList(action: ModifyElementAction, elementPair: ElementClassPair) {
+	const { className, selector } = elementPair;
+	const element = document.querySelector<HTMLElement>(selector);
+	if (!element) return;
+	element.classList[action](className);
+}
+export function modifyElementsClassList(action: ModifyElementAction, elements: ElementClassPair[]) {
+	elements.forEach((element) => modifyElementClassList(action, element));
+}
 export function findKeyByValue(value: Exclude<AllButtonNames, SingleButtonFeatureNames>) {
 	for (const [key, values] of featureToMultiButtonsMap.entries()) {
 		if (values.includes(value)) {