icons stroke

tabler · Oct 29, 2020 · 4860980 · 4860980
1 parent aa451f2
commit 4860980
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 6 deletions.
diff --git 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 %}
 <div class="modal-body text-center py-5">
 
-	{% 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" %}
 
 	<h3>Payment succedeed</h3>
 	<div class="text-muted">Your payment of $290 has been successfully submitted. Your invoice has been sent to support@tabler.io.</div>

diff --git a/src/pages/_includes/ui/trending.html b/src/pages/_includes/ui/trending.html
@@ -11,5 +11,5 @@
 {% endif %}
 
 <span class="text-{{ color }} d-inline-flex align-items-center lh-1{% if include.class %} {{ include.class }}{% endif %}">
-   {{ value }}% {% include ui/icon.html icon=icon class="icon-thin" class="ml-1" %}
+   {{ value }}% {% include ui/icon.html icon=icon class="ml-1" %}
 </span>
diff --git a/src/pages/_layouts/base.html b/src/pages/_layouts/base.html
@@ -45,7 +45,7 @@
 </head>
 
 {% assign layout-dark = page.layout-dark | default: site.layout-dark %}
-<body class="antialiased{% if layout-dark %} theme-dark{% endif %}{% if layout.body-class %} {{ layout.body-class }}{% endif %}{% if page.body-class %} {{ page.body-class }}{% endif %}">
+<body class="{% if layout-dark %} theme-dark{% endif %}{% if layout.body-class %} {{ layout.body-class }}{% endif %}{% if page.body-class %} {{ page.body-class }}{% endif %}">
 
 	{{ content }}
 

diff --git 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
@@ -4,6 +4,10 @@
   font-size: 1rem;
   vertical-align: text-bottom;
 
+  @if $icon-stroke-width {
+    stroke-width: $icon-stroke-width;
+  }
+
   &:hover {
     text-decoration: none;
   }