diff --git a/popout.html b/popout.html
index 80bafe4..813aa5b 100644
--- a/popout.html
+++ b/popout.html
@@ -49,7 +49,7 @@ body{
overflow-y: auto;
}
-.outMessage {
+.outMessage, .inMessage {
display: flex;
align-items: center;
justify-content: flex-end;
@@ -63,6 +63,11 @@ body{
padding: 2px 5px;
}
+.inMessage {
+ color: var(--discord-text);
+ background-color: var(--discord-grey-7);
+}
+
.outMessage .chat_message {
font-weight: bold;
}
@@ -97,23 +102,22 @@ body{
}
/* SCROLL BAR STYLING */
-
::-webkit-scrollbar {
- width: 12px; /* Set the width of the scrollbar for WebKit browsers */
+ width: 12px;
}
::-webkit-scrollbar-track {
- background-color: var(--discord-grey-1); /* Set the background color of the scrollbar track */
- border-radius: 4px; /* Set the border radius of the scrollbar track */
+ background-color: var(--discord-grey-1);
+ border-radius: 4px;
}
::-webkit-scrollbar-thumb {
- background-color: var(--discord-grey-7); /* Set the background color of the scrollbar thumb */
- border-radius: 4px; /* Set the border radius of the scrollbar thumb */
+ background-color: var(--discord-grey-7);
+ border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
- background-color: var(--discord-grey-8); /* Set the background color of the scrollbar thumb on hover */
+ background-color: var(--discord-grey-8);
}