Signed-off-by: Marco Ambrosini <marcoambrosini@pm.me>
This commit is contained in:
Marco Ambrosini 2021-02-24 07:52:24 +00:00
parent 50812babfc
commit a801d0b8fe
3 changed files with 12 additions and 0 deletions

View File

@ -21,6 +21,9 @@ $color-box-shadow: transparentize(darken($color-main-background, 70%), 0.5);
$color-border: lighten($color-main-background, 7%);
$color-border-dark: lighten($color-main-background, 14%);
// Ripple effect
$color-ripple: rgba(255, 255, 255, .4);
#app-navigation > ul > li > a:first-child,
#app-navigation > ul > li > ul > li > a:first-child,
#contactsmenu-menu a,

View File

@ -44,6 +44,8 @@
--color-border: #{$color-border};
--color-border-dark: #{$color-border-dark};
--color-ripple: #{$color-ripple};
--border-radius: #{$border-radius};
--border-radius-large: #{$border-radius-large};
--border-radius-pill: #{$border-radius-pill};
@ -58,3 +60,4 @@
--header-height: #{$header-height};
}

View File

@ -81,6 +81,12 @@ $color-box-shadow: transparentize(nc-darken($color-main-background, 70%), 0.5) !
$color-border: nc-darken($color-main-background, 7%) !default;
// darker border like inputs or very visible elements
$color-border-dark: nc-darken($color-main-background, 14%) !default;
// Ripple effect
$color-ripple: nc-darken($color-main-background, 30%);
$color-ripple-primary: nc-lighten($color-primary-active, 20%);
$border-radius: 3px !default;
$border-radius-large: 10px !default;
// Pill-style button, value is large so big buttons also have correct roundness