_includes/styles/page-style.scss in jekyll-theme-hydejack-8.5.2 vs _includes/styles/page-style.scss in jekyll-theme-hydejack-9.0.0

@@ -1,64 +1,9 @@
-// These styles interact with JavsScript!
-// Their ordering MUST NOT be changed. See `_js/cross-fader.js`!
-
 {% assign color       = include.color       | default:'#4fb1ba' %}
 {% assign theme_color = include.theme_color | default:'#193747' %}
 
-// 0
-.content a:not(.btn) {
-  color: {{ color }};
-  border-color: fade-out({{ color }}, 0.8);
+html {
+  --accent-color: {{ color }};
+  --accent-color-faded: #{fade-out({{ color }}, 0.5)};
+  --accent-color-darkened: #{darken({{ color }}, 7.5%)};
+  --theme-color: {{ theme_color }};
 }
-
-// 1
-.content a:not(.btn):hover {
-  border-color: {{ color }};
-}
-
-// 2
-:focus {
-  outline-color: {{ color }}!important;
-}
-
-// 3
-.btn-primary {
-  color: #fff;
-  background-color: {{ color }};
-  border-color: {{ color }};
-}
-
-// 4
-.btn-primary:focus, .btn-primary.focus, .form-control:focus, .form-control.focus {
-  box-shadow: 0 0 0 3px rgba({{ color }}, .5);
-}
-
-// 5
-.btn-primary:hover, .btn-primary.hover {
-  color: #fff;
-  background-color: darken({{ color }}, 7.5%);
-  border-color: darken({{ color }}, 7.5%);
-}
-
-// 6
-.btn-primary:disabled, .btn-primary.disabled {
-  color: #fff;
-  background-color: {{ color }};
-  border-color: {{ color }};
-}
-
-// 7
-.btn-primary:active, .btn-primary.active {
-  color: #fff;
-  background-color: darken({{ color }}, 7.5%);
-  border-color: darken({{ color }}, 7.5%);
-}
-
-::selection {
-  color: #fff;
-  background: {{ color }};
-}
-
-::-moz-selection {
-  color: #fff;
-  background: {{ color }};
-}
\ No newline at end of file