Mastodon
/
Sengi-Windows-MacOS-Linux
mirror of https://github.com/NicolasConstant/sengi
1
0
Fork 0
Code Issues Releases Wiki Activity

better contrast

This commit is contained in:
Nicolas Constant 2019-07-01 22:12:29 -04:00
parent 3f8df79f33
commit 145b8617b1
No known key found for this signature in database
GPG Key ID: 1E9F677FB01A5688
2 changed files with 13 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/sass/_context-menu.scss
View File

@ -1,14 +1,11 @@
@import "variables"; @import "variables";
::ng-deep .ngx-contextmenu { ::ng-deep .ngx-contextmenu {
transition: all .4s;
border-radius: 3px;
& .dropdown-menu { & .dropdown-menu {
border: solid 1px $context-menu-border-color; border: solid 1px $context-menu-border-color;
background-color: $context-menu-border-color;
background-color: $context-menu-background; background-color: $context-menu-background;
padding: 0; padding: 3px 0;
border: solid 2px $context-menu-border-color; border-radius: 3px;
//border: solid 2px $context-menu-border-color;
} }
& li { & li {
@ -17,20 +14,21 @@
// text-transform: uppercase; // text-transform: uppercase;
// text-align: center; // text-align: center;
&:first-child { // &:first-child {
border-top: none; // border-top: none;
} // }
} }
& a { & a {
color: $btn-primary-font-color; color: $context-menu-font-color;
display: block; display: block;
padding: 0.5em 1em; padding: 0.5em 1em;
padding: 5px 10px; padding: 5px 10px;
text-decoration: none; text-decoration: none;
transition: all .2s;
&:hover { &:hover {
color: $btn-primary-font-color; color: $context-menu-font-color;
background-color: $context-menu-background-hover; background-color: $context-menu-background-hover;
text-decoration: none; text-decoration: none;
} }

12
src/sass/_variables.scss
View File

@ -54,15 +54,11 @@ $column-background: #0f111a;
$card-border-color: #1e2435; $card-border-color: #1e2435;
$context-menu-background: #0f111a;
$context-menu-background: #686970;
$context-menu-background: #16171d;
$context-menu-background: #090b10; $context-menu-background: #090b10;
$context-menu-background: #d9e1e8;
$context-menu-background-hover: #16171d; $context-menu-background-hover: #16171d;
$context-menu-background-hover: #a9c9e6;
$context-menu-font-color: #4e5572; $context-menu-font-color: #4e5572;
$context-menu-font-color: #000000;
$context-menu-border-color: #4e5572; $context-menu-border-color: #4e5572;
$context-menu-border-color: #cccccc; $context-menu-border-color: #c0cdd9;
$context-menu-border-color: #181616;
$context-menu-border-color: #555661;
$context-menu-border-color: #4e5572;