changed card borders

resources/less/metager/general/cards.less

 .card,
 .card-medium {
-    border: 1px solid #ccc;
+    border: 1px solid @card-border-color;
     background-color: @card-background-color;
     box-shadow: 0px 1px 1.5px 0px rgba(0, 0, 0, 0.12), 1px 0px 1px 0px rgba(0, 0, 0, 0.24);
     padding: 8px;

resources/less/metager/variables-dark.less

@@ -2,12 +2,14 @@
 @import "./variables.less";
 
 // Default Background Color
-@card-background-color: @color-strong-grey;
 @background-color: @color-almost-black;
 @background-color-mobile: @color-almost-black;
-@sidebar-list-hover-color: @color-strong-grey;
-
 // General text color.
 @text-color: @color-white;
 // Default textual link color.
 @link-color: #FF8000;
+// Sidebar styles
+@sidebar-list-hover-color: @color-strong-grey;
+// Card styles
+@card-background-color: @color-strong-grey;
+@card-border-color: #727272;

resources/less/metager/variables.less

@@ -10,7 +10,6 @@
 @color-black: black;
 // Default Background Color
 @background-color: white;
-@card-background-color: @background-color;
 @background-color-mobile: #FAFAFA;
 @sidebar-list-hover-color: @color-almost-white;
 // Default Font
@@ -29,4 +28,7 @@ sans-serif;
 // Screen sizes
 @screen-mobile: 760px;
 @screen-small: 1000px;
-@screen-medium: 1200px;
\ No newline at end of file
+@screen-medium: 1200px;
+// Card styles
+@card-background-color: @background-color;
+@card-border-color: #ccc;
\ No newline at end of file