From a801d0b8fe60ce8cbf10339eeb86b7198af3bb99 Mon Sep 17 00:00:00 2001
From: Marco Ambrosini <marcoambrosini@pm.me>
Date: Wed, 24 Feb 2021 07:52:24 +0000
Subject: [PATCH] Temp

Signed-off-by: Marco Ambrosini <marcoambrosini@pm.me>
---
 apps/accessibility/css/dark.scss | 3 +++
 core/css/css-variables.scss      | 3 +++
 core/css/variables.scss          | 6 ++++++
 3 files changed, 12 insertions(+)

diff --git a/apps/accessibility/css/dark.scss b/apps/accessibility/css/dark.scss
index f0303e2692..f71a36f528 100644
--- a/apps/accessibility/css/dark.scss
+++ b/apps/accessibility/css/dark.scss
@@ -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,
diff --git a/core/css/css-variables.scss b/core/css/css-variables.scss
index 86f80611a6..c3e4429448 100644
--- a/core/css/css-variables.scss
+++ b/core/css/css-variables.scss
@@ -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};
 }
+
diff --git a/core/css/variables.scss b/core/css/variables.scss
index cf7d919d72..693a1da0ce 100644
--- a/core/css/variables.scss
+++ b/core/css/variables.scss
@@ -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