Contents

// 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' %}

.content a:not(.btn) {
  color: {{ color }};
  border-color: fade-out({{ color }}, 0.8);
}

.content a:not(.btn):hover {
  border-color: {{ color }};
}

:focus {
  outline-color: {{ color }}!important;
}

.btn-primary {
  color: #fff;
  background-color: {{ color }};
  border-color: {{ color }};
}

.btn-primary:focus, .btn-primary.focus, .form-control:focus, .form-control.focus {
  box-shadow: 0 0 0 3px rgba({{ color }}, .5);
}

.btn-primary:hover, .btn-primary.hover {
  color: #fff;
  background-color: darken({{ color }}, 7.5%);
  border-color: darken({{ color }}, 7.5%);
}

.btn-primary:disabled, .btn-primary.disabled {
  color: #fff;
  background-color: {{ color }};
  border-color: {{ color }};
}

.btn-primary:active, .btn-primary.active {
  color: #fff;
  background-color: darken({{ color }}, 7.5%);
  border-color: darken({{ color }}, 7.5%);
}

body.dark-mode {
  --body-bg: #{hsl(hue({{ theme_color }}), 12.5%, 20%)};
  --border-color: #{hsl(hue({{ theme_color }}), 12.5%, 25%)};
}

::selection {
  color: #fff;
  background: {{ color }};
}

::-moz-selection {
  color: #fff;
  background: {{ color }};
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
jekyll-theme-hydejack-8.3.1	_includes/styles/page-style.scss
jekyll-theme-hydejack-8.3.0	_includes/styles/page-style.scss