Skip to content

Instantly share code, notes, and snippets.

@kimw
Last active October 20, 2023 05:34
Show Gist options
  • Save kimw/98a42899f0321ed93a883408e5c9143b to your computer and use it in GitHub Desktop.
Save kimw/98a42899f0321ed93a883408e5c9143b to your computer and use it in GitHub Desktop.
My Pretty UserStyles
/* ==UserStyle==
vim: ts=4 sw=4 ft=css
@name Pretty UserStyle: archlinux.org
@namespace github.com/kimw/stylus
@version 0.1.4
@description A userstyle written in Stylus for websites archlinux.org
@author kimw
@homepageURL https://gist.github.com/kimw/98a42899f0321ed93a883408e5c9143b#file-archlinux-user-css
@supportURL https://gist.github.com/kimw/98a42899f0321ed93a883408e5c9143b
@license GPLv3
@preprocessor stylus
==/UserStyle== */
fontMain = "Merriweather Light", "Noto Serif CJK TC", "Noto Serif CJK SC", "Microsoft JhengHei Light", "Microsoft YaHei Light", serif
fontTitle = Inder, MerriweatherSans, "Noto Serif CJK TC", "Noto Serif CJK SC", "Microsoft JhengHei Light", "Microsoft YaHei Light", sans-serif
fontMono = "Fira Code Light", "AR PL UMing CN", MingLiU, NSimSun, SimSun, monospace
@-moz-document domain("archlinux.org") {
html, body {
font-family: fontMain;
}
pre, code, tt, kbd, samp, .mw-code {
font-family: fontMono;
}
#content pre, #content code, #content tt {
font-family: fontMono;
}
span.archwiki-template-pkg, span.archwiki-template-man {
font-family: fontMono;
}
}
/* ==UserStyle==
vim: ts=4 sw=4 ft=css
@name Pretty UserStyle: docker.com
@namespace github.com/kimw/stylus
@version 0.1.4
@description A userstyle written in Stylus for websites docker.com.
@author kimw
@homepageURL https://gist.github.com/kimw/98a42899f0321ed93a883408e5c9143b#file-docker-user-css
@supportURL https://gist.github.com/kimw/98a42899f0321ed93a883408e5c9143b
@license GPLv3
@preprocessor stylus
@var checkbox darkTheme "Dark theme" 1
==/UserStyle== */
fontMain = "Merriweather Light", "Noto Serif CJK TC", "Noto Serif CJK SC", "Microsoft JhengHei Light", "Microsoft YaHei Light", serif
fontTitle = Inder, MerriweatherSans, "Noto Serif CJK TC", "Noto Serif CJK SC", "Microsoft JhengHei Light", "Microsoft YaHei Light", sans-serif
fontMono = "Fira Code Light", "AR PL UMing CN", MingLiU, NSimSun, SimSun, monospace
@-moz-document domain("*.docker.com"),
domain("hub.docker.com") {
body {
font-family: fontMain;
}
.top-bar-section ul li > a, h1, h2, h3, h4, h5, h6 {
font-family: fontTitle;
}
code {
font-family: fontMono;
}
}
/* ==UserStyle==
vim: ts=4 sw=4 ft=css
@name Pretty UserStyle: gitbooks
@namespace github.com/kimw/stylus
@version 0.1.4
@description A userstyle written in Stylus for gitbook websites.
@author kimw
@homepageURL https://gist.github.com/kimw/98a42899f0321ed93a883408e5c9143b#file-gitbooks-user-css
@supportURL https://gist.github.com/kimw/98a42899f0321ed93a883408e5c9143b
@license GPLv3
@preprocessor stylus
@var checkbox darkTheme "Dark theme" 1
==/UserStyle== */
fontMain = "Merriweather Light", "Noto Serif CJK TC", "Noto Serif CJK SC", "Microsoft JhengHei Light", "Microsoft YaHei Light", serif
fontTitle = Inder, MerriweatherSans, "Noto Serif CJK TC", "Noto Serif CJK SC", "Microsoft JhengHei Light", "Microsoft YaHei Light", sans-serif
fontMono = "Fira Code Light", "AR PL UMing CN", MingLiU, NSimSun, SimSun, monospace
colorDarkMain = #eee
colorDarkAlt = #aaa
colorDarkLink = #aa0
colorDarkBgDark = #000000
colorDarkBgMain = #212121
colorDarkBgAlt = #484848
colorDarkDivider = #585865
@-moz-document url-prefix("https://books.kimw.ml/bmwgirl/"),
url-prefix("https://books.kimw.ml/guiguzi/"),
url-prefix("https://books.kimw.ml/bestrong/"),
url-prefix("https://books.kimw.ml/hun/"),
url-prefix("https://books.kimw.ml/ecsie/"),
url-prefix("https://books.kimw.ml/birdhero/"),
url-prefix("https://books.kimw.ml/gopl-zh/") {
body,
.book-summary {
font-family: fontMain;
}
h1, h2, h3, h4, h5, h6 {
font-family: fontTitle;
}
.markdown-section code, .markdown-section pre {
font-family: fontMono;
}
/* Dark Theme */
if darkTheme {
body {
background-color: colorDarkBgMain;
}
.book-summary {
background-color: colorDarkBgDark;
}
.book-summary ul.summary li a, .book-summary ul.summary li span {
color: colorDarkMain;
}
.book-body {
background-color: colorDarkBgMain;
}
.markdown-section {
color: colorDarkMain;
}
.markdown-section code, .markdown-section pre {
background-color: colorDarkBgAlt;
}
.book-summary ul.summary li.divider, .markdown-section hr {
background-color: colorDarkDivider;
}
}
}
/* ==UserStyle==
vim: ts=4 sw=4 ft=css
@name Pretty UserStyle: github.com
@namespace github.com/kimw/stylus
@version 0.1.9
@description A userstyle written in Stylus for websites github.com.
@author kimw
@homepageURL https://gist.github.com/kimw/98a42899f0321ed93a883408e5c9143b#file-github-user-css
@supportURL https://gist.github.com/kimw/98a42899f0321ed93a883408e5c9143b
@license GPLv3
@preprocessor stylus
@var checkbox darkTheme "Dark theme" 1
@var checkbox removeSignUp "Remove sign up prompt" 0
==/UserStyle== */
fontMain = "Merriweather Light", "Noto Serif CJK TC", "Noto Serif CJK SC", "Microsoft JhengHei Light", "Microsoft YaHei Light", serif
fontTitle = Inder, MerriweatherSans, "Noto Serif CJK TC", "Noto Serif CJK SC", "Microsoft JhengHei Light", "Microsoft YaHei Light", sans-serif
fontMono = "Fira Code Light", "AR PL UMing CN", MingLiU, NSimSun, SimSun, monospace
colorMain = #eee
colorAlt = #aaa
colorLink = #aa0
colorBgDark = #000000
colorBgMain = #212121
colorBgAlt = #484848
colorDivider = #585865
@-moz-document domain("github.com") {
body {
font-family: fontMain;
}
h1, h2, h3, h4, h5, h6 {
font-family: fontTitle;
}
pre, code, tt,
.commit-tease-sha, .commit-ref, .branch-name,
.commit-desc pre {
font-family: fontMono;
}
/* floating tips */
.tooltipped-multiline.tooltipped-s::after, .tooltipped-multiline.tooltipped-n::after,
.tooltipped:hover::before, .tooltipped:hover::after, .tooltipped:active::before, .tooltipped:active::after, .tooltipped:focus::before, .tooltipped:focus::after {
font-family: fontMain;
}
/* source file view */
.file-info, .blob-code-inner {
font-family: fontMono;
}
/* source file editor */
.CodeMirror, .cm-s-github-light .CodeMirror-lines {
font-family: fontMono;
}
/* Markdown */
.markdown-body {
font-family: fontMain;
}
if removeSignUp {
.signup-prompt-bg {
height: 0;
visibility: hidden;
}
}
if darkTheme {
/* common */
body {
background-color: colorBgDark;
color: colorMain;
}
a {
color: colorLink;
}
hr {
border-color: colorDivider;
}
.text-gray, .text-gray-light, .text-gray-dark, .link-gray, .link-gray-dark, .muted-link {
color: colorMain !important;
}
.news blockquote {
color: colorMain !important;
}
.border-top, .border-bottom {
border-color: colorDivider !important;
}
.UnderlineNav {
border-color: colorDivider;
}
.UnderlineNav-item.selected, .UnderlineNav-item {
color: colorMain;
}
/* notic box */
.border-gray-light {
background-color: colorBgMain;
border-color: colorDivider !important;
}
/* page loader */
.ajax-pagination-form .ajax-pagination-btn {
background-color: colorBgMain;
border-color: colorDivider !important;
color: colorAlt;
}
/* sidebar */
.Box {
background-color: colorBgDark;
border-color: colorDivider;
// color: colorMain;
}
.Box-header {
background-color: colorBgMain;
border-color: colorDivider;
}
.Box-body {
border-color: colorDivider;
}
/* select menu */
.select-menu-modal {
color: colorMain;
box-shadow: none;
background-color: transparent;
}
.select-menu-header {
background-color: colorBgAlt;
border-color: colorDivider;
}
.select-menu-header .select-menu-title {
color: colorMain;
}
.select-menu-item {
background-color: colorBgAlt;
color: colorMain;
border-color: colorDivider;
}
.select-menu-item .description {
color: colorAlt;
}
.select-menu-item.selected {
color: colorMain;
}
.select-menu-item.selected .description {
color: colorAlt;
}
/* dropdown menu */
.dropdown-menu {
background-color: colorBgAlt;
border-color: colorDivider;
}
.dropdown-header {
color: colorMain;
}
.dropdown-divider {
background-color: colorDivider;
}
.dropdown-item {
color: colorMain;
}
/* repo nav */
.reponav-item {
color: colorMain;
}
/* project page common */
.pagehead {
border-bottom-color: colorDivider;
}
.repohead.experiment-repo-nav {
background-color: transparent;
}
/* project page: code */
.overall-summary {
border-color: colorDivider;
}
.numbers-summary a, .numbers-summary .nolink {
color: colorLink;
}
.text-emphasized {
color: colorLink;
}
.repository-lang-stats-graph {
border-color: colorDivider;
}
/* project page: code, commit */
.commit-tease {
background-color: colorBgMain;
color: colorMain;
border-color: colorDivider;
}
.commit-desc pre {
color: colorMain;
}
.commit-tease-sha {
color: colorLink;
}
.file-wrap {
border-color: colorDivider;
}
table.files {
background-color: transparent;
}
table.files td {
border-color: colorDivider;
}
table.files td.message a {
color: colorLink;
}
table.files td.age {
color: colorAlt;
}
table.files tr[aria-selected="true"] td, table.files tr.navigation-focus td {
background-color: colorBgAlt;
}
/* project page: code, README */
.boxed-group > h3, .boxed-group .heading {
background-color: colorBgMain;
// color: colorMain;
border-color: colorDivider;
}
.readme .markdown-body, .readme .plain {
background-color: transparent;
// color: colorMain;
border-color: colorDivider;
}
.markdown-body h1, .markdown-body h2 {
border-color: colorDivider;
}
.markdown-body .highlight pre, .markdown-body pre {
// background-color: colorBgMain;
background-color: #666;
color: colorMain;
}
.markdown-body img {
background-color: transparent;
}
}
}
/* ==UserStyle==
vim: ts=4 sw=4 ft=css
@name Pretty UserStyle: gitlab.com
@namespace github.com/kimw/stylus
@version 0.1.6
@description A userstyle written in Stylus for websites gitlab.com.
@author kimw
@homepageURL https://gist.github.com/kimw/98a42899f0321ed93a883408e5c9143b#file-gitlab-user-css
@supportURL https://gist.github.com/kimw/98a42899f0321ed93a883408e5c9143b
@license GPLv3
@preprocessor stylus
==/UserStyle== */
fontMain = "Merriweather Light", "Noto Serif CJK TC", "Noto Serif CJK SC", "Microsoft JhengHei Light", "Microsoft YaHei Light", serif
fontTitle = Inder, MerriweatherSans, "Noto Serif CJK TC", "Noto Serif CJK SC", "Microsoft JhengHei Light", "Microsoft YaHei Light", sans-serif
fontMono = "Fira Code Light", "AR PL UMing CN", MingLiU, NSimSun, SimSun, monospace
@-moz-document domain("gitlab.com") {
body {
font-family: fontMain;
}
h1, h2, h3, h4, h5, h6 {
font-family: fontTitle;
}
pre, code, kbd, samp,
.wiki code,
.monospace, .commit-sha, .gfm-commit, .gfm-commit_range, .ref-name, .git-revision-dropdown .dropdown-content ul li a, .mr-state-widget .label-branch, .git-revision-dropdown-toggle, .commit-sha-group .label-monospace, .file-editor .file-title, .file-editor .editor-file-name, .ci-table .api, .git-clone-holder .form-control, .git-clone-holder .search form, .search .git-clone-holder form {
font-family: fontMono;
}
}
/* ==UserStyle==
vim: ts=4 sw=4 ft=css
@name Pretty UserStyle: gogs.io
@namespace github.com/kimw/stylus
@version 0.1.3
@description A userstyle written in Stylus for websites gogs.io.
@author kimw
@homepageURL https://gist.github.com/kimw/98a42899f0321ed93a883408e5c9143b#file-gogs-user-css
@supportURL https://gist.github.com/kimw/98a42899f0321ed93a883408e5c9143b
@license GPLv3
@preprocessor stylus
==/UserStyle== */
fontMain = "Merriweather Light", "Noto Serif CJK TC", "Noto Serif CJK SC", "Microsoft JhengHei Light", "Microsoft YaHei Light", serif
fontTitle = Inder, MerriweatherSans, "Noto Serif CJK TC", "Noto Serif CJK SC", "Microsoft JhengHei Light", "Microsoft YaHei Light", sans-serif
fontMono = "Fira Code Light", "AR PL UMing CN", MingLiU, NSimSun, SimSun, monospace
@-moz-document domain("gogs.io") {
body,
h1, h2, h3, h4, h5,
.ui.menu,
.ui.button,
.markdown {
font-family: fontMain !important;
}
code, kbd, pre, samp {
font-family: fontMono;
}
}
/* ==UserStyle==
vim: ts=4 sw=4 ft=css
@name Pretty UserStyle: golang.org
@namespace github.com/kimw/stylus
@version 0.1.8
@description A userstyle written in Stylus for websites golang.org.
@author kimw
@homepageURL https://gist.github.com/kimw/98a42899f0321ed93a883408e5c9143b#file-golang-user-css
@supportURL https://gist.github.com/kimw/98a42899f0321ed93a883408e5c9143b
@license GPLv3
@preprocessor stylus
@var checkbox darktheme "Dark Theme" 1
==/UserStyle== */
fontMain = "Merriweather Light", "Noto Serif CJK TC", "Noto Serif CJK SC", "Microsoft JhengHei Light", "Microsoft YaHei Light", serif
fontTitle = Inder, MerriweatherSans, "Noto Serif CJK TC", "Noto Serif CJK SC", "Microsoft JhengHei Light", "Microsoft YaHei Light", sans-serif
fontMono = "Fira Code Light", "AR PL UMing CN", MingLiU, NSimSun, SimSun, monospace
darkColorMain = #ccc
darkColorAlt = #eee
darkBgColorMain = #222
darkBgColorAlt = #333
darkBgColorAlt2 = #444
placeHolderColor = #777
darkLinkColor = #aa0
@-moz-document domain("golang.org"), domain("golang.google.cn"), domain("godoc.org") {
body {
font-family: fontMain;
}
h1, h2, h3, h4, h5, h6 {
font-family: fontTitle;
}
pre, code,
#code, #output, pre, .lines {
font-family: fontMono;
}
if darktheme {
/* golang.org common */
body {
background-color: darkBgColorMain;
color: darkColorMain;
}
h1, h2, h3, h4 {
color: darkColorAlt;
font-weight: normal;
}
a {
color: darkLinkColor;
}
pre {
background-color: darkBgColorAlt;
}
/* golang.org topbar */
div#topbar {
background-color: darkBgColorAlt;
}
.top-heading a {
color: darkColorMain;
}
div#menu > a {
background-color: darkBgColorAlt;
color: darkColorMain;
}
input#search {
background-color: transparent;
font-family: fontMain;
}
::-moz-placeholder {
color: placeHolderColor;
}
/* blog.golang.org specials */
#banner {
background-color: darkBgColorAlt;
}
#head, #about {
font-family: fontMain;
}
#content .code {
background-color: darkBgColorAlt;
}
#sidebar {
background-color: darkBgColorAlt2;
}
h2 {
background-color: darkBgColorAlt;
}
/* playground */
div.linedtextarea {
background-color: darkBgColorAlt;
}
#wrap, #about {
background-color: darkBgColorAlt2;
}
#code, #output, pre, .lines {
color: darkColorMain;
font-family: fontMono;
}
}
}
/* ==UserStyle==
vim: ts=4 sw=4 ft=css
@name Pretty UserStyle: pfSense
@namespace github.com/kimw/stylus
@version 0.1.5
@description A userstyle written in Stylus for pfSense firewall.
@author kimw
@homepageURL https://gist.github.com/kimw/98a42899f0321ed93a883408e5c9143b#file-pfsense-user-css
@supportURL https://gist.github.com/kimw/98a42899f0321ed93a883408e5c9143b
@license GPLv3
@preprocessor stylus
==/UserStyle== */
fontMain = "Fira Sans", Roboto,
fontTitle = Inder, MerriweatherSans, "Noto Serif CJK TC", "Noto Serif CJK SC", "Microsoft JhengHei Light", "Microsoft YaHei Light", sans-serif
fontMono = "Fira Code Light", "AR PL UMing CN", MingLiU, NSimSun, SimSun, monospace
@-moz-document url-prefix("https://pfsense\.") {
body {
font-family: fontMain;
}
textarea {
font-family: fontMono;
}
}
/* ==UserStyle==
vim: ts=4 sw=4 ft=css
@name Pretty UserStyle: SolusVM Console
@namespace github.com/kimw/stylus
@version 1.0.5
@description A userstyle written in Stylus for SolusVM Console.
@author kimw
@homepageURL https://gist.github.com/kimw/98a42899f0321ed93a883408e5c9143b#file-solusvm-console-user-css
@supportURL https://gist.github.com/kimw/98a42899f0321ed93a883408e5c9143b
@license GPLv3
@preprocessor stylus
==/UserStyle== */
fontMain = "Merriweather Light", "Noto Serif CJK TC", "Noto Serif CJK SC", "Microsoft JhengHei Light", "Microsoft YaHei Light", serif
fontTitle = Inder, MerriweatherSans, "Noto Serif CJK TC", "Noto Serif CJK SC", "Microsoft JhengHei Light", "Microsoft YaHei Light", sans-serif
fontMono = "Fira Code Light", "AR PL UMing CN", MingLiU, NSimSun, SimSun, monospace
@-moz-document domain("vpscp.alpharacks.com"),
domain("solus.anynode.net") {
body {
font-family: fontMain;
}
.navbar, .nav.nav-tabs, .btn {
font-family: fontTitle;
}
input,
.terminal {
font-family: fontMono;
}
}
/* ==UserStyle==
vim: ts=4 sw=4 ft=css
@name Pretty UserStyle: stackoverflow.com
@namespace github.com/kimw/stylus
@version 0.1.7
@description A userstyle written in Stylus for websites stackoverflow.com.
@author kimw
@homepageURL https://gist.github.com/kimw/98a42899f0321ed93a883408e5c9143b#file-stackoverflow-user-css
@supportURL https://gist.github.com/kimw/98a42899f0321ed93a883408e5c9143b
@license GPLv3
@preprocessor stylus
@var checkbox disableAD "Disable AD" 1
==/UserStyle== */
fontMain = "Merriweather Light", "Noto Serif CJK TC", "Noto Serif CJK SC", "Microsoft JhengHei Light", "Microsoft YaHei Light", serif
fontTitle = Inder, MerriweatherSans, "Noto Serif CJK TC", "Noto Serif CJK SC", "Microsoft JhengHei Light", "Microsoft YaHei Light", sans-serif
fontMono = "Fira Code Light", "AR PL UMing CN", MingLiU, NSimSun, SimSun, monospace
@-moz-document domain("stackoverflow.com"),
domain("superuser.com"),
domain("stackexchange.com"),
domain("askubuntu.com") {
body,
p,
ul, ol,
.comment-copy,
.top-bar .login-link.s-btn, .top-bar input.js-search-field {
font-family: fontMain;
}
h1, h2, h3, h4, h5, h6,
#question-header .question-hyperlink {
font-family: fontTitle;
}
pre, code {
font-family: fontMono;
}
if disableAD {
body, .top-bar {
margin-top: 0px;
}
#noscript-warning, #js-gdpr-consent-banner, .old-hero {
visibility: hidden;
}
.s-hero--container {
height: 0px;
padding: 0px;
visibility: hidden;
}
}
}
/* ==UserStyle==
vim: ts=4 sw=4 ft=css
@name Pretty UserStyle: wikipedia.org
@namespace github.com/kimw/stylus
@version 0.1.5
@description A userstyle written in Stylus for websites wikipedia.org.
@author kimw
@homepageURL https://gist.github.com/kimw/98a42899f0321ed93a883408e5c9143b#file-wikipedia-user-css
@supportURL https://gist.github.com/kimw/98a42899f0321ed93a883408e5c9143b
@license GPLv3
@preprocessor stylus
@var checkbox darkTheme "Dark theme" 1
==/UserStyle== */
fontMain = "Merriweather Light", "Noto Serif CJK TC", "Noto Serif CJK SC", "Microsoft JhengHei Light", "Microsoft YaHei Light", serif
fontTitle = Inder, MerriweatherSans, "Noto Serif CJK TC", "Noto Serif CJK SC", "Microsoft JhengHei Light", "Microsoft YaHei Light", sans-serif
fontMono = "Fira Code Light", "AR PL UMing CN", MingLiU, NSimSun, SimSun, monospace
colorMain = #ccc
colorLink = #aa0
colorBodyBg = #212121
colorBorder = #666
@-moz-document domain("wikipedia.org") {
html, body {
font-family: fontMain;
}
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
h1, h2, h3, h4, h5, h6 {
font-family: fontTitle;
}
pre {
font-family: fontMono;
}
if darkTheme {
body {
color: colorMain;
background-color: colorBodyBg;
}
a {
color: colorLink;
}
#mw-panel .portal .body li a {
color: colorLink;
}
#mw-page-base {
color: colorMain;
background-color: transparent;
background-image: none;
}
.mw-body {
border-color: colorBorder;
}
.mw-body, .parsoid-body {
color: colorMain;
background-color: transparent;
}
h1, h2, h3, h4, h5, h6 {
color: colorMain;
border-color: colorBorder;
}
#mw-panel .portal h3 {
color: colorMain;
border-color: colorBorder;
}
.toc, .mw-warning, .toccolours {
background-color: transparent;
border-color: colorBorder;
}
.tocnumber {
color: colorMain;
}
.mw-parser-output a.external {
color: colorLink;
}
.navbox, .navbox-subgroup, .navbox-even, .navbox th {
background-color: transparent;
border-color: colorBorder;
}
.catlinks {
background-color: transparent;
border-color: colorBorder;
}
}
}
/* ==UserStyle==
vim: ts=4 sw=4 ft=css
@name Pretty UserStyle: KiwiVM Console
@namespace github.com/kimw/stylus
@version 1.0.3
@description A userstyle written in Stylus for KiwiVM Console.
@author kimw
@homepageURL https://gist.github.com/kimw/98a42899f0321ed93a883408e5c9143b#file-wikivm-console-user-css
@supportURL https://gist.github.com/kimw/98a42899f0321ed93a883408e5c9143b
@license GPLv3
@preprocessor stylus
==/UserStyle== */
fontMono = "Fira Code Light", "AR PL UMing CN", MingLiU, NSimSun, SimSun, monospace
@-moz-document domain("kiwivm.64clouds.com") {
pre {
font-family: fontMono;
font-size: 0.85em;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment