update to the latest version of mastodon material

app/javascript/styles/mastodon-material/theme/_mixins.scss

@@ -277,9 +277,8 @@ $shadow-color-3: rgba(0,0,0,.12);
     }
 }
 
-// version checker
-@mixin version-check($name, $target-version, $website) {
+@mixin version-check($name, $plugin-version, $target-version, $website) {
     @if $target-version != $version {
-        @debug "[Info] #{$name} is made for Mastodon Material #{$target-version}. Some css elements might be broken! Please check plugin website: #{$website}";
+        @debug "[Info] #{$name} #{$plugin-version} is made for Mastodon Material #{$target-version}. Some css elements might be broken! Please check the following website: #{$website}";
     }
 }

app/javascript/styles/mastodon-material/theme/account.scss

@@ -24,7 +24,7 @@
 
     &__header {
         &__bar {
-            background: $tab-bg-color;
+            background: $card-bg-color;
             padding: 8px;
             border-bottom: none;
 

app/javascript/styles/mastodon-material/theme/columns.scss

@@ -277,11 +277,11 @@
 .muted {
     .status {
         &__content {
-            color: $read-primary-text-color !important;
+            color: $read-primary-text-color;
     
-            p { color: $read-primary-text-color !important }
+            p { color: $read-primary-text-color }
     
-            a { color: $read-secondary-text-color !important }
+            a { color: $read-secondary-text-color }
         }
 
         &__display-name strong { color: $read-primary-text-color }

app/javascript/styles/mastodon-material/theme/components.scss

@@ -396,6 +396,8 @@
             border-radius: 2px;
             padding: 8px 16px;
         }
+
+        &__text { padding: 8px 0 }
     }
 
     &__chart {

app/javascript/styles/mastodon-material/theme/emoji-picker.scss

@@ -4,20 +4,6 @@
         background: $menu-bg-color;
         border-radius: $menu-radius;
         margin-top: 0;
-
-        // bubble
-        // unable to fit the position
-        /*&::before {
-            @include shadow-8dp;
-            content: "";
-            position: absolute;
-            background: $menu-bg-color;
-            top: -6px;
-            width: 12px;
-            height: 12px;
-            transform: rotate(45deg);
-            z-index: -1;
-        }*/
     }
 
     &__modifiers__menu {
@@ -32,14 +18,16 @@
 }
 
 .emoji-mart {
-    width: 388px !important;
     font-size: 14px;
     color: $menu-text-color;
 
     &-bar {
         border: 0 solid $border-color;
 
-        &:first-child { background: $tab-bg-color }
+        &:first-child {
+            background: $tab-bg-color;
+            border-radius: $card-radius $card-radius 0 0;
+        }
     }
 
     &-anchor {
@@ -55,7 +43,7 @@
             &:hover { color: $tab-item-active-color }
         }
 
-        &:hover { color: $tab-item-color }
+        &:hover { color: $tab-item-active-color }
     }
 
     &-search {
@@ -65,6 +53,10 @@
             right: auto;
             left: 16px;
             padding: 2px 6px;
+
+            svg { fill: $icon-color }
+
+            &:disabled { opacity: 1 }
         }
 
         input {
@@ -80,6 +72,8 @@
                 background: $search-bar-focus-color;
                 color: $search-bar-text-color;
             }
+
+            &::placeholder { color: $tips-text-color }
         }
     }
 

app/javascript/styles/mastodon-material/theme/forms.scss

@@ -95,7 +95,10 @@
         padding-right: 40px;
         height: 40px;
 
-        option { background-color: $menu-bg-color }
+        option {
+            color: $menu-text-color;
+            background-color: $menu-bg-color;
+        }
 
         &:hover { background-color: $dropdown-field-bg-hover-color }
 

app/javascript/styles/mastodon-material/theme/responsive.scss

@@ -103,7 +103,7 @@
     }
 }
 
-//single column mode
+// single column mode
 @media screen and (min-width: 630px) {
     .tabs-bar__link {
         &:hover {

app/javascript/styles/mastodon-material/theme/statuses.scss

@@ -140,6 +140,8 @@
         &>.fa {
             font-size: 26px;
         }
+
+        &-image { border-radius: $card-radius 0 0 $card-radius }
     }
 
     &__title {