diff --git a/src/client/pages/emojis.category.vue b/src/client/pages/emojis.category.vue
index 0c24b06d16..091c3f20a9 100644
--- a/src/client/pages/emojis.category.vue
+++ b/src/client/pages/emojis.category.vue
@@ -108,12 +108,12 @@ export default defineComponent({
margin: 8px 8px 0 0;
padding: 4px 8px;
font-size: 0.9em;
- background: var(--panel);
- border: solid 0.5px var(--divider);
+ background: var(--accentedBg);
border-radius: 5px;
&.active {
- border-color: var(--accent);
+ background: var(--accent);
+ color: var(--fgOnAccent);
}
}
}
diff --git a/src/client/pages/emojis.vue b/src/client/pages/emojis.vue
index c1f87047d3..8918de2338 100644
--- a/src/client/pages/emojis.vue
+++ b/src/client/pages/emojis.vue
@@ -1,5 +1,7 @@
-
+
+
+
-
diff --git a/src/client/ui/_common_/sidebar.vue b/src/client/ui/_common_/sidebar.vue
index 87002c3e70..6ebbd2d862 100644
--- a/src/client/ui/_common_/sidebar.vue
+++ b/src/client/ui/_common_/sidebar.vue
@@ -393,7 +393,7 @@ export default defineComponent({
&:before {
content: "";
display: block;
- width: calc(100% - 20px);
+ width: calc(100% - 24px);
height: 100%;
margin: auto;
position: absolute;
diff --git a/src/client/ui/universal.vue b/src/client/ui/universal.vue
index cc754cba70..ec9254b697 100644
--- a/src/client/ui/universal.vue
+++ b/src/client/ui/universal.vue
@@ -312,8 +312,8 @@ export default defineComponent({
> .widgets {
padding: 0 var(--margin);
- //border-left: solid 0.5px var(--divider);
- background: var(--navBg);
+ border-left: solid 0.5px var(--divider);
+ background: var(--bg);
@media (max-width: $widgets-hide-threshold) {
display: none;