Skip to content

Odysee × OLED Pro Deep Black Dark Theme by greatday

Screenshot of Odysee × OLED Pro Deep Black Dark Theme

Details

Authorgreatday

LicenseMIT

Categoryodysee.com

Created

Updated

Size5.7 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

This is a deep black theme for Odysee that improves contrast and it also removes a whole bunch of garbage from pages including image backgrounds.

Notes

This theme is meant for OLED displays but it should work well for Extreme Dynamic Range (XDR) displays as well. It is compatible and tweaked for the most popular Odysee extensions. Requests and fixes welcome in comments. Check out some of my other themes for OLED-compatible themes!

Source code

/* ==UserStyle==
@name           odysee.com - May 2024
@namespace      userstyles.world/user/greatday
@version        1.0.0
@description    OLED Pro Deep Black Hacker Odysee
@author         GoodDay
@preprocessor   stylus
@license        MIT
==/UserStyle== */

@-moz-document domain("odysee.com") {
    [theme="dark"] {
    --color-primary: #e50054e8;
    --color-primary-alt: #72001b80;
    --color-fire: #ff6938;
    --color-fire-outside: #fe9a1f;
    --color-background: #000;
    --color-background-overlay: #07070895;
    --color-border: #372946;
    --color-card-background: #000;
    --color-card-background-highlighted: #221b2c;
    --color-text: var(--color-gray-1);
    --color-text-subtitle: var(--color-gray-4);
    --color-text-empty: var(--color-text-subtitle);
    --color-text-help: #bbb;
    --color-text-warning: #292e32;
    --color-text-warning--background: var(--lbry-yellow-1);
    --color-text-error: var(--color-danger);
    --color-error: var(--color-danger-alt);
    --color-blockquote: var(--color-gray-5);
    --color-blockquote-bg: var(--color-card-background-highlighted);
    --color-help-warning-text: var(--color-white-alt);
    --color-help-warning-bg: #f8bf2c50;
    --color-tag-words: var(--color-text);
    --color-tag-words-bg: var(--color-gray-5);
    --color-tag-words-hover: var(--color-white);
    --color-tag-words-bg-hover: var(--color-gray-4);
    --color-header-button: #111;
    --color-header-background: #000;
    --color-button-primary-text: white;
    --color-button-primary-hover-text: var(--color-primary-alt);
    --color-button-secondary-bg: #2b1541;
    --color-button-secondary-border: #4d1a81;
    --color-button-secondary-bg-hover: #3a1d57;
    --color-button-secondary-text: #e7e7e7;
    --color-button-alt-bg: var(--color-header-button);
    --color-button-alt-bg-hover: #30243d;
    --color-button-toggle-text: var(--color-text);
    --color-button-toggle-bg: var(--color-primary-alt);
    --color-button-toggle-bg-hover: var(--color-primary-alt);
    --color-button-alt-text: #e2e9f0;
    --color-button-border: #5f477b;
    --color-link: var(--color-primary);
    --color-link-hover: #d85875;
    --color-link-active: #e71e4c;
    --color-link-focus-bg: #3a2b4a;
    --color-input: #f4f4f5;
    --color-input-label: #a7a7a7;
    --color-input-placeholder: #f4f4f5;
    --color-input-bg: var(--color-header-button);
    --color-input-bg-copyable: #553f6c;
    --color-input-border: var(--color-border);
    --color-input-border-active: var(--color-secondary);
    --color-input-toggle: var(--color-primary-alt-3);
    --color-input-toggle-bg: var(--color-input-bg);
    --color-input-toggle-bg-hover: var(--color-secondary);
    --color-input-bg-selected: var(--color-primary-alt);
    --color-input-prefix-bg: var(--color-input-bg-copyable);
    --color-input-prefix-border: var(--color-gray-4);
    --select-toggle-background: none !important;
    --color-navigation-icon: #77808a;
    --color-navigation-link: #bec8d2;
    --color-navigation-active: #31253d;
    --color-navigation-active-text: #bec8d2;
    --color-navigation-hover: #231a2c;
    --color-navigation-hover-text: #bec8d2;
    --color-tag: #fa85af;
    --color-tag-bg: var(--color-navigation-hover);
    --color-tag-hover: var(--color-white);
    --color-tag-bg-hover: var(--color-primary-alt-2);
    --color-tag-mature-bg: var(--color-primary-alt-2);
    --color-menu-background: var(--color-header-background);
    --color-menu-background--active: var(--color-primary-alt);
    --color-menu-icon: #928b9b;
    --color-menu-icon-active: #d6d6d6;
    --color-comment-menu: #6a6a6a;
    --color-comment-menu-hovering: #e0e0e0;
    --color-comment-highlighted: #484734;
    --color-comment-threadline: #24192f;
    --color-comment-threadline-hover: var(--color-gray-4);
    --color-tab-text: var(--color-white);
    --color-tabs-background: var(--color-card-background);
    --color-tab-divider: var(--color-white);
    --color-modal-background: var(--color-card-background);
    --color-notice: #58563b;
    --color-purchased: #ffd47c;
    --color-purchased-alt: var(--color-purchased);
    --color-purchased-text: black;
    --color-thumbnail-background: var(--color-gray-5);
    --color-tooltip-bg: #2f3337;
    --color-focus: #e91e6329;
    --color-placeholder-background: #261a35;
    --color-spinner-light: white;
    --color-spinner-dark: #212529;
    --color-login-graphic-background: var(--color-background);
    --color-editor-cursor: var(--color-text);
    --color-editor-quote: #d3d3d3;
    --color-editor-tag: #ffd47c;
    --color-editor-attr: #68ccf9;
    --color-editor-string: #f88b6d;
    --color-editor-inline-code-fg: #ce9178;
    --color-editor-inline-code-fg-preview: #e8b692;
    --color-editor-inline-code-bg: rgba(20, 68, 102, 0.3);
    --color-editor-inline-code-bg-preview: #464b50;
    --color-editor-selected: #264f78;
    --color-editor-link: var(--color-link);
    --color-editor-url: var(--color-editor-string);
    --color-editor-hr: var(--color-editor-tag);
    --color-editor-hr-preview: #a0a0a0;
    --color-ads-background: #475057;
    --color-ads-text: #111;
    --color-ads-link: var(--color-primary-alt);
    --color-scrollbar-thumb-bg: rgba(255, 255, 255, 0.2);
    --color-scrollbar-track-bg: transparent;
    --select-toggle-background-hover: none;
    --background-shade: #000;
    }
    .background-image {
        background-image: none !important; 
    }
    /* remove the top carousel; remove the section below if you want it back */
    .featured-banner-wrapper {
        display: none;
    }
}

Reviews

No reviews yet.