diff --git a/styles/container-home.less b/styles/container-home.less index ec6cef6ab3..bc808ea860 100644 --- a/styles/container-home.less +++ b/styles/container-home.less @@ -180,7 +180,7 @@ width: 110px; padding: 5px; &:hover { - background-color: @color-background; + background-color: darken(@color-background, 2%); border-radius: 10px; } img { diff --git a/styles/mixins.less b/styles/mixins.less index 44e9460ca2..3c27533854 100644 --- a/styles/mixins.less +++ b/styles/mixins.less @@ -24,7 +24,7 @@ .widget-style() { border-radius: 4px; - border: 1px solid @gray-lightest; + border: 1px solid @gray-lighter; position: relative; overflow: hidden; } diff --git a/styles/new-container.less b/styles/new-container.less index 3fe2054b49..55d28f3921 100644 --- a/styles/new-container.less +++ b/styles/new-container.less @@ -105,7 +105,7 @@ border-color: @brand-primary; } &::-webkit-input-placeholder { - color: #DDD; + color: @gray-lightest; font-weight: 400; } } @@ -179,8 +179,8 @@ flex: 1 auto; min-width: 90px; background-color: @brand-action; - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; justify-content: center; text-align: center; box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.2); @@ -191,8 +191,10 @@ .card { padding: 10px 20px 10px 20px; position: relative; - border: 1px solid @gray-lightest; + border: 1px solid @gray-lighter; border-left: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; .badges { position: absolute; right: 15px; diff --git a/styles/right-panel.less b/styles/right-panel.less index adbe6ace5c..167d0c66b4 100644 --- a/styles/right-panel.less +++ b/styles/right-panel.less @@ -73,7 +73,7 @@ display: inline-block; &:hover { border-radius: 40px; - background-color: @color-background; + background-color: darken(@color-background, 2%); } &.active { border-radius: 40px;