diff --git a/src/pages/_includes/parts/modals/info.html b/src/pages/_includes/parts/modals/info.html
index 0cee441a8fd605df5efb47553bdf2dae8a5f949c..b00083e382bf3021563002733d8d71c00db118f1 100644
--- a/src/pages/_includes/parts/modals/info.html
+++ b/src/pages/_includes/parts/modals/info.html
@@ -1,7 +1,7 @@
{% include ui/modal/close.html %}
- {% include ui/icon.html icon="circle-check" color="green" class="icon-xl icon-thin mb-4" %}
+ {% include ui/icon.html icon="circle-check" color="green" class="icon-xl mb-4" %}
Payment succedeed
Your payment of $290 has been successfully submitted. Your invoice has been sent to support@tabler.io.
diff --git a/src/pages/_includes/ui/trending.html b/src/pages/_includes/ui/trending.html
index fa9f68bf054e2e61e2313820c7cdde1aeedd2914..fbba5faa7ceeb1714afb34e83c61cbc53470d7fc 100644
--- a/src/pages/_includes/ui/trending.html
+++ b/src/pages/_includes/ui/trending.html
@@ -11,5 +11,5 @@
{% endif %}
- {{ value }}% {% include ui/icon.html icon=icon class="icon-thin" class="ml-1" %}
+ {{ value }}% {% include ui/icon.html icon=icon class="ml-1" %}
diff --git a/src/pages/_layouts/base.html b/src/pages/_layouts/base.html
index 7d76f2910fb803b0a88bd92d72056bc4d03da608..c35d609a14487e5e0c2bf2e4a67256f19ab61a5d 100644
--- a/src/pages/_layouts/base.html
+++ b/src/pages/_layouts/base.html
@@ -45,7 +45,7 @@
{% assign layout-dark = page.layout-dark | default: site.layout-dark %}
-
+
{{ content }}
diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index d815debf2d28b12882ea24ca88287f46c1336524..bc568b0db301a18ee706bc012c4dd5a0bcc816ec 100644
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -22,6 +22,9 @@ $font-family-serif: "Georgia", "Times New Roman", times, serif !default;
// EXTERNAL FONTS
$icon-fonts: () !default;
+//Icons
+$icon-stroke-width: 1.5 !default;
+
//Fonts
$font-size-base: .875rem !default;
$font-weight-normal: 400 !default;
@@ -37,8 +40,8 @@ $theme-color-interval: 10% !default;
$min-contrast-ratio: 1.5 !default;
$light: #f5f7fb !default;
-$dark: #354052 !default;
-$text: #212b36 !default;
+$dark: #252f3f !default;
+$text: #252f3f !default;
$light-black: rgba($dark, .24) !default;
$light-mix: rgba(mix($light, $dark, 64%), .24) !default;
@@ -76,7 +79,7 @@ $white: #ffffff !default;
$body-bg: $light !default;
$body-color: $text !default;
-$text-muted-opacity: .72 !default; //Perfect color for AA
+$text-muted-opacity: .64 !default; //Perfect color for AA
$text-muted: mix($body-color, #ffffff, $text-muted-opacity * 100%) !default;
$border-color: rgba($text-muted, .2) !default;
$border-color-light: rgba($text-muted, .1) !default;
diff --git a/src/scss/ui/_icons.scss b/src/scss/ui/_icons.scss
index 7dc575eb45b8126c74de4378564ea3a490023334..71c5481d251ce17ae5b55cb4fdd3b792916b6f7c 100644
--- a/src/scss/ui/_icons.scss
+++ b/src/scss/ui/_icons.scss
@@ -4,6 +4,10 @@
font-size: 1rem;
vertical-align: text-bottom;
+ @if $icon-stroke-width {
+ stroke-width: $icon-stroke-width;
+ }
+
&:hover {
text-decoration: none;
}