diff --git a/app/design/adminhtml/Magento/backend/Magento_AdminNotification/web/css/source/_module.less b/app/design/adminhtml/Magento/backend/Magento_AdminNotification/web/css/source/_module.less
index afd91ed3dbde..e2b1acb217d3 100644
--- a/app/design/adminhtml/Magento/backend/Magento_AdminNotification/web/css/source/_module.less
+++ b/app/design/adminhtml/Magento/backend/Magento_AdminNotification/web/css/source/_module.less
@@ -11,8 +11,8 @@
@message-system__border-color: @color-gray82;
@message-system__border-width: .1rem;
@message-system__color: @color-gray20;
-@message-system-short__padding-vertical: 1.5rem;
-@message-system-short-wrapper__height: 5rem;
+@message-system-short__padding-vertical: 1rem;
+@message-system-short-wrapper__height: 4rem;
// Triangle marker
@message-system-triangle__height: .5rem;
@@ -26,8 +26,7 @@
.message-system-inner {
&:extend(.abs-clearfix all);
background: @message-system__background-color;
- border: solid @message-system__border-color;
- border-width: 0 @message-system__border-width @message-system__border-width;
+ box-shadow: 0 2px 10px @border__color;
position: relative;
.message-error {
diff --git a/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/_footer.less b/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/_footer.less
index 0244775fad0b..d52c387875cf 100644
--- a/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/_footer.less
+++ b/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/_footer.less
@@ -8,16 +8,16 @@
// _____________________________________________
@footer__background-color: @body__background-color;
-@footer__border-color: @color-light-gray;
+@footer__border-color: @color-mageos-stroke;
@footer__border-width: .1rem;
@footer__color: @color-very-dark-gray1;
@footer-version__color: @color-gray40;
@footer-copyright__color: @color-gray40;
-@footer-link__color: @color-light-phoenix;
+@footer-link__color: @color-phoenix;
@footer-link__text-decoration: underline;
-@footer-link__hover__color: @color-light-phoenix;
+@footer-link__hover__color: @color-phoenix-dark;
@footer-link__hover__text-decoration: underline;
.page-footer {
diff --git a/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/_menu.less b/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/_menu.less
index 7486fa76078e..28d9986d523f 100644
--- a/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/_menu.less
+++ b/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/_menu.less
@@ -13,7 +13,7 @@
@menu-wrapper__z-index: @menu__z-index - 1;
-@menu__background-color: @color-very-dark-grayish-orange;
+@menu__background-color: @color-blue-dark;
@menu-logo__padding-bottom: 1.7rem;
@menu-logo__outer-size: @menu-logo__padding-top + @menu-logo-img__height + @menu-logo__padding-bottom;
@@ -23,9 +23,9 @@
@menu-item__color: @color-gray65-lighten;
@menu-item__font-size: 1rem;
-@menu-item__hover__background-color: @color-brownie-almost;
-@menu-item__active__background-color: darken(@menu-item__hover__background-color, 3%);
+@menu-item__active__background-color: lighten(@menu__background-color, 7%);
@menu-item__active__color: @color-ivory;
+@menu-item__hover__background-color: lighten(@menu__background-color, 12%);
@menu-item-icon__height: 2.2rem;
@menu-line-before__background-color: @color-brownie-vanilla;
@@ -33,7 +33,7 @@
@menu-overlay__z-index: @menu__z-index - 3;
-@submenu__background-color: @menu-item__active__background-color;
+@submenu__background-color: @menu-item__hover__background-color;
@submenu__padding-horizontal: 1.5rem;
@submenu__padding-vertical: 2rem;
@submenu__z-index: @menu__z-index - 2;
@@ -44,8 +44,8 @@
@submenu-link__color: @color-very-light-gray;
@submenu-link__padding-vertical: 1.25rem;
@submenu-link__active__background-color: darken(@submenu-link__focus__background-color, 5%);
-@submenu-link__focus__background-color: @color-black4-almost;
-@submenu-section-label__color: @color-gray65-almost;
+@submenu-link__focus__background-color: lighten(@menu__background-color, 17%);
+@submenu-section-label__color: @color-blue-ice;
@submenu-heading-group__indent-bottom: 3.8rem;
@submenu-action-close__indent-right: 2.8rem;
@@ -233,13 +233,13 @@
&._active {
> a {
- background-color: @menu-item__hover__background-color;
+ background-color: @menu-item__active__background-color;
}
}
&:hover {
> a {
- background-color: @menu-item__active__background-color;
+ background-color: @menu-item__hover__background-color;
}
}
diff --git a/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/main/_actions-bar.less b/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/main/_actions-bar.less
index 8499ecaa48c1..bbd2f89d02ec 100644
--- a/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/main/_actions-bar.less
+++ b/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/main/_actions-bar.less
@@ -20,7 +20,6 @@
&:extend(.abs-clearfix all);
background: @page-main-actions__background-color;
border-bottom: 1px solid @page-main-actions__border-color;
- border-top: 1px solid @page-main-actions__border-color;
padding: @page-main-actions__padding;
}
diff --git a/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/main/_page-nav.less b/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/main/_page-nav.less
index 070ee6347508..49392505f551 100644
--- a/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/main/_page-nav.less
+++ b/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/main/_page-nav.less
@@ -7,13 +7,13 @@
// Variables
// _____________________________________________
-@admin__page-nav__background-color: @color-white-fog2;
+@admin__page-nav__background-color: @color-mageos-offwhite;
@admin__page-nav__border-color: @border__color;
@admin__page-nav-title__color: @color-very-dark-gray-black;
@admin__page-nav-title__border-color: @border__color;
@admin__page-nav-title__collapsible__background-color: @page-wrapper__background-color;
-@admin__page-nav-title__collapsible__active__background-color: @color-white-fog2;
+@admin__page-nav-title__collapsible__active__background-color: @color-mageos-offwhite;
@admin__page-nav-title__font-size: @font-size__base;
@admin__page-nav-item__border-color: @border__color;
diff --git a/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/pages/_cache-management.less b/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/pages/_cache-management.less
index 74e4c563daa6..c1160fe4e12a 100644
--- a/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/pages/_cache-management.less
+++ b/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/pages/_cache-management.less
@@ -90,3 +90,8 @@
margin: 5px 0 6px;
}
}
+
+.adminhtml-cache-index .page-actions .page-actions-buttons button.primary {
+ background: @color-tomato-brick;
+ border-color: @color-tomato-brick;
+}
diff --git a/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/pages/_login.less b/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/pages/_login.less
index e7f4c41de975..432d96e49246 100644
--- a/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/pages/_login.less
+++ b/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/pages/_login.less
@@ -12,7 +12,7 @@
@login-box__max-width: 45rem;
@login-box__min-height: 30rem;
@login-box__shadow: 0 5px 30px 0 rgba(0, 0, 0, 1);
-@login-page__background-color: @color-very-dark-grayish-orange;
+@login-page__background-color: @color-blue-dark;
//
// Admin user auth pages layout
@@ -38,6 +38,7 @@
.lib-vendor-prefix-flex-shrink(0);
background-color: @login-box__background-color;
border: @login-box__border;
+ border-radius: 16px;
box-shadow: @login-box__shadow;
display: block;
float: none;
@@ -45,7 +46,7 @@
max-width: @login-box__max-width;
min-height: @login-box__min-height;
min-width: 0;
- padding: 40px 80px 50px;
+ padding: 40px 75px 50px;
position: relative;
width: 100%;
z-index: 1;
@@ -66,7 +67,7 @@
.admin__legend {
color: @color-phoenix;
font-size: 2.6rem;
- font-weight: @font-weight__light;
+ font-weight: @font-weight__regular;
line-height: @line-height__s;
margin: -1rem 0 2.5rem;
}
diff --git a/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/module/_data-grid.less b/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/module/_data-grid.less
index e8d6472ce0b4..3e347ddb6326 100644
--- a/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/module/_data-grid.less
+++ b/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/module/_data-grid.less
@@ -315,15 +315,15 @@ body._in-resize {
th {
background-color: @data-grid-th__background-color;
- border: @data-grid-cell__border-width @data-grid-th__border-style @data-grid-th__border-color;
- border-left-color: transparent;
+ border-bottom: 2px @data-grid-th__border-style @data-grid-th__border-color;
+ border-right: 1px dashed @color-mageos-stroke;
color: @data-grid-th__color;
font-weight: @font-weight__semibold;
padding: 0;
text-align: left;
&:first-child {
- border-left-color: @data-grid-th__border-color;
+ border-left: 1px dashed @color-mageos-stroke;
}
&._dragover-left {
diff --git a/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/module/data-grid/data-grid-header/_data-grid-filters.less b/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/module/data-grid/data-grid-header/_data-grid-filters.less
index e37e08f3b667..2adc489d799d 100644
--- a/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/module/data-grid/data-grid-header/_data-grid-filters.less
+++ b/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/module/data-grid/data-grid-header/_data-grid-filters.less
@@ -228,7 +228,7 @@
.admin__form-field {
display: block;
float: none;
- margin-bottom: 1.5rem;
+ margin-bottom: 1rem;
padding-left: 0;
padding-right: 0;
width: auto;
diff --git a/app/design/adminhtml/Magento/backend/web/css/source/_actions.less b/app/design/adminhtml/Magento/backend/web/css/source/_actions.less
index 852c6c1f3799..882c35bd5181 100644
--- a/app/design/adminhtml/Magento/backend/web/css/source/_actions.less
+++ b/app/design/adminhtml/Magento/backend/web/css/source/_actions.less
@@ -264,7 +264,6 @@ button {
background-color: @button-primary__background-color;
border-color: @button-primary__background-color;
color: @button-primary__color;
- text-shadow: 1px 1px 0 rgba(0, 0, 0, .25);
&:hover,
&:active,
diff --git a/app/design/adminhtml/Magento/backend/web/css/source/_structure.less b/app/design/adminhtml/Magento/backend/web/css/source/_structure.less
index a74642152ec3..a1cec675e513 100644
--- a/app/design/adminhtml/Magento/backend/web/css/source/_structure.less
+++ b/app/design/adminhtml/Magento/backend/web/css/source/_structure.less
@@ -35,7 +35,6 @@ body {
// ToDo UI: should be moved to messages
.notices-wrapper {
- margin: 0 3rem;
min-height: 5rem;
.messages {
margin-bottom: 0;
diff --git a/app/design/adminhtml/Magento/backend/web/css/source/_tabs.less b/app/design/adminhtml/Magento/backend/web/css/source/_tabs.less
index 5658214a7698..2d0f15823323 100644
--- a/app/design/adminhtml/Magento/backend/web/css/source/_tabs.less
+++ b/app/design/adminhtml/Magento/backend/web/css/source/_tabs.less
@@ -16,8 +16,8 @@
// Default tab
.ui-state-default {
- background: @color-gray89;
- border: .1rem solid @color-gray68;
+ background: @color-mageos-offwhite;
+ border: .1rem solid @color-mageos-stroke;
float: left;
letter-spacing: .0183em; // For tab width fixing depending on normal-semibold font-weight
list-style: none;
@@ -26,7 +26,7 @@
// Hovered tab
.ui-state-hover {
- background: @color-gray84;
+ background: @color-blue-clear-sky;
}
// Active tab
diff --git a/app/design/adminhtml/Magento/backend/web/css/source/actions/_actions-dropdown.less b/app/design/adminhtml/Magento/backend/web/css/source/actions/_actions-dropdown.less
index d1fe33c4fe77..eb892e667b6b 100644
--- a/app/design/adminhtml/Magento/backend/web/css/source/actions/_actions-dropdown.less
+++ b/app/design/adminhtml/Magento/backend/web/css/source/actions/_actions-dropdown.less
@@ -282,7 +282,7 @@
}
&:before {
- background: @color-gray89;
+ background: @color-mageos-offwhite;
border-left: 1px solid @action__border-color;
bottom: 0;
content: '';
diff --git a/app/design/adminhtml/Magento/backend/web/css/source/actions/_actions-multiselect.less b/app/design/adminhtml/Magento/backend/web/css/source/actions/_actions-multiselect.less
index c3cbffe4e8c4..fda9c528ea49 100644
--- a/app/design/adminhtml/Magento/backend/web/css/source/actions/_actions-multiselect.less
+++ b/app/design/adminhtml/Magento/backend/web/css/source/actions/_actions-multiselect.less
@@ -81,6 +81,7 @@
.admin__action-multiselect {
border: 1px solid @action__border-color;
+ border-radius: @field-control__border-radius;
cursor: pointer;
display: block;
min-height: @action__height;
@@ -156,7 +157,7 @@
}
.admin__action-multiselect-text {
- padding: .6rem 1rem;
+ padding: .65rem 1rem;
}
.action-menu {
diff --git a/app/design/adminhtml/Magento/backend/web/css/source/actions/_actions-select.less b/app/design/adminhtml/Magento/backend/web/css/source/actions/_actions-select.less
index 1c45fe6946ba..8d42a045302e 100644
--- a/app/design/adminhtml/Magento/backend/web/css/source/actions/_actions-select.less
+++ b/app/design/adminhtml/Magento/backend/web/css/source/actions/_actions-select.less
@@ -33,6 +33,7 @@
.lib-text-overflow-ellipsis();
background-color: @color-white;
+ border-radius: @field-control__border-radius;
font-weight: @font-weight__regular;
text-align: left;
@@ -48,6 +49,7 @@
&:before {
background-color: @button__background-color;
border: @button__border-size @button__border-style @_action-select__border-color;
+ border-radius: 0 @field-control__border-radius @field-control__border-radius 0;
bottom: 0;
content: '';
position: absolute;
diff --git a/app/design/adminhtml/Magento/backend/web/css/source/forms/_controls.less b/app/design/adminhtml/Magento/backend/web/css/source/forms/_controls.less
index c6f39e8e8840..4b48ad290f55 100644
--- a/app/design/adminhtml/Magento/backend/web/css/source/forms/_controls.less
+++ b/app/design/adminhtml/Magento/backend/web/css/source/forms/_controls.less
@@ -63,7 +63,7 @@
background-position+: ~'calc(100% - 12px)' -34px;
background-size+: auto;
- background-image+: linear-gradient(@color-gray89, @color-gray89);
+ background-image+: linear-gradient(@color-mageos-offwhite, @color-mageos-offwhite);
background-position+: 100%;
background-size+: @field-control__height 100%;
diff --git a/app/design/adminhtml/Magento/backend/web/css/source/variables/_actions.less b/app/design/adminhtml/Magento/backend/web/css/source/variables/_actions.less
index e58421448d3a..4e23b5e23e55 100644
--- a/app/design/adminhtml/Magento/backend/web/css/source/variables/_actions.less
+++ b/app/design/adminhtml/Magento/backend/web/css/source/variables/_actions.less
@@ -7,7 +7,7 @@
// Variables -> Actions
// _____________________________________________
-@action__border-color: @color-gray68;
+@action__border-color: @color-mageos-stroke;
@action__font-size: @font-size__base;
@action__line-height: @line-height__base;
@@ -34,7 +34,7 @@
// ---------------------------------------------
// Base button
-@button__background-color: @color-gray89;
+@button__background-color: @color-mageos-offwhite;
@button__border-color: @action__border-color;
@button__border-size: 1px;
@button__border-style: solid;
@@ -57,10 +57,10 @@
@button__large__padding-vertical: .7em;
// Primary button
-@button-primary__background-color: @primary__color;
+@button-primary__background-color: lighten(@color-green-dark, 5%);
@button-primary__color: @color-white;
-@button-primary__hover__background-color: @color-phoenix-brown-almost;
-@button-primary__hover__border-color: @color-phoenix-brown;
+@button-primary__hover__background-color: @color-green-dark;
+@button-primary__hover__border-color: @color-green-dark;
// Secondary button
@button-secondary__background-color: @color-brownie;
diff --git a/app/design/adminhtml/Magento/backend/web/css/source/variables/_colors.less b/app/design/adminhtml/Magento/backend/web/css/source/variables/_colors.less
index ad57d7b47113..16fb3602f8f6 100644
--- a/app/design/adminhtml/Magento/backend/web/css/source/variables/_colors.less
+++ b/app/design/adminhtml/Magento/backend/web/css/source/variables/_colors.less
@@ -7,13 +7,26 @@
// Variables -> Colors
// _____________________________________________
+@color-mageos-orange: #f37121;
+@color-mageos-orange-dark: #f56a14;
+@color-mageos-orange-light: #ff9234;
+@color-mageos-orange-bright: #ffe49d;
+@color-mageos-purple: #8716e0;
+@color-mageos-purple-light: #cb5bff;
+@color-mageos-rose: #f9425a;
+@color-mageos-dark: #1a202c;
+@color-mageos-gray: #4a5568;
+@color-mageos-gray-light: #7d8592;
+@color-mageos-stroke: #dde0e5;
+@color-mageos-offwhite: #f7fafc;
+
@color-brown-dark: #4a3f39;
@color-brown-darker: #41362f;
@color-very-dark-gray-black: #303030;
@color-very-dark-gray-black2: #35302c;
@color-very-dark-grayish-orange: #373330;
@color-black4-almost: #403934;
-@color-very-dark-gray2: #555;
+@color-very-dark-gray2: @color-mageos-gray;
@color-very-dark-brownie: #5b5652;
@color-brownie: #514943;
@color-brownie-almost: #524d49;
@@ -33,13 +46,14 @@
@color-gray75: #bfbfbf;
@color-lighter-grayish: #cacaca;
@color-lighter-grayish-almost: #c3bbb1;
-@color-light-gray: #ddd;
+@color-light-gray: @color-mageos-offwhite;
@color-light-gray0: #d0d0d0;
@color-gray83: #d4d4d4;
@color-gray84: #d6d6d6;
@color-gray85: #d9d9d9;
+@color-gray89: darken(@color-mageos-offwhite, 5%);
@color-gray-brown: #dad1c8;
-@color-lighter-gray: #e9e9e9;
+@color-lighter-gray: darken(@color-mageos-offwhite, 5%);
@color-gray98: #fafafa;
@color-very-light-gray: #fcfcfc;
@color-ivory: #f7f3eb;
@@ -48,17 +62,20 @@
@color-lazy-sun: #fffbbb;
@color-lazy-sunny: #fff1ad;
+@color-blue-dark: #123;
@color-blue-pure: #007bdb;
@color-blue-dodger: #008bdb;
-@color-blue-clear-sky: #e0f6fe;
+@color-blue-clear-sky: @color-lighter-gray;
+@color-blue-ice: saturate(lighten(@color-blue-dark, 74%), 25%);
+@color-green-dark: #264;
@color-green-apple: #79a22e;
@color-apricot: #ee7d7d;
@color-pink: #fcc;
@color-pink-light: #f5d6c7;
-@color-phoenix: #eb5202;
-@color-light-phoenix: #ef672f;
+@color-phoenix: @color-mageos-orange;
+@color-light-phoenix: @color-mageos-orange-bright;
@color-phoenix-brown: #b84002;
@color-phoenix-brown-almost: #ba4000;
@color-phoenix-brownie: #ae3d01;
@@ -74,4 +91,4 @@
@primary__color: @color-phoenix;
@success__color: @color-green-apple;
@text__color: @color-brown-darker;
-@border__color: @color-gray89;
+@border__color: @color-mageos-stroke;
diff --git a/app/design/adminhtml/Magento/backend/web/css/source/variables/_components.less b/app/design/adminhtml/Magento/backend/web/css/source/variables/_components.less
index 6f96880cce49..35fac829fec6 100644
--- a/app/design/adminhtml/Magento/backend/web/css/source/variables/_components.less
+++ b/app/design/adminhtml/Magento/backend/web/css/source/variables/_components.less
@@ -36,6 +36,6 @@
// Actions Bar
// ---------------------------------------------
-@page-main-actions__background-color: @color-white-fog;
-@page-main-actions__border-color: @color-gray89;
+@page-main-actions__background-color: @color-mageos-offwhite;
+@page-main-actions__border-color: @color-mageos-stroke;
@page-main-actions__padding: @content__indent / 2;
diff --git a/app/design/adminhtml/Magento/backend/web/css/source/variables/_data-grid.less b/app/design/adminhtml/Magento/backend/web/css/source/variables/_data-grid.less
index 40831684adce..52b4d3b5f3da 100644
--- a/app/design/adminhtml/Magento/backend/web/css/source/variables/_data-grid.less
+++ b/app/design/adminhtml/Magento/backend/web/css/source/variables/_data-grid.less
@@ -16,10 +16,10 @@
@data-grid-cell__padding-horizontal: 1rem;
@data-grid-cell__padding-vertical: 1rem;
-@data-grid-td__border-color: @color-gray84;
+@data-grid-td__border-color: @color-mageos-stroke;
@data-grid-td__border-inner-style: dashed;
@data-grid-td__border-outer-style: solid;
-@data-grid-td__even__background-color: @color-white-smoke;
+@data-grid-td__even__background-color: @color-mageos-offwhite;
@data-grid-td__even__dragging__background-color: @color-light-gray0;
@data-grid-td__even__edit__background-color: darken(@data-grid-td__even__background-color, 10%);
@data-grid-td__odd__background-color: @page__background-color;
@@ -30,13 +30,13 @@
@data-grid-td__odd__update__active__background-color: darken(@data-grid-td__update__active__background-color, 10%);
@data-grid-td__odd__update__upcoming__background-color: darken(@data-grid-td__update__upcoming__background-color, 10%);
-@data-grid-th__border-color: @color-darker-gray;
+@data-grid-th__border-color: @color-mageos-gray-light;
@data-grid-th__border-style: solid;
-@data-grid-th__background-color: @color-brownie;
-@data-grid-th__color: @color-white;
+@data-grid-th__background-color: transparent;
+@data-grid-th__color: @color-mageos-dark;
@data-grid-th__padding-horizontal: @data-grid-cell__padding-horizontal;
@data-grid-th__padding-vertical: @data-grid-cell__padding-vertical;
-@data-grid-th__hover__background-color: lighten(@data-grid-th__background-color, 5%);
+@data-grid-th__hover__background-color: @data-grid-tr__hover__background-color;
@data-grid-th-marker__width: .7rem;
@data-grid-th-marker__required__color: lighten(@color-light-phoenix, 10%);
diff --git a/app/design/adminhtml/Magento/backend/web/css/source/variables/_forms.less b/app/design/adminhtml/Magento/backend/web/css/source/variables/_forms.less
index 2c7450d246bd..eabc22fcd1e2 100644
--- a/app/design/adminhtml/Magento/backend/web/css/source/variables/_forms.less
+++ b/app/design/adminhtml/Magento/backend/web/css/source/variables/_forms.less
@@ -46,7 +46,7 @@
@field-control__background-color: @color-white;
@field-control__border-color: @action__border-color;
-@field-control__border-radius: 1px;
+@field-control__border-radius: 6px;
@field-control__border-width: 1px;
@field-control__box-shadow: none;
@field-control__color: @color-very-dark-gray-black;
diff --git a/app/design/adminhtml/Magento/backend/web/css/source/variables/_structure.less b/app/design/adminhtml/Magento/backend/web/css/source/variables/_structure.less
index 91f3b5c4fa26..b65d8a76e519 100644
--- a/app/design/adminhtml/Magento/backend/web/css/source/variables/_structure.less
+++ b/app/design/adminhtml/Magento/backend/web/css/source/variables/_structure.less
@@ -56,7 +56,7 @@
@window__min-width: 1024px;
-@body__background-color: @color-white-smoke;
+@body__background-color: @color-mageos-offwhite;
@page-wrapper__indent-left: @menu__width;
@page-wrapper__background-color: @color-white;
diff --git a/app/design/adminhtml/Magento/backend/web/css/styles-old.less b/app/design/adminhtml/Magento/backend/web/css/styles-old.less
index 3087e7762a2d..2785f868f2f4 100644
--- a/app/design/adminhtml/Magento/backend/web/css/styles-old.less
+++ b/app/design/adminhtml/Magento/backend/web/css/styles-old.less
@@ -781,8 +781,8 @@
textarea,
select {
box-sizing: border-box;
- border: 1px solid #adadad;
- border-radius: 1px;
+ border: 1px solid #dde0e5;
+ border-radius: 6px;
padding: .6rem 1rem .6rem;
color: #303030;
background-color: @color-white;