diff --git a/_includes/flag.html b/_includes/flag.html
index 1e1c147..41ee778 100644
--- a/_includes/flag.html
+++ b/_includes/flag.html
@@ -4,6 +4,6 @@
{{include.name}}
-
+
\ No newline at end of file
diff --git a/_sass/_colors.scss b/_sass/_colors.scss
index 9a962ed..b5e090d 100644
--- a/_sass/_colors.scss
+++ b/_sass/_colors.scss
@@ -8,6 +8,12 @@ $orange: rgb(236, 103, 55);
$green: rgb(188, 212, 42);
$magenta: rgb(168, 66, 114);
+$darken-factor: 15%;
+$dark-blue: darken($blue, $darken-factor);
+$dark-orange: darken($orange, $darken-factor);
+$dark-green: darken($green, $darken-factor);
+$dark-magenta: darken($magenta, $darken-factor);
+
.blue {
fill: $blue;
background-color: $blue;
@@ -27,3 +33,23 @@ $magenta: rgb(168, 66, 114);
fill: $magenta;
background-color: $magenta;
}
+
+.dark-blue {
+ fill: $dark-blue;
+ background-color: $dark-blue;
+}
+
+.dark-orange {
+ fill: $dark-orange;
+ background-color: $dark-orange;
+}
+
+.dark-green {
+ fill: $dark-green;
+ background-color: $dark-green;
+}
+
+.dark-magenta {
+ fill: $dark-magenta;
+ background-color: $dark-magenta;
+}