fix: slight color adjustments

source/components/style/mixin/property.pcss

@@ -81,15 +81,15 @@
 @define-mixin defaultColorProperty {
 
     /** PRIMARY */
-    --monster-color-primary-1: var(--monster-color-cinnamon-6);
-    --monster-color-primary-2: var(--monster-color-cinnamon-6);
+    --monster-color-primary-1: var(--monster-color-gray-6);
+    --monster-color-primary-2: var(--monster-color-gray-6);
     --monster-color-primary-3: var(--monster-color-cinnamon-1);
     --monster-color-primary-4: var(--monster-color-cinnamon-1);
 
-    --monster-bg-color-primary-1: var(--monster-color-cinnamon-1);
-    --monster-bg-color-primary-2: var(--monster-color-cinnamon-2);
-    --monster-bg-color-primary-3: var(--monster-color-cinnamon-3);
-    --monster-bg-color-primary-4: var(--monster-color-cinnamon-6);
+    --monster-bg-color-primary-1: var(--monster-color-gray-1);
+    --monster-bg-color-primary-2: var(--monster-color-gray-2);
+    --monster-bg-color-primary-3: var(--monster-color-gray-6);
+    --monster-bg-color-primary-4: var(--monster-color-gray-4);
 
     @media (prefers-color-scheme: dark) {
         --monster-color-primary-1: var(--monster-color-gray-1);

source/components/stylesheet/mixin/property.mjs

 /**
- * Copyright © schukai GmbH and all contributing authors, {{copyRightYear}}. All rights reserved.
+ * Copyright © schukai GmbH and all contributing authors, 2024. All rights reserved.
  * Node module: @schukai/monster
  *
  * This source code is licensed under the GNU Affero General Public License version 3 (AGPLv3).
@@ -8,14 +8,12 @@
  * For those who do not wish to adhere to the AGPLv3, a commercial license is available.
  * Acquiring a commercial license allows you to use this software without complying with the AGPLv3 terms.
  * For more information about purchasing a commercial license, please contact schukai GmbH.
- *
- * SPDX-License-Identifier: AGPL-3.0
  */
 
 import {addAttributeToken} from "../../../dom/attributes.mjs";
 import {ATTRIBUTE_ERRORMESSAGE} from "../../../dom/constants.mjs";
 
-export { PropertyStyleSheet };
+export {PropertyStyleSheet}
 
 /**
  * @private
@@ -24,17 +22,10 @@ export { PropertyStyleSheet };
 const PropertyStyleSheet = new CSSStyleSheet();
 
 try {
-	PropertyStyleSheet.insertRule(
-		`
+  PropertyStyleSheet.insertRule(`
 @layer property { 
  
-}`,
-		0,
-	);
+}`, 0);
 } catch (e) {
-	addAttributeToken(
-		document.getRootNode().querySelector("html"),
-		ATTRIBUTE_ERRORMESSAGE,
-		e + "",
-	);
+  addAttributeToken(document.getRootNode().querySelector('html'), ATTRIBUTE_ERRORMESSAGE, e + "");
 }