Skip to content

Half-baked Readwise Reader sepia theme by kctdfh

Screenshot of Half-baked Readwise Reader sepia theme
Write a review Install Get Stylus

Details

Authorkctdfh

LicenseMIT

Categoryreadwise

Created

Updated

Code size1.4 kB

Code checksum13d382e3

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Super quick and dirty sepia theme that won't be nice to look at anywhere unless you're reading a piece of text - in which case it'll be glorious.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         read.readwise.io
@version      20231006.00.52
@namespace    ?
==/UserStyle== */

@-moz-document domain("read.readwise.io") {
:root {
    --sepia-text-dark: #020A16;
    --sepia-text-primary: #4E3515;
    --sepia-background: #dcc1a7;
}

:root {
    --sepia-text-dark: #0a0806;
    --sepia-text-primary: #473d2b;
    --sepia-text-secondary: #65573d;
    --sepia-background: #b3a282;
    --sepia-progress: #282318;
    --sepia-link: #813E35;
}

._root_w6ntz_1 {
    background-color: var(--sepia-progress);
}

.theme--dark {
    --background-primary: var(--sepia-background);
}

#document-header p, #document-header span, #document-header a {
    color: var(--sepia-text-primary) !important;
}

#document-header h1, .theme--dark #document-text-content, .theme--dark #document-text-content * {
    --reading-text-title: var(--sepia-text-dark);
    --reading-text-primary: var(--sepia-text-primary);
    --reading-text-secondary: var(--sepia-text-secondary);
    --reading-text-primary-inverse: var(--sepia-text-dark);
    --reading-text-link-highlight: var(--sepia-text-dark);
    --reading-surface-primary-inverse: var(--sepia-text-dark);
    --reading-text-link: var(--sepia-link);
}

#document-text-content a {
    color: var(--reading-text-link) !important;
}

rw-highlight.rw-highlight--active {
    color: var(--sepia-text-dark) !important;
}
}

Reviews

No reviews yet.