Dark Mode for the Logos Web App. Please enjoy!
Logos Web App | Dark Mode by jrkreifels
Details
Authorjrkreifels
LicenseMIT
Categoryuserstyles.world
Created
Updated
Size27 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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.09
@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: hsl(213, 56%, 76%);
--bible-study-theme-ui-font-selection-background-color: hsla(213, 56%, 76%);
--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;
}
.gramm...