Theme the transitions for PleineLune

2 files changed, 28 insertions, 80 deletions

diff --git a/plugins/PleineLune/stylesheets/_transitionColors.less b/plugins/PleineLune/stylesheets/_transitionColors.less
index e74d16b341..f8bd954310 100644
--- a/plugins/PleineLune/stylesheets/_transitionColors.less
+++ b/plugins/PleineLune/stylesheets/_transitionColors.less
@@ -1,98 +1,46 @@
-// 
-// transitions colors
-// 
-
-// colors for entries gradients
-.transition-entries[data-name=light] {
-    color: #fff;
-}
-
-.transition-entries[data-name=dark] {
-    color: #BACFE8;
-}
-
-.transition-entries[data-name=light-highlighted] {
-    color: #fff;
-}
-
-.transition-entries[data-name=dark-highlighted] {
-    color: #FAD293;
-}
-
-// colors for exits gradients
-.transition-exits[data-name=light] {
-    color: #fff;
-}
-
-.transition-exits[data-name=dark] {
-    color: #BACFE8;
-}
-
-.transition-exits[data-name=light-highlighted] {
-    color: #fff;
-}
-
-.transition-exits[data-name=dark-highlighted] {
-    color: #FAD293;
-}
-
-// background gradients colors
-.transition-background[data-name=light] {
-    color: #fff;
-}
-
+.transition-entries[data-name=light],
+.transition-entries[data-name=light-highlighted],
+.transition-exits[data-name=light],
+.transition-exits[data-name=light-highlighted],
+.transition-entries[data-name=dark],
+.transition-exits[data-name=dark],
+.transition-background[data-name=light],
+.transition-background[data-name=light-highlighted],
+.transition-background[data-name=light],
+.transition-background[data-name=light-highlighted],
+.transition-background[data-name=dark],
 .transition-background[data-name=dark] {
-    color: #BACFE8;
-}
-
-.transition-background[data-name=light-highlighted] {
-    color: #fff;
+    color: @theme-color-background-contrast;
 }
 
+.transition-entries[data-name=dark-highlighted],
+.transition-exits[data-name=dark-highlighted],
+.transition-background[data-name=dark-highlighted],
 .transition-background[data-name=dark-highlighted] {
-    color: #FAD293;
+  color: @theme-color-background-smallContrast;
 }
 
 // closed group gradient colors
-.transition-closed-group[data-name=light] {
-    color: #DDE4ED;
-}
-
-.transition-closed-group[data-name=dark] {
-    color: #9BBADE;
-}
-
+.transition-closed-group[data-name=dark],
+.transition-closed-group[data-name=light],
 .transition-closed-group[data-name=light-highlighted] {
-    color: #FAE2C0;
+    color: @theme-color-background-contrast;
 }
 
 .transition-closed-group[data-name=dark-highlighted] {
-    color: #FAD293;
+  color: @theme-color-text-active;
 }
 
 // items gradient colors
-.transition-items[data-name=light] {
-    color: #E3DFD1;
-}
-
-.transition-items[data-name=dark] {
-    color: #E8E4D5;
-}
-
-// 'others' gradients colors
-.transition-others[data-name=light] {
-    color: #F5F3EB;
-}
-
+.transition-items[data-name=light],
+.transition-items[data-name=dark],
+.transition-others[data-name=light],
 .transition-others[data-name=dark] {
-    color: #E8E4D5;
+      color: @theme-color-background-lighter;
 }
 
 // loop gradient colors
-.transition-loops[data-name=light] {
-    color: #F5F3EB;
-}
-
+.transition-loops[data-name=light],
 .transition-loops[data-name=dark] {
-    color: #E8E4D5;
+  color: @theme-color-background-smallContrast;
 }
\ No newline at end of file
diff --git a/plugins/PleineLune/stylesheets/theme.less b/plugins/PleineLune/stylesheets/theme.less
index 232769791e..655f9c6c57 100644
--- a/plugins/PleineLune/stylesheets/theme.less
+++ b/plugins/PleineLune/stylesheets/theme.less
@@ -27,6 +27,6 @@
 @import "_widget.less";
 @import "_dataTable.less";
 @import "_sparklineColors.less";
-@import "_transitionColors.less";
 @import "_jqplotColors.less";
-@import "_ui.less";
\ No newline at end of file
+@import "_ui.less";
+@import "../../PleineLune/stylesheets/_transitionColors.less";
\ No newline at end of file