diff --git a/frontend/resources/styles/main/partials/context-menu.scss b/frontend/resources/styles/main/partials/context-menu.scss index 0471955741..e6acef56b2 100644 --- a/frontend/resources/styles/main/partials/context-menu.scss +++ b/frontend/resources/styles/main/partials/context-menu.scss @@ -30,6 +30,6 @@ &:hover { color: $color-black; - background: $color-gray-lightest; + background: $color-primary-lighter; } } diff --git a/frontend/resources/styles/main/partials/workspace-bar.scss b/frontend/resources/styles/main/partials/workspace-bar.scss index 0cead97b7f..f19f875e5f 100644 --- a/frontend/resources/styles/main/partials/workspace-bar.scss +++ b/frontend/resources/styles/main/partials/workspace-bar.scss @@ -23,32 +23,28 @@ z-index: 12; @include animation(0,.2s,fadeInDown); - background-color: $color-gray-60; + background-color: $color-white; border-radius: $br-small; - padding: 0 $small; + box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25); li { - font-size: $fs13; - padding: $small 0; + cursor: pointer; + font-size: $fs12; + padding: $small $x-small; svg { - fill: $color-gray-20; + fill: $color-gray-60; height: 12px; width: 12px; } span { - color: $color-white; + color: $color-gray-60; + margin: 0 $x-small; } &:hover { - span { - color: $color-primary; - } - svg { - fill: $color-primary; - } - + background-color: $color-primary-lighter; } } }