diff --git a/src/sass/_context-menu.scss b/src/sass/_context-menu.scss index bb5b7945..6ee23d19 100644 --- a/src/sass/_context-menu.scss +++ b/src/sass/_context-menu.scss @@ -1,14 +1,11 @@ @import "variables"; ::ng-deep .ngx-contextmenu { - transition: all .4s; - border-radius: 3px; - & .dropdown-menu { border: solid 1px $context-menu-border-color; - background-color: $context-menu-border-color; background-color: $context-menu-background; - padding: 0; - border: solid 2px $context-menu-border-color; + padding: 3px 0; + border-radius: 3px; + //border: solid 2px $context-menu-border-color; } & li { @@ -17,20 +14,21 @@ // text-transform: uppercase; // text-align: center; - &:first-child { - border-top: none; - } + // &:first-child { + // border-top: none; + // } } & a { - color: $btn-primary-font-color; + color: $context-menu-font-color; display: block; padding: 0.5em 1em; padding: 5px 10px; text-decoration: none; + transition: all .2s; &:hover { - color: $btn-primary-font-color; + color: $context-menu-font-color; background-color: $context-menu-background-hover; text-decoration: none; } diff --git a/src/sass/_variables.scss b/src/sass/_variables.scss index 2f64e554..b8ed73c2 100644 --- a/src/sass/_variables.scss +++ b/src/sass/_variables.scss @@ -54,15 +54,11 @@ $column-background: #0f111a; $card-border-color: #1e2435; - -$context-menu-background: #0f111a; -$context-menu-background: #686970; -$context-menu-background: #16171d; $context-menu-background: #090b10; +$context-menu-background: #d9e1e8; $context-menu-background-hover: #16171d; +$context-menu-background-hover: #a9c9e6; $context-menu-font-color: #4e5572; +$context-menu-font-color: #000000; $context-menu-border-color: #4e5572; -$context-menu-border-color: #cccccc; -$context-menu-border-color: #181616; -$context-menu-border-color: #555661; -$context-menu-border-color: #4e5572; \ No newline at end of file +$context-menu-border-color: #c0cdd9; \ No newline at end of file