diff --git a/portlet.scss b/portlet.scss
index cc9672d..0f8c45b 100644
--- a/portlet.scss
+++ b/portlet.scss
@@ -33,4 +33,40 @@
 .portlet-body {
     background: #fff;
     padding: 1rem;
+}
+
+.portlet.highlight-1 {
+    border-top: 0;
+
+    .portlet-body {
+        background: var(--color-red);
+        color: #fff;
+    }
+}
+
+.portlet.highlight-2 {
+    border-top: 0;
+
+    .portlet-body {
+        background: var(--color-green);
+        color: #fff;
+    }
+}
+
+.portlet.highlight-3 {
+    border-top: 0;
+
+    .portlet-body {
+        background: var(--color-blue);
+        color: #fff;
+    }
+}
+
+.portlet.highlight-4 {
+    border-top: 0;
+
+    .portlet-body {
+        background: var(--color-yellow);
+        color: #fff;
+    }
 }
\ No newline at end of file
diff --git a/styles.css b/styles.css
index ede6eff..6a96475 100644
--- a/styles.css
+++ b/styles.css
@@ -3251,9 +3251,9 @@ p {
   cursor: pointer;
   color: var(--box-highlight);
   font-size: .9rem; }
-  .tooltip:hover {
+  .tooltip:hover, .tooltip:active, .tooltip:focus {
     position: relative; }
-    .tooltip:hover:after, .tooltip:hover:before {
+    .tooltip:hover:after, .tooltip:hover:before, .tooltip:active:after, .tooltip:active:before, .tooltip:focus:after, .tooltip:focus:before {
       font-size: .9rem;
       display: block;
       position: absolute;
@@ -4531,3 +4531,27 @@ span.tag {
 .portlet-body {
   background: #fff;
   padding: 1rem; }
+
+.portlet.highlight-1 {
+  border-top: 0; }
+  .portlet.highlight-1 .portlet-body {
+    background: var(--color-red);
+    color: #fff; }
+
+.portlet.highlight-2 {
+  border-top: 0; }
+  .portlet.highlight-2 .portlet-body {
+    background: var(--color-green);
+    color: #fff; }
+
+.portlet.highlight-3 {
+  border-top: 0; }
+  .portlet.highlight-3 .portlet-body {
+    background: var(--color-blue);
+    color: #fff; }
+
+.portlet.highlight-4 {
+  border-top: 0; }
+  .portlet.highlight-4 .portlet-body {
+    background: var(--color-yellow);
+    color: #fff; }