diff --git a/resources/less/metager/general/cards.less b/resources/less/metager/general/cards.less index 248391b5829728d33b7adbbc8b6eeaa41d5800ea..3047312719eddcf7a0aeca67d8da6b3fe0e8fd31 100644 --- a/resources/less/metager/general/cards.less +++ b/resources/less/metager/general/cards.less @@ -1,6 +1,6 @@ .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; diff --git a/resources/less/metager/variables-dark.less b/resources/less/metager/variables-dark.less index cda46be1583b18d36a062eda88ca1284cdf2595c..ea8ada7809209303624b518604e3069d0f833de8 100644 --- a/resources/less/metager/variables-dark.less +++ b/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; diff --git a/resources/less/metager/variables.less b/resources/less/metager/variables.less index ade38008848f64ceed99a0892e87e16d346055d9..624bd8fa9e1ced286e0acbd943ad3e364e58639a 100644 --- a/resources/less/metager/variables.less +++ b/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