assets/css/dark.scss
---
---

/// Variables
// Main contents
$main-bg: #333;
$main-color: #ccc;
$header-color: #ddd;
$borders: #555;
$borders-hover: #777;
$borders-hover-color: #fff;
$light-borders: #444;
$blockquote-color: #999;
$code-bg: #5559;
$code-color: #ddd;
$code-light: #999;
$a-color: #58a6ff;
$small-color: gray;
$carousel-caption-bg: #333b;
$table-alt-bg: #303030;
$kbd-bg: #666;
$kbd-border: #444;
$alert-secondary-bg: #444;
$alert-secondary-border: #2f2f2f;
$details-bg: #3f3f3f;
$active-accordian-bg-color: #393939;
$active-accordian-header-color: #222;
$active-accordian-header-bg-color: #4477ac;

// Cards
$card-background: #444;
$card-edges-background: rgba(0, 0, 0, 0.15);

// Modal
$modal-borders: 1px solid rgba(0, 0, 0, 0.2);

// Nav
$nav-link-color: rgba(255, 255, 255, 0.7);
$nav-link-color-hover: rgba(255, 255, 255, 0.5);
$nav-link-color-active: rgba(255, 255, 255, 1);
$dropdown-item-bg-hover: rgba(0, 0, 0, 0.3);
$primary: {{ page.color | default: site.color }};
$dark: #f8f9fa;
$light: #3f3f3f;
$light-border: #292929;
$light-placeholder: #999;
$light-disabled: #303030;

/// Import base style
@import "base";

/// CSS Overrides
// Override FAQ accordian chevron color
#faq-container > details.accordian-item > summary.accordion-button::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ddd'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

#faq-container > details.accordian-item[open] > summary.accordion-button::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23222'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	transform: rotate(-180deg);
}
