[TASK] Adjust colors for TYPO3 12

Resources/Private/Build/JavaScript/Backend/Diagram.js

@@ -13,7 +13,11 @@ const setDefaultChartColor = () => {
   }
 };
 
-setDefaultChartColor();
+const IS_TYPO3_12 = document.querySelector('.lux--12') !== null ? true : false;
+
+if (!IS_TYPO3_12) {
+  setDefaultChartColor();
+}
 
 Chart.register(...registerables);
 

Resources/Private/Sass/Modules.scss

@@ -19,6 +19,10 @@ hr {
     border-left: 0;
     border-right: 0;
     margin: 40px 0;
+
+    .lux--12 & {
+        --typo3-component-border-color: #dddddd;
+    }
 }
 
 label {
@@ -373,6 +377,14 @@ label {
     }
 }
 
+.lux--12 {
+
+    & .table-title,
+    & .table {
+        --typo3-component-border-color: #dddddd;
+    }
+}
+
 .lux-textarea {
     width: 100%;
     padding: 10px;
@@ -435,6 +447,10 @@ label {
                 display: none;
             }
         }
+
+        .lux--12 & {
+            --typo3-component-border-color: #dddddd;
+        }
     }
 
     .lux-trigger-conjunctionOR:before {

Resources/Private/Sass/PageOverview.scss

@@ -93,6 +93,14 @@
     }
 }
 
+.lux--12 {
+
+    & .table-title,
+    & .table {
+        --typo3-component-border-color: #dddddd;
+    }
+}
+
 .unitajax {
     position: relative;
     overflow: hidden;

Resources/Private/Sass/_Timeline.scss

@@ -141,6 +141,10 @@ $linewidth: 3px;
         content: '';
         display: block;
         position: absolute;
+
+        .lux--12 & {
+            background-color: var(--panel-bg);
+        }
       }
     }
   }