Darken the scrollbar on hover

// FREEBIE

js/views/timestamp_view.js

@@ -7,9 +7,6 @@
 
     Whisper.TimestampView = Whisper.View.extend({
         initialize: function(options) {
-            if (options) {
-                this.brief = options.brief;
-            }
             extension.windows.onClosed(this.clearTimeout.bind(this));
         },
         update: function() {
@@ -49,13 +46,13 @@
 
             if (timediff.years() > 0) {
                 this.delay = null;
-                return timestamp.format(this._format['y']);
+                return timestamp.format(this._format.y);
             } else if (timediff.months() > 0 || timediff.days() > 6) {
                 this.delay = null;
-                return timestamp.format(this._format['m']);
+                return timestamp.format(this._format.m);
             } else if (timediff.days() > 0) {
                 this.delay = moment(timestamp).add(timediff.days() + 1,'d').diff(moment());
-                return timestamp.format(this._format['d']);
+                return timestamp.format(this._format.d);
             } else if (timediff.hours() > 1) {
                 this.delay = moment(timestamp).add(timediff.hours() + 1,'h').diff(moment());
                 return this.relativeTime(timediff.hours(), 'hh');

stylesheets/_global.scss

@@ -78,6 +78,10 @@ button.back {
 ::-webkit-scrollbar-thumb {
   background: rgba(0,0,0,0.15);
   border-radius: $border-radius;
+
+  &:hover {
+    background: rgba(0,0,0,0.25);
+  }
 }
 
 .header-buttons {

stylesheets/manifest.css

@@ -90,6 +90,8 @@ button.back {
 ::-webkit-scrollbar-thumb {
   background: rgba(0, 0, 0, 0.15);
   border-radius: 5px; }
+  ::-webkit-scrollbar-thumb:hover {
+    background: rgba(0, 0, 0, 0.25); }
 
 .header-buttons {
   height: 0; }