aboutsummaryrefslogtreecommitdiffstats
path: root/src/sass/settings/menus.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/sass/settings/menus.scss')
-rw-r--r--src/sass/settings/menus.scss17
1 files changed, 11 insertions, 6 deletions
diff --git a/src/sass/settings/menus.scss b/src/sass/settings/menus.scss
index 62c3dd04..bdd1eb36 100644
--- a/src/sass/settings/menus.scss
+++ b/src/sass/settings/menus.scss
@@ -2,9 +2,14 @@
// Menus
// ==========================================================================
-$plyr-menu-background: rgba(#fff, 0.9) !default;
-$plyr-menu-color: $plyr-color-gray-700 !default;
-$plyr-menu-arrow-size: 6px !default;
-$plyr-menu-border-color: rgba($plyr-color-gray-500, 0.2) !default;
-$plyr-menu-border-shadow-color: #fff !default;
-$plyr-menu-shadow: 0 1px 2px rgba(#000, 0.15) !default;
+$plyr-menu-background: var(--plyr-menu-background, rgba(#fff, 0.9)) !default;
+$plyr-menu-color: var(--plyr-menu-color, $plyr-color-gray-700) !default;
+
+$plyr-menu-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba($plyr-color-gray-900, 0.15)) !default;
+
+$plyr-menu-arrow-size: var(--plyr-menu-arrow-size, 6px) !default;
+$plyr-menu-arrow-color: var(--plyr-menu-arrow-color, $plyr-color-gray-500) !default;
+
+// Border seperators
+$plyr-menu-border-color: var(--plyr-menu-border-color, $plyr-color-gray-100) !default;
+$plyr-menu-border-shadow-color: var(--plyr-menu-border-shadow-color, #fff) !default;