commit 02ca55219ded2bf542e3e447fb9eb6456c75b687
parent dc8f2fb0d9b65d0b193ff24572cfb2f91fb1f30e
Author: ugrnm <ultrageranium@bleu255.com>
Date: Mon Mar 30 10:00:29 +0200
no glow on form input
Diffstat:1 file changed, 31 insertions(+), 5 deletions(-)
diff --git a/muc/muc.css b/muc/muc.css
@@ -3,27 +3,35 @@
src: url('https://lurk.org/fonts/Route159-SemiBold.woff') format('woff');
}
+html * {
+ scrollbar-color: #7800FF #FFFFFF;
+ scrollbar-width: unset;
+}
/* chat head */
#conversejs .chat-head,
#conversejs .chat-head .chat-head__desc {
color: white;
- font-size: 1.05em;
+ font-size: 1.05em;
+
}
-#conversejs .message.chat-msg .chat-msg__avatar {
+#conversejs .message.chat-msg .chat-msg__avatar image {
height: 64px;
width: 64px;
+ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0.2 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 1 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}
/* quick and dirty, because converse.css is a 15K lines nightmare */
#conversejs, #conversejs-bg, .converse-fullscreen {
+ --global-background-color: #FFCD3F;
--redder-orange: #7800FF;
--message-text-color: #7800FF;
--text-color: #7800FF;
--light-blue: #FFCD3F;
--subdued-color: #FFCD3F;
--chatroom-correcting-color: #FFCD3F;
+ --primary-color-dark: #7800FF;
--normal-font: 'Route159-SemiBold', monospace;
--heading-font: 'Route159-SemiBold', monospace;
--font-size-tiny: 1.05em;
@@ -37,7 +45,7 @@
--line-height-huge: 1.3em;
--message-avatar-height: 64px;
--message-avatar-width: 64px;
-
+ --chat-textarea-color: #7800FF;
}
#conversejs body {
@@ -110,4 +118,23 @@
white-space: nowrap;
color: #7800FF;
font-size: 1.05em;
-}-
\ No newline at end of file
+}
+
+#conversejs .btn {
+ transition: unset;
+}
+
+#conversejs .form-control {
+ color: #7800FF;
+ transition: unset;
+}
+
+#conversejs .message.chat-msg.chat-msg--followup .chat-msg__content {
+ margin-left: 4.5rem;
+}
+
+#conversejs .form-control:focus {
+ color: #7800FF;
+ border-color: unset;
+ box-shadow: unset;
+}