Skip to content

微信读书阅读优化 by 0w0miki

Screenshot of 微信读书阅读优化
Homepage Write a review Install Get Stylus

Details

Author0w0miki

LicenseMIT

Categoryweread.qq.com -> userstyles

Created

Updated

Size1.7 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

优化微信读书阅读界面

Notes

微信阅读用户样式。让你更专注于阅读。包括如下改动：

  • 将控制按钮移到右边
  • 字体改用Iosevka + 霞鹜文楷
  • 修改浅色主题，柔和配色
  • 去除下载APP和搜索按钮
  • 隐藏抬头

Source code

/* ==UserStyle==
@name           微信读书阅读优化
@namespace      github.com/openstyles/stylus
@version        1.0.3
@description    优化微信读书阅读界面
@author         Me
==/UserStyle== */

@-moz-document url-prefix("https://weread.qq.com/web/reader/") {
	@import url('https://cdnjs.cloudflare.com/ajax/libs/lxgw-wenkai-screen-webfont/1.7.0/lxgwwenkaigbscreen.min.css');
	@import url('https://cdnjs.cloudflare.com/ajax/libs/Iosevka/6.0.1/iosevka/iosevka.min.css');

	*, button {
		font-family: 'Iosevka', 'LXGW WenKai Screen', sans-serif;
		color: #5D5D5F;
	}
	.readerHeaderButton {
		font-weight: lighter;
	}

	/* 去掉下载按钮，搜索按钮 */
	.readerControls_item.download,
	.toolbarItem.query{
		display: none;
	}
	
	/* 控制条位置和透明度 */
	.readerControls {
		left: unset;
		right: 0;
		padding-right: 10px;
		opacity: 30%;
	}
	.readerControls:hover {
		opacity: 100%;
	}
	.readerCatalog,
	.readerNotePanel {
		left: unset;
		right: calc(48px + 10px + 10px);
	}
	
	/* 字号调整动画 */
	.readerControls {
		align-items: flex-end;
	}
	.readerControls_fontSize {
		justify-content: flex-end;
	}
	
	/* 浅色Theme */
	.wr_page_reader.wr_whiteTheme .app_content {
		background-color: #EBEEF5;
		color: #5D5D5F;
	}
	.wr_page_reader.wr_whiteTheme .readerFooter_button {
		background-color: #EBEEF5;
	}
	.wr_page_reader.wr_whiteTheme {
		background-color: #CFD2D9 !important;
	}
	.wr_page_reader.wr_whiteTheme .readerTopBar
	{
		background-color: #E1E4EB;
	}
	
	/* 隐藏header */
	.readerTopBar {
		height: 36px;
		opacity: 0%;
		transition: all 0.2s;
	}
	.readerTopBar:hover {
		opacity: 100%;
		height: 56px;
	}
	
	.renderTargetContainer .wr_selection {
		background-color: #b8e8b938;
	}
}

Reviews

No reviews yet.