For this great website for Chinese learning, there was very little accessibility (hard to read fonts, small print, very small contrast with text. I've created this Stylus as a starting point to get a "dark mode" experience.
Little Fox Chinese by rdemenezes
Details
Authorrdemenezes
LicenseNo License
Categorylittlefox
Created
Updated
Size2.3 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 chinese.littlefox.com - 9/4/2022, 2:13:09 PM
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document regexp("https?://chinese\\.littlefox\\.com\\/en(?!/player_h5/view).*") {
html, body, div, span, td, tr {
color: white !important;
background-color: #303030 !important;
color-scheme: dark;
}
.more_icons, .ic_play {
background-color: transparent !important;
}
.btnSeriesIntro {
background-color: inherit !important;
}
.LF_CHK.s2 + label {
border-radius: 5px;
}
.search_input {
background-color: white;
color: black;
}
.title_section {
background-color: #303030 !important;
}
#footer div {
background-color: #303030 !important;
}
.simsun span a {
font-family: "KaiTi";
font-size: 40px;
}
.story_title, .middle_box .simsun {
font-size: 20px !important;
font-family: "FangSong";
letter-spacing: 1px;
}
.simsun span {
font-size: 26px !important;
font-family: "FangSong";
letter-spacing: 1px;
}
.simsun span.blue {
background-color: #253b9d !important;
}
.story_title_en {
font-size: 18px !important;
font-family: inherit !important;
}
.desc1.voca_sound_string > span {
font-size: 17px !important;
}
.vc_example {
padding: 0 !important;
margin-bottom: 6px;
}
div.top_btn_wrap.top_btn_wrap0.top_btn_wrap_1 .btn {
background-color: transparent !important;
border: inherit !important;
color: #303030 !important;
}
.on > a {
background-color: #2F3192 !important;
color: white;
}
#vocabularySave img {
margin: 0 !important;
}
}
@-moz-document url("https://chinese.littlefox.com/en/player_h5/view") {
/* Removes pinyin */
#subtitle div.type1 {
display: none;
}
#subtitle div.type2_second {
display: none;
}
.video_subtitle {
height: auto;
padding-top: 16px;
}
}