Minor tweaks

demo/src/less/components/buttons.less

@@ -45,7 +45,6 @@
 .button__count {
     margin-left: (@spacing-base / 2);
     animation: fadein 0.2s ease;
-    font-weight: @font-weight-medium;
 
     &::before {
         content: '';

demo/src/less/settings/cosmetic.less

@@ -9,4 +9,4 @@
 @border-radius-base: 4px;
 
 // Background
-@page-background: linear-gradient(to left top, lighten(@color-brand-primary, 15%), darken(@color-brand-primary, 15%));
+@page-background: linear-gradient(to left top, lighten(@color-brand-primary, 10%), darken(@color-brand-primary, 20%));

src/js/listeners.js

@@ -272,13 +272,13 @@ const listeners = {
             // On click play, pause ore restart
             utils.on(wrapper, 'click', () => {
                 // Touch devices will just show controls (if we're hiding controls)
-                if (this.config.hideControls && support.touch && !this.media.paused) {
+                if (this.config.hideControls && support.touch && !this.paused) {
                     return;
                 }
 
-                if (this.media.paused) {
+                if (this.paused) {
                     this.play();
-                } else if (this.media.ended) {
+                } else if (this.ended) {
                     this.restart();
                     this.play();
                 } else {

src/less/base.less

@@ -25,7 +25,7 @@
     }
 
     &:focus {
-        .plyr-tab-focus();
+        outline: 0;
     }
 }