diff --git a/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/_extensions.scss b/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/_extensions.scss index b873a944..0a5b7c99 100644 --- a/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/_extensions.scss +++ b/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/_extensions.scss @@ -99,6 +99,10 @@ img { } } +.p-divider.p-divider-horizontal { + margin: 0; +} + // Custom semantic classes @@ -179,6 +183,16 @@ img { } } +.p-checkbox:not(.p-checkbox-disabled) { + .p-checkbox-box { + &.p-highlight:hover { + .p-checkbox-icon { + color: $primaryColor + } + } + } +} + // Color of error messages in inputs ... .p-error { color: map-get($map: $colors, $key: grape); diff --git a/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/variables/_form.scss b/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/variables/_form.scss index 85624b0e..6ca55b92 100644 --- a/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/variables/_form.scss +++ b/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/variables/_form.scss @@ -197,7 +197,7 @@ $checkboxActiveHoverBg: $primaryDarkerColor; /// Icon color of a selected checkbox in hover state /// @group form -$checkboxIconActiveHoverColor: $primaryTextColor; +$checkboxIconActiveHoverColor: $primaryColor; /// Border color of a selected checkbox in hover state /// @group form diff --git a/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/variables/_panel.scss b/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/variables/_panel.scss index cd779051..e05ab957 100644 --- a/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/variables/_panel.scss +++ b/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/variables/_panel.scss @@ -316,7 +316,7 @@ $dividerSize:1px; /// Color of the divider border /// @group panel -$dividerColor:#dee2e6; +$dividerColor: map-get($colors, 'secondary-gray'); /// Background of the splitter gutter /// @group panel