diff --git a/src/css/app.css b/src/css/app.css
index 416f277..b00a4b7 100644
--- a/src/css/app.css
+++ b/src/css/app.css
@@ -138,10 +138,77 @@ label > * {
flex-grow: 0;
}
+#items li div:first-of-type {
+ position: relative;
+}
+
.item__icon {
width: 32px;
}
+.one-locale .item__locale {
+ display: none !important;
+}
+
+.item__locale {
+ position: absolute;
+ bottom: 5px;
+ right: 0;
+ font-size: .7rem;
+ padding: 2px 5px;
+ border-radius: 100000px;
+}
+
+.item__locale.cs {
+ background: var(--purple-50);
+ color: white;
+}
+
+.item__locale.en-US {
+ background: var(--blue-60);
+ color: white;
+}
+
+.item__locale.es {
+ background: var(--green-70);
+ color: white;
+}
+
+.item__locale.fi {
+ background: var(--red-70);
+ color: white;
+}
+
+.item__locale.hu {
+ background: var(--orange-60);
+ color: white;
+}
+
+.item__locale.id {
+ background: var(--teal-50);
+ color: black;
+}
+
+.item__locale.pt-BR {
+ background: var(--yellow-50);
+ color: black;
+}
+
+.item__locale.sl {
+ background: var(--magenta-70);
+ color: white;
+}
+
+.item__locale.sr {
+ background: var(--grey-50);
+ color: white;
+}
+
+.item__locale.st {
+ background: #000;
+ color: white;
+}
+
.item--unread {
font-weight: bold;
}
diff --git a/src/html/popup.html b/src/html/popup.html
index 00c783d..ce2ab94 100755
--- a/src/html/popup.html
+++ b/src/html/popup.html
@@ -63,6 +63,7 @@
+
{TITLE}
diff --git a/src/html/preferences.html b/src/html/preferences.html
index b6877be..9b17838 100755
--- a/src/html/preferences.html
+++ b/src/html/preferences.html
@@ -82,21 +82,38 @@
-