fix_border_colors (#7)

Fix Disroot/Disroot-Project#449

Co-authored-by: meaz <meaz@disroot.org>
Reviewed-on: #7

README.md

@@ -30,6 +30,16 @@ INSTALLATION
 All styles are written using LESS syntax. Thus it needs to be compiled
 using the `lessc` (>= 2.5.2) command line tool. This comes with the `nodejs-less`
 RPM package or using `npm install less` which depend on nodejs.
+
+Here is how you can install those on Debian:
+```
+curl -sL https://deb.nodesource.com/setup_16.x | sudo bash -
+apt-get install -y nodejs
+npm install -g less
+npm install -g less-plugin-clean-css
+```
+Then, go to the `styles` folder, and when you're done editing your files, do the following, as needed:
+
 ```
     $ lessc --clean-css="--s1 --advanced" styles/styles.less > styles/styles.min.css
     $ lessc --clean-css="--s1 --advanced" styles/print.less > styles/print.min.css

styles/_colors.less

@@ -38,7 +38,7 @@
 @color-dark-list-selected-background:   #50162D;
 @color-dark-list-droptarget-background: #353131;
 @color-dark-list-border:                #353131;
-@color-dark-input-border:               #292525;
+@color-dark-input-border:               #471328;
 @color-dark-input-addon-background:     #292525;
 @color-dark-popover-background:         #201c1c;
 @color-dark-popover-border:             #50162d;

styles/_dark.less

@@ -31,4 +31,18 @@ html.dark-mode {
         background-color: @color-dark-popover-background;
         border: unset;
     }
+
+    // The two following are to get lighter borders when composing message (to: and subject:), when focus
+    .custom-file-label:focus:not(.is-invalid), .form-control:focus:not(.is-invalid) {
+        border-color: #741d3f;
+    }
+
+    .recipient-input.focus {
+        border-color: #911648 !important;
+    }
+    
+    // Get dotted line around attachment brighter
+    .file-upload {
+        border: .2rem dashed @color-main;
+    }
 }