/* Stylings around dark mode */
html[data-bs-theme="dark"] .theme-primary {
    background-color: #0d1117;
}
html[data-bs-theme="dark"] .theme-primary-important {
    background-color: #0d1117 !important;
}

html[data-bs-theme="dark"] .theme-secondary {
    background-color: #151b23;
}

html[data-bs-theme="dark"] .theme-secondary-important {
    background-color: #151b23 !important;
}

html[data-bs-theme="dark"] .theme-primary.theme-bottom-sep {
    border-bottom: 1px solid #777;
}

html[data-bs-theme="dark"] a.theme-primary:hover, html[data-bs-theme="dark"] button.theme-primary:hover, html[data-bs-theme="dark"] .dropdown.theme-primary:hover {
    background-color: #151b23;
}
html[data-bs-theme="dark"] a.theme-primary-important:hover, html[data-bs-theme="dark"] button.theme-primary-important:hover, html[data-bs-theme="dark"] .dropdown.theme-primary-important:hover {
    background-color: #151b23 !important;
}

html[data-bs-theme="dark"] a.theme-secondary:hover, html[data-bs-theme="dark"] button.theme-secondary:hover, html[data-bs-theme="dark"] .dropdown.theme-secondary:hover {
    background-color: #232931;
}
html[data-bs-theme="dark"] a.theme-secondary-important:hover, html[data-bs-theme="dark"] button.theme-secondary-important:hover, html[data-bs-theme="dark"] .dropdown.theme-secondary-important:hover {
    background-color: #232931 !important;
}

html[data-bs-theme="dark"] a.theme-primary, html[data-bs-theme="dark"] a.theme-secondary, html[data-bs-theme="dark"] button.theme-primary, html[data-bs-theme="dark"] button.theme-secondary {
    text-decoration: none;
    color: #eee;
}

html[data-bs-theme="dark"] a.theme-primary-opp:hover, html[data-bs-theme="dark"] a.theme-secondary-opp:hover, html[data-bs-theme="dark"] button.theme-primary-opp:hover, html[data-bs-theme="dark"] button.theme-secondary-opp:hover {
    background-color: #ddd;
}

html[data-bs-theme="dark"] a.theme-primary-opp, html[data-bs-theme="dark"] a.theme-secondary-opp, html[data-bs-theme="dark"] button.theme-primary-opp, html[data-bs-theme="dark"] button.theme-secondary-opp {
    text-decoration: none;
    color: rgb(11, 60, 97);
    background-color: #eee;
}

html[data-bs-theme="dark"] .dir.main {
    fill: white;
}

html[data-bs-theme="dark"] .dir.secondary {
    fill: grey;
}