more tweaks

themes/grav/css-compiled/template.css

@@ -1787,6 +1787,32 @@ body.remodal_active .remodal {
       width: 25%; }
   .gpm .gpm-item-info tr:hover {
     background: inherit; }
+.gpm .badge.update {
+  display: inline-block;
+  background: #9055AF;
+  border-radius: 4px;
+  padding: 2px 10px;
+  color: #fff;
+  margin-left: 1rem; }
+.gpm .gpm-ribbon {
+  background-color: #9055AF;
+  overflow: hidden;
+  white-space: nowrap;
+  position: absolute;
+  top: 1rem;
+  right: -2rem;
+  -webkit-transform: rotate(45deg);
+  -moz-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  -o-transform: rotate(45deg);
+  transform: rotate(45deg); }
+  .gpm .gpm-ribbon a {
+    color: #fff;
+    display: block;
+    font-weight: bold;
+    font-size: 0.9rem;
+    padding: 5px 40px;
+    text-align: center; }
 .gpm .themes {
   padding: 3rem; }
   .gpm .themes .gpm-name {

themes/grav/scss/template/_gpm.scss

@@ -56,6 +56,36 @@
         }
     }
 
+    .badge.update {
+        display: inline-block;
+        background: $info-bg;
+        border-radius: 4px;
+        padding: 2px 10px;
+        color: $info-fg;
+        margin-left: 1rem;
+    }
+
+    .gpm-ribbon {
+        background-color: $info-bg;
+        overflow: hidden;
+        white-space: nowrap;
+
+        position: absolute;
+        top: 1rem;
+        right: -2rem;
+        @include transform(rotate(45deg));
+
+
+        a {
+            color: $info-fg;
+            display: block;
+            font-weight: bold;
+            font-size: 0.9rem;
+            padding: 5px 40px;
+            text-align: center;
+        }
+    }
+
     .themes {
         padding: $padding-default;
 

themes/grav/templates/partials/plugins-list.html.twig

@@ -18,6 +18,9 @@
             <td class="gpm-name">
                 <i class="fa fa-fw fa-{{ plugin.icon }}"></i>
                 <a href="{{ base_url_relative }}/plugins/{{ slug|url_encode }}">{{ plugin.name }}</a> <span class="gpm-version">v{{ plugin.version }}</span>
+                {% if plugin.update or slug == 'archives' %}
+                <a href="{{ base_url_relative }}/plugins/{{ slug|url_encode }}"><span class="badge update">Update available!</span></a>
+                {% endif %}
             </td>
             <td class="gpm-actions">
                 <a class="{{ plugin.get('enabled') ? 'enabled' : 'disabled' }}" href="{{ base_url_relative }}/plugins/{{ slug }}/task:{{ plugin.get('enabled') ? 'disable' : 'enable' }}">

themes/grav/templates/partials/themes-list.html.twig

@@ -30,6 +30,11 @@
                     <a href="{{ base_url_relative }}/themes/{{ slug }}/task:activate"><i class="fa fa-fw fa-toggle-off"></i></a>
                 </div>
             {% endif %}
+            {% if config.get('system.pages.theme') == slug %}
+                <div class="gpm-ribbon">
+                    <a href="{{ base_url_relative }}/themes/{{ slug|url_encode }}">UPDATE</a>
+                </div>
+            {% endif %}
         </div>
     {% endfor %}
 </div>