theme_dark.scss

/*-- scss:defaults --*/

// Colors
$lter-green-1: #97AE3F;
$lter-green-2: #5A5C37;
$lter-green-3: #374228;
$lter-blue-1: #209ACA;
$lter-blue-2: #4AB2CB;
$lter-tan: #B89E92;
$lter-yellow: #FFDF1D;
$lter-orange: #DA6641;
$turq: #2a9d8f;
$blue: #005E6B;
$yellow: #e9c46a;
$orange: #f4a261;
$red: #e76f51;

/* generally useful other colors */
$cream: #F4F3EE;
$gray-0: #d6d6d6;
$gray-1: #BCB8B1;
$gray-2: #8A817C;
$gray-3: #222823;
$gray-4: #191919;
$black: #08090A;

// Fonts
$font-size: 25px;
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&family=Open+Sans:wght@300&display=swap');

// Base document colors
$navbar-bg: $blue; // navbar
$navbar-fg: $turq; // navbar foreground elements
$sidebar-bg: $lter-green-3; // sidebar
$sidebar-fg: $cream; // sidebar foreground elements
$navbar-hl: $cream; // highlight color when on a page
$body-bg: $black; // page background
$body-color: $cream; // page text
$footer-bg: $blue; // footer
$footer-fg: $turq; // footer text
$link-color: $yellow; // hyperlinks

// Code text
$code-bg: $gray-3; // inline code background color
$code-block-bg: $gray-3; // code block background color
$code-color: $lter-green-1; // inline code text color

/*-- scss:rules --*/

// Code chunk ouput
pre code:not(.sourceCode) { background-color: $gray-0; }

// Active tabset panel (tab then tab content)
.nav-tabs .nav-link.active { 
  background-color: $blue; 
  color: $cream;
}
.tab-content { background-color: $blue; }

// Navbar dropdown elements
.dropdown-menu{
  --bs-dropdown-link-hover-color: #f4f3ee;
  --bs-dropdown-link-hover-bg: #97AE3F;
}

// Underline URLs
.reveal .slide a { text-decoration: underline; }