Przeglądaj źródła

Small concord theme fixes

JC Brand 5 lat temu
rodzic
commit
c15b4b3ac9
5 zmienionych plików z 8 dodań i 6 usunięć
  1. 2 0
      dev.html
  2. 1 1
      sass/_controlbox.scss
  3. 1 1
      sass/_core.scss
  4. 1 1
      sass/_forms.scss
  5. 3 3
      sass/_variables.scss

+ 2 - 0
dev.html

@@ -34,6 +34,8 @@
         //     'prosody@conference.prosody.im',
         //     'jdev@conference.jabber.org'
         // ],
+        theme: 'concord',
+        muc_show_logs_before_join: true,
         websocket_url: 'wss://conversejs.org/xmpp-websocket',
         bosh_service_url: 'https://conversejs.org/http-bind/', // Please use this connection manager only for testing purposes
         whitelisted_plugins: ['converse-debug'],

+ 1 - 1
sass/_controlbox.scss

@@ -9,7 +9,7 @@
                 color: var(--link-color);
                 font-size: var(--font-size-large);
                 &:hover {
-                    color: var(--link-color-darken-20-percent);
+                    color: var(--link-hover-color);
                 }
                 i {
                     color: var(--link-color);

+ 1 - 1
sass/_core.scss

@@ -292,7 +292,7 @@ body.converse-fullscreen {
         color: var(--link-color);
         text-shadow: none;
         &:hover {
-            color: var(--link-color-darken-20-percent);
+            color: var(--link-hover-color);
             text-decoration: none;
             text-shadow: none;
         }

+ 1 - 1
sass/_forms.scss

@@ -46,6 +46,7 @@
 
         &#converse-register,
         &#converse-login {
+            background: var(--controlbox-pane-background-color);
             legend {
                 width: 100%;
                 text-align: center;
@@ -71,7 +72,6 @@
 
 
         &.converse-form {
-            background: white;
             padding: 1.2rem;
             legend {
                 color: var(--text-color);

+ 3 - 3
sass/_variables.scss

@@ -20,7 +20,7 @@ $mobile_portrait_length: 480px !default;
     --completion-dark-color: #D24E2B; // $dark-red
 
     --link-color: var(--light-blue);
-    --link-color-darken-20-percent: #345566; // darken($light-blue, 20%)
+    --link-hover-color: #345566;
     --link-color-lighten-10-percent: #79a5ba; // lighten($light-blue, 10%)
     --dark-link-color: #206485; // $dark-blue
     --global-background-color: #397491; // dark blue
@@ -198,7 +198,7 @@ $mobile_portrait_length: 480px !default;
     --chat-info-display: none;
     --chat-textarea-background-color: #F6F6F6;
     --chat-correcting-color: #FFFFC0;
-    --chat-head-text-color: #999;
+    --chat-head-text-color: #AAA;
 
     --chatbox-border-radius: 0px;
 
@@ -232,7 +232,7 @@ $mobile_portrait_length: 480px !default;
     --message-input-border-top: 1px solid #CCC;
     --message-input-color: #CCC;
 
-    --fullpage-chat-head-height: 40px;
+    --fullpage-chat-head-height: 62px;
     --fullpage-chatbox-button-size: 24px;
 
     --list-toggle-font-weight: bold;