diff --git a/.stylelintrc.json b/.stylelintrc.json
index f39e410783..bde6c4db4f 100644
--- a/.stylelintrc.json
+++ b/.stylelintrc.json
@@ -20,6 +20,7 @@
 		"block-opening-brace-newline-after": "always-multi-line",
 		"alpha-value-notation": "number",
 		"selector-class-pattern": null,
-		"declaration-block-no-redundant-longhand-properties": null
+		"declaration-block-no-redundant-longhand-properties": null,
+		"color-function-notation": null
 	}
 }
diff --git a/app/src/components/v-menu/v-menu.vue b/app/src/components/v-menu/v-menu.vue
index 84c13bbf06..abdfe3448d 100644
--- a/app/src/components/v-menu/v-menu.vue
+++ b/app/src/components/v-menu/v-menu.vue
@@ -389,7 +389,7 @@ body {
 	background-color: var(--card-face-color);
 	border: none;
 	border-radius: var(--border-radius);
-	box-shadow: 0px 0px 6px 0px rgb(var(--card-shadow-color) 0.2), 0px 0px 12px 2px rgb(var(--card-shadow-color) 0.05);
+	box-shadow: 0px 0px 6px 0px rgb(var(--card-shadow-color), 0.2), 0px 0px 12px 2px rgb(var(--card-shadow-color), 0.05);
 	transition-timing-function: var(--transition-out);
 	transition-duration: var(--fast);
 	transition-property: opacity, transform;
diff --git a/app/src/interfaces/list-o2m-tree-view/nested-draggable.vue b/app/src/interfaces/list-o2m-tree-view/nested-draggable.vue
index dbd13ece07..26a620a366 100644
--- a/app/src/interfaces/list-o2m-tree-view/nested-draggable.vue
+++ b/app/src/interfaces/list-o2m-tree-view/nested-draggable.vue
@@ -168,7 +168,7 @@ export default defineComponent({
 		padding: 12px;
 		background-color: var(--card-face-color);
 		border-radius: var(--border-radius);
-		box-shadow: 0px 0px 6px 0px rgb(var(--card-shadow-color) 0.2);
+		box-shadow: 0px 0px 6px 0px rgb(var(--card-shadow-color), 0.2);
 		cursor: grab;
 		transition: var(--fast) var(--transition);
 		transition-property: box-shadow, background-color;
diff --git a/app/src/views/private/components/comments-sidebar-detail/comment-input.vue b/app/src/views/private/components/comments-sidebar-detail/comment-input.vue
index 3d57a25262..10c9c57a85 100644
--- a/app/src/views/private/components/comments-sidebar-detail/comment-input.vue
+++ b/app/src/views/private/components/comments-sidebar-detail/comment-input.vue
@@ -100,7 +100,7 @@ export default defineComponent({
 	bottom: 36px;
 	left: 0;
 	height: 8px;
-	background: linear-gradient(180deg, rgb(var(--background-page-rgb) 0) 0%, rgb(var(--background-page-rgb) 1) 100%);
+	background: linear-gradient(180deg, rgb(var(--background-page-rgb), 0) 0%, rgb(var(--background-page-rgb), 1) 100%);
 	content: '';
 }
 
diff --git a/app/src/views/private/components/comments-sidebar-detail/comment-item.vue b/app/src/views/private/components/comments-sidebar-detail/comment-item.vue
index 3c9c1d62f9..ceffa6e7ba 100644
--- a/app/src/views/private/components/comments-sidebar-detail/comment-item.vue
+++ b/app/src/views/private/components/comments-sidebar-detail/comment-item.vue
@@ -160,9 +160,9 @@ export default defineComponent({
 	height: 40px;
 	background: linear-gradient(
 		180deg,
-		rgb(var(--background-page-rgb) 0) 0%,
-		rgb(var(--background-page-rgb) 0.8) 25%,
-		rgb(var(--background-page-rgb) 1) 100%
+		rgb(var(--background-page-rgb), 0) 0%,
+		rgb(var(--background-page-rgb), 0.8) 25%,
+		rgb(var(--background-page-rgb), 1) 100%
 	);
 	content: '';
 }