www.lurk.org

LURK www landing page
git clone https://git.lurk.org/repos/www.lurk.org.git
Log | Files | Refs

commit 02ca55219ded2bf542e3e447fb9eb6456c75b687
parent dc8f2fb0d9b65d0b193ff24572cfb2f91fb1f30e
Author: ugrnm <ultrageranium@bleu255.com>
Date:   Mon Mar 30 10:00:29 +0200

no glow on form input
Diffstat:
muc/muc.css | 36+++++++++++++++++++++++++++++++-----
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;
+}