Datebox datetime(fluent theme) - update layout & colors (#25909)

Author: alexanderPolosatov

packages/devextreme/scss/widgets/fluent/dateBox/_index.scss

@@ -37,7 +37,7 @@
 }
 
 .dx-datebox-datetime-time-side {
-  background-color: $timeview-bg;
+  justify-content: flex-end;
 }
 
 .dx-datebox-wrapper-rollers.dx-datebox-wrapper-time .dx-popup-content {

packages/devextreme/scss/widgets/fluent/timeView/_colors.scss

@@ -3,12 +3,4 @@
 @use "../colors" as *;
 
 // adduse
-$clock-digits-color: null !default;
-
-@if $mode == "light" {
-  $clock-digits-color: color.change($base-text-color, $alpha: 0.54) !default;
-}
-
-@if $mode == "dark" {
-  $clock-digits-color: color.change($base-text-color, $alpha: 0.6) !default;
-}
+$clock-digits-color: $base-text-color !default;

packages/devextreme/scss/widgets/fluent/timeView/_index.scss

@@ -10,7 +10,7 @@
 
 // adduse
 
-@include clock-action-icons-mixin($base-accent, $base-bg, $clock-digits-color);
+@include clock-action-icons-mixin($base-inverted-bg, $typography-bg, $clock-digits-color);
 
 .dx-timeview {
   height: auto;