АРХ - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: фундамент редизайна и фиксация UI-техдолга

plane-src/packages/propel/src/button/helper.tsx

@@ -13,7 +13,7 @@ export const buttonVariants = cva(
     variants: {
       variant: {
         primary:
-          "bg-accent-primary text-on-color hover:bg-accent-primary-hover active:bg-accent-primary-active disabled:bg-layer-disabled disabled:text-on-color-disabled",
+          "bg-accent-primary text-[rgb(var(--nodedc-on-accent-rgb))] hover:bg-accent-primary-hover active:bg-accent-primary-active disabled:bg-layer-disabled disabled:text-on-color-disabled",
         "error-fill":
           "bg-danger-primary text-on-color hover:bg-danger-primary-hover active:bg-danger-primary-active disabled:bg-layer-disabled disabled:text-disabled",
         "error-outline":

plane-src/packages/propel/src/icon-button/helper.tsx

@@ -14,7 +14,7 @@ export const iconButtonVariants = cva(
     variants: {
       variant: {
         primary:
-          "bg-accent-primary text-on-color hover:bg-accent-primary-hover focus:bg-accent-primary-active active:bg-accent-primary-active disabled:bg-layer-disabled disabled:text-on-color-disabled",
+          "bg-accent-primary text-[rgb(var(--nodedc-on-accent-rgb))] hover:bg-accent-primary-hover focus:bg-accent-primary-active active:bg-accent-primary-active disabled:bg-layer-disabled disabled:text-on-color-disabled",
         "error-fill":
           "bg-danger-primary text-on-color hover:bg-danger-primary-hover focus:bg-danger-primary-active active:bg-danger-primary-active disabled:bg-layer-disabled disabled:text-disabled",
         "error-outline":

plane-src/packages/propel/src/toolbar/toolbar.tsx

@@ -130,7 +130,8 @@ const ToolbarSeparator = React.forwardRef(function ToolbarSeparator(
 });
 
 const buttonVariants = {
-  primary: "bg-accent-primary text-on-color hover:bg-accent-primary/80 focus:bg-accent-primary/80",
+  primary:
+    "bg-accent-primary text-[rgb(var(--nodedc-on-accent-rgb))] hover:bg-accent-primary-hover focus:bg-accent-primary-active",
   secondary: "bg-surface-1 text-secondary border border-subtle hover:bg-surface-2 focus:bg-surface-2",
   outline:
     "border border-accent-strong text-accent-primary bg-transparent hover:bg-accent-primary/10 focus:bg-accent-primary/20",

plane-src/packages/ui/src/button/helper.tsx

@@ -44,9 +44,9 @@ enum buttonIconStyling {
 
 export const buttonStyling: IButtonStyling = {
   primary: {
-    default: `text-on-color bg-accent-primary`,
-    hover: `hover:bg-accent-primary/80`,
-    pressed: `focus:text-custom-brand-40 focus:bg-accent-primary/80`,
+    default: `text-[rgb(var(--nodedc-on-accent-rgb))] bg-accent-primary`,
+    hover: `hover:bg-accent-primary-hover`,
+    pressed: `focus:bg-accent-primary-active`,
     disabled: `cursor-not-allowed !bg-layer-1 !text-on-color-disabled`,
   },
   "accent-primary": {