Created
March 23, 2026 16:55
-
-
Save wispborne/8f51e83a0a395b536cf9d4fb3738cae0 to your computer and use it in GitHub Desktop.
Audiobookshelf Style
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Wisp's Dark Theme */ | |
| :root { | |
| /* ## Personal Color Palette ## */ | |
| --theme-main: #101828; | |
| /* Main background color */ | |
| --theme-secondary: #3BA99C; | |
| /* Secondary accent color */ | |
| --theme-tertiary: #3BA99C; | |
| /* --theme-tertiary: #E4B363; */ | |
| /* Tertiary highlight color */ | |
| /* ## Text & Border Colors ## */ | |
| --theme-text-primary: #ffffffe8; | |
| /* Primary text color */ | |
| --theme-text-secondary: #bdc3c7de; | |
| /* Muted text for subtitles, etc. */ | |
| --theme-border-color: #4a628e; | |
| /* A slightly lighter shade of main for borders */ | |
| /* ================================================================ | |
| ## Overriding Application's Core CSS Variables ## | |
| The theme works by replacing the app's default colors with yours. | |
| ================================================================ | |
| */ | |
| /* ## Background Colors ## */ | |
| --color-bg: var(--theme-main); | |
| --color-primary: var(--theme-main); | |
| /* Elements using black will now use a darker shade of the main theme */ | |
| --color-black-400: #24365a; | |
| --color-black-500: #1e2c48; | |
| /* ## Accent & Interactive Colors ## */ | |
| --color-accent: var(--theme-secondary); | |
| --color-success: var(--theme-secondary); | |
| /* Mapping success state to secondary color */ | |
| --color-warning: var(--theme-tertiary); | |
| /* Mapping warning state to tertiary color */ | |
| /* Making scrollbar thumb match the tertiary color */ | |
| --scrollbar-thumb-color: var(--theme-tertiary); | |
| } | |
| /* | |
| ================================================================ | |
| ## General Element Styling ## | |
| Applying the theme to the body and other global elements. | |
| ================================================================ | |
| */ | |
| body, | |
| #page-wrapper, | |
| #bookshelf { | |
| /* background: var(--theme-main) !important; */ | |
| background-image: url("data:image/png;base64,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"); | |
| color: var(--theme-text-primary); | |
| } | |
| /* ## Text & Links ## */ | |
| a { | |
| color: var(--theme-text-primary); | |
| } | |
| a:hover, | |
| .hover\:text-yellow-300:hover { | |
| color: var(--theme-secondary) !important; | |
| } | |
| /* Muted text styles */ | |
| .text-gray-400, | |
| .text-white\/80 { | |
| color: var(--theme-text-secondary) !important; | |
| } | |
| /* | |
| ================================================================ | |
| ## Specific Component Overrides ## | |
| Targeting specific classes and IDs from the HTML to apply the theme. | |
| ================================================================ | |
| */ | |
| /* ## App Bar & Side Rail ## */ | |
| #appbar, | |
| #siderail-buttons-container, | |
| .bg-primary\/80, | |
| .bg-primary\/40, | |
| .bg-bg\/60 { | |
| background-color: var(--theme-main) !important; | |
| border-color: var(--theme-border-color) !important; | |
| } | |
| img[alt="Home"] { | |
| visibility: collapse; | |
| } | |
| /* Active sidebar item indicator */ | |
| .nuxt-link-active .bg-yellow-400, | |
| .w-0\.5.bg-yellow-400 { | |
| background-color: var(--theme-tertiary) !important; | |
| } | |
| /* ## Buttons & Inputs ## */ | |
| .abs-btn.bg-success, | |
| button.bg-success { | |
| background-color: var(--theme-secondary) !important; | |
| border-color: var(--theme-secondary) !important; | |
| } | |
| input, | |
| textarea, | |
| button.bg-black\/20 { | |
| background-color: #24365a !important; | |
| /* Darker shade of main */ | |
| border-color: var(--theme-border-color) !important; | |
| } | |
| input:focus, | |
| textarea:focus { | |
| border-color: var(--theme-tertiary) !important; | |
| } | |
| /* ## Progress Bars & Highlights ## */ | |
| .box-shadow-progressbar, | |
| .bg-yellow-400 { | |
| background-color: var(--theme-tertiary) !important; | |
| } | |
| .bg-success { | |
| background-color: var(--theme-secondary) !important; | |
| } | |
| /* ## Modals and Popups ## */ | |
| .modal-bg, | |
| .bg-bg.shadow-lg { | |
| background-color: var(--theme-main) !important; | |
| border-color: var(--theme-border-color) !important; | |
| } | |
| /* ## Bookshelf & Rows ## */ | |
| .bookshelfDivider { | |
| background: linear-gradient(180deg, #415a8a 0%, #2d4471 100%) !important; | |
| box-shadow: 0 0.875em 0.5em #1a2740aa !important; | |
| } | |
| .box-shadow-book { | |
| box-shadow: 4px 1px 8px #1a274099, -4px 1px 8px #1a274099, 1px -4px 8px #1a274099 !important; | |
| } | |
| /* ## Scrollbar ## */ | |
| ::-webkit-scrollbar-thumb { | |
| background: var(--scrollbar-thumb-color); | |
| } | |
| ::-webkit-scrollbar-thumb:hover { | |
| background: var(--theme-secondary); | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment