fix(datetimepicker): fix styles for m2 spec

ng-matero · Mar 31, 2024 · f6eac05 · f6eac05
1 parent 8adcc36
commit f6eac05
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/projects/extensions/datetimepicker/_datetimepicker-theme.scss b/projects/extensions/datetimepicker/_datetimepicker-theme.scss
@@ -20,6 +20,10 @@ $clock-font-size: 14px !default;
   $foreground: map.get($config, foreground);
   $disabled-color: theming.get-color-from-palette($foreground, disabled-text);
 
+  .mtx-datetimepicker-toggle {
+    color: theming.get-color-from-palette($foreground, icon);
+  }
+
   .mtx-datetimepicker-content {
     background-color: theming.get-color-from-palette($background, card);
     color: theming.get-color-from-palette($foreground, text);
@@ -165,7 +169,7 @@ $clock-font-size: 14px !default;
 
       &.mtx-time-ampm-active {
         color: theming.get-color-from-palette($foreground, text);
-        background-color: theming.get-color-from-palette($accent, .2);
+        background-color: theming.get-color-from-palette($primary, .2);
         font-weight: 500;
       }
     }

diff --git a/projects/extensions/datetimepicker/time.scss b/projects/extensions/datetimepicker/time.scss
@@ -1,5 +1,5 @@
 $time-font-size: 36px;
-$time-border-radius: 8px;
+$time-border-radius: 4px;
 $time-input-width: 72px;
 $time-input-height: 56px;
 $time-seperator-width: 24px;