Skip to content

aisystant reader view: sepia by Darion

Screenshot of aisystant reader view: sepia

Details

AuthorDarion

LicenseNo License

Categoryaisystant.system-school.ru

Created

Updated

Size2.5 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Reproducing sepia reading view in Safari. Early version, may not work as expected.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           aisystant.system-school.ru
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document url-prefix("https://aisystant.system-school.ru/lk/#/course") {
    html {
        --bg-light: #F6EEDC;
        --bg-dark: #D8D0BC;
        --bg-active: #36558F;
        --font-color: rgb(61, 37, 22);
        scrollbar-width: thin;
        scrollbar-color: var(--bg-dark) var(--bg-light);
        /* Color of the scrollbar thumb and track */
    }
    #main {
        padding-top: 1.2rem;
        background: var(--bg-dark);
    }
    .header .navbar {
        background: var(--bg-light);
    }
    .timer {
        border-color: #3D251666;
    }
    .timer .progress {
        background-color: var(--bg-dark);
    }
    .timer-button .btn.btn-start:before {
        border-color: transparent transparent transparent var(--bg-active);
    }
    .header .navbar-helper .btn {
        background: var(--bg-light);
    }
    .aside-courses .aside-list-contents,
    .aside-helper .aside-list-contents {
        background-color: var(--bg-light);
    }
    .nav-link {
        color: var(--font-color);
    }
    .form-control,
    .form-control:focus {
        background: var(--bg-dark);
    }
    body.open-menu .aside-courses .btn-aside-hide,
    body.open-menu .aside-helper .btn-aside-hide {
        background: var(--bg-light);
    }
    .courses-nav .btn {
        color: var(--bg-active);
    }
    .header .navbar-helper .btn {
        color: var(--bg-active);
    }
    .list-contents .nav-link.active,
    .list-contents .nav-link:hover {
        background-color: var(--bg-active);
    }
    .course-content {
        font-family: Iowan, Harding, Palatino, serif;
        background: var(--bg-light);
        color: var(--font-color);
        padding: 1.6rem;
    }
    .ai-search__form .form-submit .btn,
    .aside__footer .donate .btn,
    .banner-action .btn,
    .btn-secondary,
    .form-auth__submit .btn,
    .help .btn,
    .history-table .col-action .btn,
    .members-modal .btn-submit,
    .page-loader .btn,
    .profile-form__submit .btn,
    .search__form .btn-submit,
    .stream-users__head .btn,
    .streams-modal .btn-submit,
    .teacher-area .btn,
    .training-courses__item .course-action .btn {
        background-color: var(--bg-active);
    }
}

Reviews

No reviews yet.