wiki/assets/css/dark.scss
2021-06-17 23:03:57 -05:00

57 lines
1.8 KiB
SCSS
Executable File

---
---
:root {
// 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;
}
// Override FAQ accordian chevron color
#faq-container input + label > h2::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 input:checked + label > h2::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");
color: red;
transform: rotate(-180deg);
}