Reproducing sepia reading view in Safari. Early version, may not work as expected.
aisystant reader view: sepia by Darion
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
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);
}
}