Skip to content

Logos Web App | Dark Mode by jrkreifels

Screenshot of Logos Web App | Dark Mode
Write a review Install Get Stylus

Details

Authorjrkreifels

LicenseMIT

Categoryuserstyles.world

Created

Updated

Size26 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

For those who are being left out from using dark mode, because they use the web app.

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         Logos Web App | Dark Mode
@version      20241012.22.05
@namespace    https://userstyles.world/user/jrkreifels
@description  For those who are being left out from using dark mode, because they use the web app.
@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-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: #18191b;
    --bible-study-theme-colorSets-search-hit-background-color-1: hsl(206, 44%, 46%);
    --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%);
}
    
.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;
}

.clause-participants-reference-text-highlight {
    background-color: #7d7d4f;
}
    
.example-usages-reference::after {
    background: linear-gradient(to right, #242629 50%, #00000000);
}

.example-usages-reference::before {
    background-color: hsl(210, 7%, 15%);
}

.usage-post-text::after {
    background: linear-gradient(to right, #00000000, #242629 50%);
}

.translation-graph-title {
    fill: #ffffff;
}

.translation-graph-subtitle {
    fill: #ffffff;
}

.translation-reference-text.search-hit-link.search-hit-1 {
    color: #fff;
}

.search-hit-link:hover {
    color: var(--bible-study-theme-search-hit-text-hover-color) !important;
}

.grammatical-relationships-main-table svg {
    background-color: #fff !important;
    border-radius: 25px;
    border: #fff solid 1px;
    padding: 2px;
}

.ZJQQE {
    background-color: hsl(210, 7%, 15%) !important;
    color: white !important;
}

.panel_R_fat > div {
    background-color: hsl(210, 7%, 15%) !im...

Reviews

No reviews yet.