Logos Web App | Dark Mode by jrkreifels

/* ==UserStyle==
@name         Logos Web App | Dark Mode
@version      20241012.22.08
@namespace    https://userstyles.world/user/jrkreifels
@description  Dark Mode for the Logos Web App. Please enjoy!
@author       jrkreifels
@license      MIT
==/UserStyle== */

@-moz-document url-prefix("https://app.logos"), url-prefix("https://amber-embed.logos"), url-prefix("https://sermonwriterapi.logos.com") {
:root {
    --theme-blue: #45A1FF;
    --theme-header-bg: #18191b;
    --theme-background-color: hsl(210, 7%, 15%);
    --theme-header-color: #fff;
    --theme-color: #fff;
    --theme-toolbar-background-color: #242629;
    --theme-toolbar-color: #fff;
    --theme-highlight-border-color: #FF8433;
    --theme-lighter-background-color: #18191b;
    --bible-study-theme-border-color: #18191b;
    
    --bible-study-theme-text-color: #ddd;
    --bible-study-theme-link-color: #57aeff;
    --bible-study-theme-link-hover-color: #76bfff;
    --bible-study-theme-resource-display-link-color: #57aeff;
    --bible-study-theme-resource-display-link-hover-color: #76bfff;
    --bible-study-theme-search-hit-font-color: #fff;
    --bible-study-theme-button-inline-color: #fff;
    
    --bible-study-theme-colorSets-search-hit-background-color-1: hsl(206, 44%, 46%);
    --bible-study-theme-colorSets-search-hit-background-color-2: hsl(24, 50%, 50%);
    --bible-study-theme-colorSets-search-hit-background-color-3: hsl(80, 30%, 45%);
    --bible-study-theme-colorSets-search-hit-background-color-4: hsl(227, 60%, 65%);
    --bible-study-theme-colorSets-search-hit-background-color-5: hsl(0, 35%, 50%);
    --bible-study-theme-colorSets-search-hit-background-color-6: hsl(187, 25%, 55%);
    --bible-study-theme-colorSets-search-hit-background-color-7: hsl(206, 45%, 60%);
    --bible-study-theme-colorSets-search-hit-background-color-8: hsl(230, 26%, 41%);
    --bible-study-theme-colorSets-search-hit-background-color-9: hsl(276, 29%, 65%);
    --bible-study-theme-colorSets-search-hit-background-color-10: hsl(339, 35%, 50%);
    --bible-study-theme-colorSets-search-hit-background-color-11: hsl(30, 60%, 55%);
    
    --bible-study-theme-card-stock-background-color: #242629;
    --bible-study-theme-panel-background-color: #242629;
    
    --bible-study-theme-menu-item-selected-color: #18191b;
    
    --bible-study-theme-menu-item-background-color: #41464b;
    --bible-study-theme-menu-item-hover-color: #18191b;
    --bible-study-theme-item-hover-background-color: #18191b;

    --bible-study-theme-dropdown-background-color: #242629;

    --bible-study-theme-button-filled-background-color: #18191b;
    --bible-study-theme-button-filled-border-color: #18191b;
    --bible-study-theme-button-filled-hover-color: #ffffff;
    --bible-study-theme-button-filled-hover-background-color: #18191b;
    --bible-study-theme-button-filled-color: #ffffffaa;

    --bible-study-theme-button-bordered-background-color: #242629;
    --bible-study-theme-button-bordered-hover-background-color:#18191b;
    --bible-study-theme-button-bordered-hover-color: #fff;

    --bible-study-theme-button-icon-hover-background-color: hsla(220, 33%, 70%, .34);
    --bible-study-theme-app-toolbar-button-active-background-color: hsla(220, 33%, 70%, .34);
    --bible-study-theme-button-icon-hover-border-color: hsla(220, 33%, 70%, 0);
    --bible-study-theme-button-icon-background-color: #ffffff00;
    
    --bible-study-theme-tab-button-active-background-color: var(--theme-toolbar-background-color);
    --bible-study-theme-active-item-thick-border-color: #0a55e6;

    --bible-study-theme-sidebar-background-color: #242629;
    --factbook-header-color: #de0000;
    --factbook-color: #fff;

    --search-results-link: #76bfff;
    --bible-study-theme-window-background-color: #18191b;
    --bible-study-theme-app-toolbar-button-color: #fff;
    --bible-study-theme-app-toolbar-text-color: #fff;
    --bible-study-theme-app-toolbar-icon-color: #fff;
    --bible-study-theme-card-info-font-color: #fff;
    --bible-study-theme-ui-font-color: #fff;
    --bible-study-theme-icon-color-active-disabled: #ffffffb3;
    --bible-study-theme-icon-color-active: #ffffffb3;
    --bible-study-theme-button-icon-active-color: hsl(223, 98%, 57%);
    --bible-study-theme-button-bordered-active-icon-color: hsl(223, 98%, 60%);
    --bible-study-theme-button-icon-color: hsl(218, 17%, 53%);
    --bible-study-theme-button-borderless-hover-icon-color: hsl(218, 17%, 53%);
    --bible-study-theme-text-box-border-color: #242629;
    --bible-study-theme-go-box-separator-color: #18191b;
    
    --bible-study-theme-button-icon-hover-color: hsl(218, 17%, 60%);
    --bible-study-theme-go-box-text-box-background-color: #242629;
    --bible-study-theme-ui-font-color-medium: #ffffffb3;
    --bible-study-theme-item-selected-background-color: #18191b;
    --bible-study-theme-button-bordered-color: #fff;
    --bible-study-theme-generic-tab-background-color: #242629;
    --bible-study-theme-button-filled-hover-icon-color: hsl(218, 17%, 60%);
    --bible-study-theme-text-box-border-style: #18191b;
    --bible-study-theme-text-box-border: #18191b;
    --bible-study-theme-text-box-background-color: #18191b;
    --bible-study-theme-toolbar-background-color: #242629;
    --bible-study-theme-content-background-color: #242629;
    --bible-study-theme-card-info-background-color: #242629;
    --bible-study-theme-toast-info-background-color: #242629;
    --bible-study-theme-button-borderless-color: #fff;
    --bible-study-theme-item-background-color: #242629;
    --bible-study-theme-generic-menu-background-color: #242629;
    --bible-study-theme-button-bordered-border-color: #18191b;
    --bible-study-theme-button-bordered-hover-border-color: #18191b;
    --bible-study-theme-button-filled-hover-border-color: #18191b;
    --bible-study-theme-generic-tab-active-background-color: hsla(220, 33%, 70%, .34);
    --bible-study-theme-button-bordered-active-color: #fff;
    --bible-study-theme-generic-tab-hover-background-color: #18191b;
    --bible-study-theme-button-borderless-hover-background-color: hsla(220, 33%, 70%, .34);
    --bible-study-theme-button-borderless-hover-color: #fff;
    --bible-study-theme-button-inline-background-color: #18191b;
    --bible-study-theme-button-inline-border-color: #18191b;
    --bible-study-theme-border-color-heavy: #18191b;
    --bible-study-theme-secondary-sidebar-background-color: #242629;
    --bible-study-theme-scrollbar-hover-background-color: hsl(216, 6%, 17%);
    --bible-study-theme-text-box-selection-background-color: rgb(158, 207, 228);
    --bible-study-theme-canvas-sidebar-background-color: #242629;
    --bible-study-theme-canvas-editor-background-color: #242629;
    --bible-study-theme-card-stock-box-shadow: 0 1px 4px 0 #0000005c;
    --bible-study-theme-panel-gradient-background-end-color: #18191b;
    --bible-study-theme-item-hover-color: #18191b;
    --bible-study-theme-search-hit-text-hover-color: hsl(208, 100%, 75%);
    --bible-study-theme-toolbar-separator-color: #242629;
    --bible-study-theme-sidebar-border-color: #18191b;
    --bible-study-theme-content-border-color: #18191b;
    --bible-study-theme-calendar-button-day-background-color: #242629;
    --bible-study-theme-calendar-button-day-color: #fff;
    --bible-study-theme-calendar-button-day-active-background-color: hsl(0, 0%, 59%);
    --bible-study-theme-sidebar-menu-item-hover-background-color: #18191b;
    --bible-study-theme-panel-extended-toolbar-background-color: #242629;
    --bible-study-theme-button-bordered-active-background-color: hsla(220, 33%, 70%, .34);
    --bible-study-theme-button-bordered-active-border-color: transparent;
    --bible-study-theme-button-icon-active-background-color: hsla(220, 33%, 70%, .34);
    --bible-study-theme-button-icon-active-border-color: transparent;
    --bible-study-theme-button-filled-active-background-color: hsla(220, 33%, 70%, .34);
    --bible-study-theme-button-filled-active-border-color: transparent;
    --bible-study-theme-button-filled-active-color: #fff;
    --bible-study-theme-panel-toolbar-background-color: #242629;
    --bible-study-theme-right-sidebar-border-color: #18191b;
    --bible-study-theme-grid-primary-background-color: #242629;
    --bible-study-theme-context-menu-content-item-separator-color: #18191b;
    --bible-study-theme-info-hint-background-main-color: hsla(220, 33%, 70%, .34);
    --bible-study-theme-panel-toolbar-border-color: #18191b;
    --bible-study-theme-left-sidebar-border-color: #18191b;
    --bible-study-theme-sidebar-menu-item-active-background-color: #242629;
    --bible-study-theme-main-background-color: #242629;
    --bible-study-theme-content-message-background-color: #18191b;
    --bible-study-theme-content-message-text-color: hsl(0, 0%, 60%);
    --bible-study-theme-drop-shadow-color: #0000006e;
    --bible-study-theme-colorSets-search-hit-background-color-0: #7d7d4f;
    --bible-study-theme-popup-background-color: #242629;
    --bible-study-theme-context-menu-content-background-color: #242629;
    --bible-study-theme-context-menu-tab-selector-item-separator-color: #18191b;
    --bible-study-theme-context-menu-tab-selected-background-color: #242629;
    --bible-study-theme-context-menu-tab-hover-background-color: #242629;
    --bible-study-theme-context-menu-inline-button-background-color: #18191b;
    --bible-study-theme-context-menu-inline-button-hover-background-color: hsl(206, 44%, 46%);
    --bible-study-theme-dropdown-box-shadow: 0px 2px 24px rgba(0, 0, 0, .43);
    --bible-study-theme-toast-box-shadow: 0px 4px 12px rgba(0, 0, 0, .35)
}
    
.bNolYK {
    background-color: #242629;
}

.gmPcRc {
    background-color: #242629;
}    

.bNolYK:hover {
    background-color: #18191b;
}

.sc-eldPxv.qnkpQ {
    background-color: #18191b;
}

.search-hit-1 {
    background-color: #7d7d4f;
}

.example-usage-reference-text-highlight {
    background-color: #7d7d4f;
}

.grammatical-relationships-reference-text-highlight {
    background-color: #7d7d4f;
}
...