wiki/assets/css/dark.scss
Pk11 06f775b62e Improve support for old browsers
The site is now functional, though not perfect, on the n3DS browser (and also Safari 5.0.6, the Vita browser, and probably more)
2021-06-27 00:28:27 -05:00

59 lines
1.8 KiB
SCSS
Executable File

---
---
/// Variables
// Main contents
$main-bg: #333;
$main-color: #ccc;
$header-color: #ddd;
$borders: #555;
$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;
/// 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);
}