Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Darkmode.css
*
CSS
.jfk-bubble {
background-color: ${white} !important;
}
.vimvixen-hint {
background-color: ${#ffd76e} !important;
border-color: ${#c59d00} !important;
color: ${#302505} !important;
}
================================
4pda.ru
CSS
.catend {
background: ${#e8e8e8} !important;
}
================================
akinator.com
INVERT
.bubble
.bubble-body
CSS
.bubble {
background-color: ${black} !important;
color: ${white} !important;
}
.bubble-body {
background-color: ${white} !important;
color: ${black} !important;
}
.question-number {
color: ${white} !important;
}
================================
anilist.co
CSS
:root {
--color-background: 39,44,56 !important;
--color-foreground: 31,35,45 !important;
--color-foreground-grey: 25,29,38 !important;
--color-foreground-grey-dark: 16,20,25 !important;
--color-foreground-blue: 25,29,38 !important;
--color-foreground-blue-dark: 19,23,29 !important;
--color-text: 159,173,189 !important;
--color-text-light: 129,140,153 !important;
--color-text-lighter: 133,150,165 !important;
}
================================
app.datadoghq.com
INVERT
.HostMap-canvas
CSS
.log-dt-event.active, .log-dt-event.active:hover, .log-dt-event:hover {
background-color: rgb(37, 45, 58) !important;
}
svg text.time_cursor {
fill: ${black} !important;
}
================================
arstechnica.com
CSS
.listing, .video-thumbnail {
background-blend-mode: initial !important;
}
.article-single figure img {
mix-blend-mode: initial !important;
}
================================
askubuntu.com
*.stackexchange.com
CSS
body {
background-image: none !important;
}
================================
atcoder.jp
CSS
#fixed-server-timer {
color: #333;
}
================================
aws.amazon.com
INVERT
a.lb-trigger
.img-wrapper
img[alt^="WEB_FreeTier"]
.lb-is-lazyloaded
.lb-none-v-margin.lb-img
================================
bbc.com/news
bbc.com/sport
bbc.com/weather
bbc.com/travel
bbc.com/capital
bbc.com/autos
bbc.com/culture
bbc.com/future
bbc.com/sounds
bbc.com/food
bbc.com/bitesize
bbc.com/earth
INVERT
.orb-nav-section.orb-nav-blocks
.orb-icon.orb-icon-arrow
================================
bgp.he.net
INVERT
img[src="/helogo.gif"]
img[src*="chart.googleapis.com"]
img[src^="/graphs/"]
================================
bitbucket.org
INVERT
a[href="/product"]
.registration-hero .form-prompt
================================
cheapshark.com
CSS
.header {
border-top: 10px solid #000 !important;
}
================================
chtoes.li
INVERT
.illustration
.menu-page
.menu-item
================================
codecademy.com
INVERT
.CodeMirror-cursors
.CodeMirror-selected
span[class^="burger"]
================================
cookiepedia.co.uk
INVERT
.main-logo
.footer-logo
================================
darksky.net
INVERT
.currentLocationButton
.searchButton
span[class^="skycon swip"]
#right-arrow
#left-arrow
================================
datacamp.com
CSS
video#vjs_video_3_html5_api.vjs-tech {
transform: translate(0px, 0px) !important;
background-color: rgb(175, 175, 175, 0.5);
}
================================
developer.mozilla.org
INVERT
.logo
mark
================================
digg.com
CSS
.digg-story__title-link {
color: ${black} !important;
}
.digg-story__description {
color: ${black} !important;
}
================================
docs.google.com
INVERT
.docs-icon
.punch-filmstrip-controls-icon
#docs-editor canvas
.docs-homescreen-icon
.kix-equation-toolbar-icon
.kix-equation-toolbar-palette-icon
================================
dropbox.com
INVERT
.dl-dropbox
================================
drupal.org
CSS
input[type="image"] {
background: none;
}
================================
dtf.ru
INVERT
mark
================================
duolingo.com
INVERT
.qLLbC
._2boWj
================================
education.github.com
INVERT
img[alt="GitHub Education"]
.octicon-logo-github
================================
elearning.utdallas.edu
INVERT
.contentBox.contentBox-edit
.content.clearfix
================================
etsy.com
INVERT
.banner-container
.secondary-banner-title
================================
evernote.com
INVERT
.global-logo svg
================================
exmo.me
INVERT
canvas
================================
facebook.com
CSS
.fbNubButton {
background-image: none !important;
}
.jewelItemNew ._33e {
background-color: ${#d0d1d3} !important;
}
================================
fantasy.premierleague.com
INVERT
.ism-table
================================
farside.ph.utexas.edu
mathpages.com
mathprofi.ru
mathprofi.net
mathworld.wolfram.com
reference.wolfram.com
terrytao.wordpress.com
INVERT
img
================================
fastmail.com/mail
CSS
.app-listItem.is-focused {
background-color: ${lightgray} !important;
}
.v-MailboxItem-unreadbadge {
background-color: ${darkblue} !important;
}
.v-Message-body {
border-color: transparent !important;
}
================================
fivethirtyeight.com
INVERT
.logo
.site-logo
#searchform
.header-espn-link
================================
github.blog
INVERT
a[href="https://github.com"]
.site-branding > svg
================================
github.com
INVERT
.octotree-sidebar
CSS
.markdown-body code,
.markdown-body pre {
background-color: ${rgba(27, 31, 35, 0.1)} !important;
}
.markdown-body pre code {
background-color: transparent !important;
}
.refined-github .dashboard .js-all-activity-header + div {
background-color: ${#e4e5e9} !important;
border-color: ${#bbc1c9} !important;
}
.refined-github .dashboard-rollup-items .body {
border-top-color: ${#bbc1c9} !important;
}
rect.day[data-count="0"]{
fill: {#fff} !important;
}
================================
gitlab.com
INVERT
.js-contrib-calendar
================================
google.*/maps
google.*.*/maps
INVERT
#app-container.vasquette:not(.app-imagery-mode):not(.app-globe-mode) .widget-scene-canvas
.widget-settings-button-icon
.searchbox-hamburger::before
.searchbox-searchbutton::before
.maps-sprite-settings-chevron-left
a.ita-kd-icon-button > span
li.ita-kd-menuitem > span.ita-kd-menuitem-inputtool-icon
li.ita-kd-menuitem > span.ita-kd-checkbox
div.maps-sprite-common-chevron-left
span.maps-sprite-common-chevron-right
span.section-destination-via-line-icon
div.section-directions-trip-travel-mode-icon
div.goog-menu-button-dropdown
button.searchbox-hamburger.white-foreground
label.kd-radio-label:before
label.kd-checkbox-label:before
label.kd-checkbox-label:after
button.section-directions-details-action-button
div.section-loading-spinner
a[title="Google Apps"]
a.gb_b > div
a.gb_xc
.gm-style img[role="presentation"]:not([src*="v=840"])
.i4ewOd-xl07Ob
.i4ewOd-LQLjdd li::before
.un1lmc-j4gsHd
================================
gsuite.google.com
INVERT
.header--logo img
================================
habr.com
INVERT
img[src*="//tex.s2cms.ru/"]
================================
hdgo.cc
vio.to
INVERT
.hdplayer .big_play_button div
.hdplayer .hdgo_controls div.hdgo_pause_control div
.hdplayer .hdgo_controls div.hdgo_play_control div
================================
imdb.com
CSS
#wrapper {
background: ${#e3e2dd} !important;
}
================================
inbox.google.com
INVERT
.actionIcon
nav li img
================================
instagram.com
INVERT
.Igw0E.rBNOH.eGOV_.ybXk5._4EzTm
._47KiJ
.ltpMr
._7zQEa
.fr66n
._15y0l
._5e4p
.wmtNn
._5fEvj
.XfCBB ._6q-tv
.u-__7
.MWDvN
.g9vPa
================================
jamboard.google.com
INVERT
.docs-icon-img-container
.jam-button-content
.jam-icon-palette-black
.jam-icon-sticky-note-black
================================
jisho.org
INVERT
h1.logo
================================
keep.google.com
INVERT
.gb_oe
.gb_je
.gb_ef
.gb_hc
================================
lastpass.com
INVERT
.lp-header__logo--link
================================
lirc.org
CSS
body {
background: none !important;
}
================================
mail.google.com
INVERT
img.Hl
img.Hk
img.Ha
.asor_t0
.asor_i4
================================
marginalrevolution.com
INVERT
.logo-mobile
.logo-desktop
img[src$="mru-logo-450.png"]
CSS
nav {
background-color: #288d73 !important;
}
================================
marketplace.visualstudio.com
CSS
.ux-updated-date {
color: ${rgb(55, 255, 0)} !important;
}
.ms-Grid-row {
color: ${rgba(0, 0, 0, .8)} !important;
}
================================
marktplaats.nl
INVERT
.mp-Header-logo
.mp-svg-messages
.mp-svg-notification
.mp-svg-profile
.svg-icon-block
================================
mastarti.com
streamguard.cc
INVERT
.fp-play-icon div
.fp-pause-icon .fp-pause-block div
.fp-volumebar em.fp-color
.fp-fullscreen-line
.fp-fullscreen-dot
================================
medium.com
INVERT
.svgIcon
.svgIcon-use
CSS
a {
text-decoration-line: underline !important;
}
================================
medium.freecodecamp.org
CSS
span.markup--quote.markup--p-quote.is-other {
background-image: linear-gradient(rgba(14, 255, 167, 0.2), rgba(14, 255, 167, 0.2)) !important;
}
================================
messages.android.com
INVERT
.x4Tquc
.QrWqSe
.XCHXxd
.pXeIKc
================================
messages.google.com
INVERT
.x4Tquc
.QrWqSe
.XCHXxd
.pXeIKc
CSS
.input-background {
--input-bg-fade-color: #202124 !important;
}
================================
messenger.com
INVERT
._4rv6
a._4ce_
================================
monstercat.com
CSS
.volume-slider-outer {
z-index: -99999999999;
background-color: ${#4d4d4d} !important;
}
.volume-slider-inner{
background-color: ${#1873cc} !important;
}
.volume-slider-handle {
background-color: ${#1d1d1d} !important;
}
.title, h3, .line-bottom, .line-top, a, .one-line-ellipsis {
color: ${#4b4e50} !important;
}
================================
news.ycombinator.com
INVERT
.votearrow
================================
nicehash.com
INVERT
.chart
================================
npmjs.com
INVERT
header a[href="/"] svg
#orgs_panel img.h2
#enterprise_detail_panel img.h2
#customers_panel img[src*="adobe.full.png"]
#customers_panel img[src*="bbc.full.png"]
#customers_panel img[src*="conde-nast.full.png"]
#customers_panel img[src*="netflix.full.png"]
#customers_panel img[src*="visa.full.png"]
================================
ntlite.com
CSS
.fr-wrapper *::selection {
background-color: dodgerblue !important;
}
================================
nzbget.*
INVERT
.icon-top
.icon-bottom
.icon-up
.icon-down
================================
nzz.ch
INVERT
.logo
CSS
.logo {
background-color: unset !important;
color: ${white} !important;
}
================================
online.rbb.bg
INVERT
.has-context:hover
.active
.btn
================================
op.gg
INVERT
.Level
.ranking-highest__icon .ranking-highest__level
================================
opencollective.com
CSS
.cover.COLECTIVE {
background-color: ${black} !important;
}
.backgroundCover {
background-image: unset !important;
}
================================
pgatour.com
CSS
.score-card tr td.birdie {
background-image: initial;
background-color: rgb(1, 76, 181);
}
================================
play.google.com
INVERT
a[title="Google Apps"]
a[href="/store"] > img
================================
play.google.com/apps/publish
INVERT
.IXNAUGB-u-e
.IXNAUGB-U-g img
.IXNAUGB-U-g
img[src^="data:image/png;"]
.LTMPNY-u-e
================================
plus.google.com
INVERT
a[title="Google Apps"]
a.gb_b > div
================================
producthunt.com
INVERT
[class="icon_f5f81"]
================================
reddit.com
INVERT
header a[href="/"] svg:nth-child(2)
CSS
._1vyLCp-v-tE5QvZovwrASa {
background-color: ${#DAE0E6} !important;
}
================================
richie-bendall.ml
CSS
.content--card {
background-color: #303030;
}
::-webkit-scrollbar {
width: 0;
color: transparent;
}
body {
background-color: #5c6bc0;
}
.app--bar, .drawer--content :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled) .mdc-list-item--activated:after, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled) .mdc-list-item--activated:before {
background-color: #3f51b5;
}
.btc-dialog .mdc-button {
color: #3f51b5;
}
.btc-dialog svg {
fill: white;
}
================================
richiebendallstatus.ml
CSS
#page-container {
background-image: none;
}
.success-bg {
background-color: #80BA27;
}
.warning-bg {
background-color: #f7921e;
}
.success {
color: #80BA27;
}
.warning {
color: #f7921e;
}
.danger-bg {
background-color: #ff0000;
}
.paused-bg, .info-bg, .black-bg {
background-color: #17252e;
}
================================
runkit.com
INVERT
.CodeMirror div.CodeMirror-cursor
================================
scratch.mit.edu/projects/editor
CSS
path.blocklyFlyoutBackground {
fill: rgb(32, 32, 32);
}
================================
scribd.com
INVERT
.a
.logo
================================
secure.ally.com
INVERT
.nobd-aob-day
#lp_invite
#manageNonAllyAccountsFrame .third-party-iframe
#billPayFrame
================================
semmle.com
CSS
#Header-logo * {
fill: #ffffff !important;
}
================================
senscritique.com
INVERT
.d-media-videos::before
.eins-wish.black
.eins-logo-small
.header-navigation-main-item a img
.eins-search-header
.eins-poll
.eins-compass
.eins-compass-xl
.eins-notification
.eins-tv
.eins-ticket
.eins-current.black
.eins-done.green
.eins-done.white
.eins-newspaper
.juyLRn
CSS
.ecap-products-next, .ecap-products-prev {
background-color: hsla(100, 20%, 50%, .8) !important;
color: ${black} !important;
}
.d-chevron3-b, .d-chevron3-l, .d-chevron3-r, .d-chevron3-t {
background-image: -webkit-image-set(url(https://static.senscritique.com/img/layout/icons/chevrons/chevron-size3.png?201710121789416) 1x,url(https://static.senscritique.com/img/layout/icons/chevrons/chevron-size3@2x.png?201710121789416) 2x);
}
================================
share.dmhy.org
CSS
.jmd_base td a {
color: ${#3391ff};
}
.jmd .today a {
color: ${#fff};
}
================================
slack.com
INVERT
.slack_logo > img
================================
soundcloud.com
INVERT
.notificationIcon.messages::before
CSS
body {
background: ${white} !important;
}
.listenEngagement, .commentForm__wrapper {
border: none !important;
}
.commentForm__wrapper {
background: none !important;
}
================================
source.dot.net
CSS
.r {
border-style: none !important;
}
================================
stackoverflow.com
INVERT
._glyph
================================
strava.com
INVERT
.icon-dark
.labelGroup
#effort-box
CSS
.base-chart .grid-line,
#athlete-history-chart .vgrid {
stroke: #555555;
}
#athlete-history-chart #effort-box {
fill: #3e3e3e;
stroke: black;
}
#basic-analysis .xaxis-container .background,
#basic-analysis rect.static-info-box,
#basic-analysis rect.static-label-box {
fill: #2c2c2c;
}
.base-chart rect.simple-bar.segmentbar {
opacity: 1;
}
.base-chart rect.simple-bar {
fill: #444444;
stroke: #252627;
}
.current-week-label { fill: black; }
.sum.no-rest { fill: black; }
.options img {
filter: invert(40%);
}
#infoBox text {
color: black;
}
================================
subdivx.com
INVERT
#cabecera img
#contenedor_foro .cita img
#contenedor_foro .datos img[src*="/img/"]
#perfil_izq img[src*="img/"]
CSS
BODY * {
color: ${#333};
}
A {
color: ${#0366d6} !important;
}
input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"] {
background: ${#bbb};
border: 1px solid #999;
}
input[type="submit"]:hover {
background: ${#999};
border: 1px solid #999;
}
mark {
background: ${#f00} !important;
color: ${#fff} !important;
}
#barra a,
#menu_largo a,
#menu_largo_chat a,
#foro_tema_menu a,
#ultimos_foros_renglon .link_foro_tema,
.titulo_menu_izq {
color: #ddd !important;
}
#wrapper {
background-image: none !important;
}
#contenedor_gral {
display: table;
background: ${#e0e0e0} !important;
box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 8px;
height: -webkit-fill-available !important;
width: fit-content !important;
}
#cabecera {
background: ${#e4e4e4};
}
#barra,
#menu_top,
#menu_detalle_buscador,
#menu_detalle,
#menu_largo,
#menu_largo_chat,
#prog_menu_detalle,
#primer_msg_voto,
#reg_menu_detalle,
#drdivx_menu_detalle,
#contenedor_foro .fecha,
#perfil_menu,
#foro_tema_menu {
background: ${rgb(153,173,206)} !important;
background: linear-gradient(to bottom, ${rgb(153,173,206)} 0%, ${rgb(75,110,171)} 100%) !important;
}
#foro_home,
#foro_home_renglon,
#cuadrados_izq,
#cuadrados_izq_reng,
#chat_reng,
#contenedor_foro,
#contenedor_foro .datos,
#contenedor_foro .cita,
#contenedor_foro .mensaje {
background: ${#fff} !important;
}
#foro_home_datos,
#cuadrados_izq {
color: ${#999} !important;
}
#foro_home_datos a {
color: ${#669} !important;
}
================================
technews.tw
CSS
div#main.wrapper {
background-color: #000;
}
a {
color: rgb(206, 202, 195);
}
div {
background-color: #000 !important;
}
.widget-area .widget{
background-color: #000;
}
.site-header {
background-color: #000;
}
div.tipbar {
background-image: none !important;
}
div.content table tr td h1.entry-title a{
color: rgb(206, 202, 195);
}
================================
theguardian.com
INVERT
.inline-the-guardian-logo__svg
================================
thenextweb.com
INVERT
.icon[class*="--dark"]
================================
theverge.com
INVERT
.c-global-header__logo-large
.c-masthead__logo
================================
tjournal.ru
INVERT
mark
CSS
mark a {
color: ${#346eb8} !important;
}
================================
translate.google.*
translate.google.*.*
INVERT
div.jfk-button-img
.tlid-copy-translation-button
.starbutton
================================
tw.appledaily.com
INVERT
.caltrigger img
CSS
.ndgNav_second {
background-color: transparent !important;
box-shadow: none !important;
}
.ndgTag_front img, .ndgTag_end img {
display: none;
}
[class^=ndgTag] {
border-top-color: transparent !important;
}
================================
underconsideration.com/brandnew
CSS
.post-message {
color: ${black} !important;
}
================================
vc.ru
INVERT
mark
CSS
#page_wrapper {
background-color: ${#fff4e0} !important;
}
================================
virtualbox.org
CSS
body {
background: transparent !important;
}
================================
w3.org
INVERT
img[alt~="equation"]
img[alt~="Equation"]
================================
web.archive.org
INVERT
#wm-sparkline-canvas
.yt
.sparkline-canvas
.sparkline-mouse-highlight
.search-toolbar-logo
#wm-logo
CSS
.measure {
z-index: 0 !important;
}
================================
web.whatsapp.com
INVERT
.tail-container
================================
webtoons.com
CSS
.card_item .info {
color: black;
}
.card_item .info .subj {
text-shadow: -1px 1px white;
}
.card_item .update {
color: black;
text-shadow: -1px -1px white;
}
.card_item .info .author {
text-shadow: -1px -1px white;
}
================================
what-if.xkcd.com
INVERT
.illustration
.archive-image
.logo
================================
whois.com
INVERT
img[src="/images/logo.gif"]
img[src="//cdnassets.com/ui/resellerdata/120000_149999/129394/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/logo.gif"]
================================
wikibooks.org
INVERT
.mwe-math-element
================================
wikipedia.org
INVERT
.mwe-math-element
.mw-wiki-logo
.central-textlogo__image
.svg-Wikimedia-logo_black
li::marker
CSS
div .thumbimage[src$=".png"],
div .thumbimage img[src$=".png"] {
background-color: white;
}
================================
wikiwand.com
INVERT
img.mwe-math-fallback-image-inline
img.immediate.ntmb
img.logo_img
td.icon
li.menu-tooltip:not(.lang_btn)
================================
www.bing.com
CSS
.b_searchboxForm {
box-shadow: ${rgba(0, 0, 0, 0.1)} 0px 0px 0px 1px !important;
}
.b_searchboxForm:hover {
box-shadow: ${rgba(0, 0, 0, 0.1)} 0px 0px 0px 1px !important;
}
.b_focus .b_searchboxForm {
box-shadow: ${rgba(0, 0, 0, 0.1)} 0px 0px 0px 1px !important;
}
#sw_as #sa_ul:not(:empty) {
box-shadow: ${rgba(0, 0, 0, 0.1)} 0px 0px 0px 1px !important;
}
#b_results > li.b_ans.b_topborder, #b_results > li.b_ans.b_topborder.b_tophb.b_topshad {
box-shadow: ${rgba(13, 13, 13, 0.05)} 0px 0px 0px 1px !important;
}
================================
www.ebay.*
www.ebay.*.*
CSS
html, body {
background-image: none !important;
}
================================
www.gamer.com.tw
forum.gamer.com.tw
INVERT
.gsc-search-box
.TOP-msglist div.new a
.BA-ctag1 a
CSS
body, .BA-topbg {
background: none;
}
.TOP-bh {
background: linear-gradient(to right, #117e96 0%, #116b80 35%, #125b6b 80%);
}
.TOP-msglist div.new a {
color: ${#3391ff};
}
================================
www.google.*
www.google.*.*
INVERT
.gb_hc
.gb_ec
.gb_x.gb_Vb
.gb_x.gb_Ub
.gb_0b
#dictionary-modules img
a[title="Google Apps"]
a.gb_b > div
CSS
.RNNXgb {
box-shadow: 0 0 2px 0 ${rgba(0,0,0,0.16)}, 0 0 0 1px ${rgba(0,0,0,0.08)} !important;
}
.Gor6zc {
background-color: white !important;
}
================================
youtube.com
CSS
html[hide-scrollbar] ::-webkit-scrollbar {
display: none !important;
}
#contenteditable-textarea {
color: ${black} !important;
}
#like-bar {
background-color: ${rgb(144, 144, 144)} !important;
}
html:not(.style-scope) {
--primary-text-color: ${#212121} !important;
--primary-background-color: ${#ffffff} !important;
--disabled-text-color: ${#9b9b9b} !important;
--divider-color: ${#dbdbdb} !important;
--error-color: ${#dd2c00} !important;
--primary-color: ${#3f51b5} !important;
--accent-color: ${#ff4081} !important;
--yt-live-chat-action-panel-background-color: ${hsla(0, 0%, 93.3%, .4)} !important;
--yt-live-chat-action-panel-background-color-transparent: ${hsla(0, 0%, 97%, .8)} !important;
--yt-live-chat-background-color: ${hsl(0, 0%, 100%)} !important;
--yt-live-chat-primary-text-color: ${hsl(0, 0%, 6.7%)} !important;
--yt-live-chat-secondary-background-color: ${hsl(0, 0%, 93.3%)} !important;
--yt-live-chat-secondary-text-color: ${hsla(0, 0%, 6.7%, .6)} !important;
--yt-live-chat-tertiary-text-color: ${hsla(0, 0%, 6.7%, .4)} !important;
--yt-live-chat-disabled-icon-button-color: ${hsla(0, 0%, 6.7%, .2)} !important;
--yt-live-chat-picker-button-color: ${hsla(0, 0%, 6.7%, .4)} !important;
--yt-live-chat-text-input-field-suggestion-background-color: ${hsl(0, 0%, 100%)} !important;
--yt-live-chat-text-input-field-suggestion-background-color-hover: ${#eee} !important;
--yt-live-chat-text-input-field-suggestion-text-color: ${#666} !important;
--yt-live-chat-text-input-field-suggestion-text-color-hover: ${#333} !important;
--yt-live-chat-vem-background-color: ${hsl(0, 0, 93.3%)} !important;
--yt-emoji-picker-search-background-color: ${hsla(0, 0%, 100%, .6)} !important;
--yt-emoji-picker-search-color: ${hsla(0, 0%, 6.7%, .8)} !important;
--yt-emoji-picker-search-placeholder-color: ${hsla(0, 0%, 6.7%, .6)} !important;
--ytd-searchbox-border-color: ${hsla(0, 0%, 53.3%, .2)} !important;
--ytd-searchbox-legacy-border-color: ${#ccc} !important;
--ytd-searchbox-legacy-border-shadow-color: ${#eee} !important;
--ytd-searchbox-legacy-button-color: ${#f8f8f8} !important;
--ytd-searchbox-legacy-button-border-color: ${#d3d3d3} !important;
--ytd-searchbox-legacy-button-focus-color: ${#e9e9e9} !important;
--ytd-searchbox-legacy-button-hover-color: ${#f0f0f0} !important;
--ytd-searchbox-legacy-button-hover-border-color: ${#c6c6c6} !important;
--ytd-searchbox-legacy-button-icon-color: ${#333} !important;
--ytd-moderation-panel-background: ${hsla(0, 0%, 93.3%, .6)} !important;
--ytd-moderation-panel-hover: ${hsla(0, 0%, 93.3%, .8)} !important;
--ytd-moderation-panel-comment-text: ${hsl(0, 0%, 6.7%)} !important;
--ytd-moderation-panel-comment-metadata-text: ${hsla(0, 0%, 6.7%, .6)} !important;
--ytd-moderation-icon-color: ${hsla(0, 0%, 6.7%, .6)} !important;
--ytd-moderation-icon-hover-color: ${hsl(0, 0%, 6.7%)} !important;
--ytd-comment-text-color: ${hsl(0, 0%, 6.7%)} !important;
--ytd-watch-card-secondary-text-color: ${hsl(0, 0%, 53.3%)} !important;
--ytd-watch-card-album-header-background: ${hsl(0, 0%, 100%)} !important;
--ytd-backstage-metadata-text-color: ${hsl(0, 0%, 53.3%)} !important;
--ytd-backstage-video-link-background-color: ${hsla(0, 0%, 93.3%, .4)} !important;
--ytd-backstage-image-alert-color: ${hsla(0, 0%, 6.7%, .6)} !important;
--ytd-backstage-cancel-background-color: ${hsl(0, 0%, 100%)} !important;
--ytd-backstage-cancel-color: ${hsla(0, 0%, 6.7%, .4)} !important;
--ytd-backstage-attachment-background-color: ${hsl(0, 0%, 100%)} !important;
--ytd-backstage-creationbox-background-color: ${hsl(0, 0%, 98%)} !important;
--ytd-backstage-creationbox-background-color-focus: ${hsl(0, 0%, 96%)} !important;
--ytd-backstage-creationbox-inactive-color: ${hsla(0, 0%, 0%, .26)} !important;
--ytd-backstage-creationbox-text-color: ${hsla(0, 0%, 0%, .54)} !important;
--ytd-backstage-creationbox-input-text-color: ${hsla(0, 0%, 0%, .87)} !important;
--ytd-backstage-creationbox-disabled-button-color: ${hsla(0, 0%, 0%, .04)} !important;
--ytd-backstage-creationbox-disabled-button-text-color: ${hsl(0, 0%, 100%)} !important;
--ytd-backstage-attachment-icon-hover-color: ${hsla(0, 0%, 0%, .74)} !important;
--ytd-sponsorships-background-color-focus: ${hsla(0, 0%, 93.3%, .4)} !important;
--ytd-badge-disabled-color: ${hsla(0, 0%, 53.3%, .4)} !important;
--ytd-collection-badge-color: ${hsla(0, 0%, 6.7%, .8)} !important;
--ytd-owner-badge-color: ${hsla(0, 0%, 6.7%, .4)} !important;
--ytd-simple-badge-color: ${hsla(0, 0%, 6.7%, .6)} !important;
--ytd-shopping-product-info: ${hsla(0, 0%, 6.7%, .8)} !important;
--ytd-transcript-cue-hover-background-color: ${hsl(0, 0%, 93.3%)} !important;
--ytd-transcript-toolbar-background-color: ${hsl(0, 0%, 93.3%)} !important;
--ytd-transcript-toolbar-text: ${hsl(0, 0%, 6.7%)} !important;
--ytd-video-publish-date-color: ${hsla(0, 0%, 6.7%, .6)} !important;
--ytd-vat-notice-text: ${hsla(0, 0%, 6.7%, .6)} !important;
--ytd-offer-background-color: ${hsla(0, 0%, 93.3%, .4)} !important;
--ytd-video-game-watch-card-logo-color: ${hsl(0, 0%, 6.7%)} !important;
--ytd-watch-split-pane-sidebar-background-color: ${hsl(0, 0%, 98%)} !important;
--yt-swatch-icon-color: ${hsla(0, 0%, 6.7%, .4)} !important;
--yt-swatch-primary: ${hsl(0, 0%, 100%)} !important;
--yt-swatch-primary-darker: ${rgb(230, 230, 230)} !important;
--yt-swatch-text: ${hsla(0, 0%, 6.7%, .4)} !important;
--yt-swatch-input-text: ${hsl(0, 0%, 6.7%)} !important;
--yt-swatch-textbox-bg: ${rgb(255, 255, 255)} !important;
--yt-spec-brand-background-solid: ${#FFFFFF} !important;
--yt-spec-brand-background-primary: ${rgba(255, 255, 255, 0.98)} !important;
--yt-spec-brand-background-secondary: ${rgba(255, 255, 255, 0.95)} !important;
--yt-spec-feed-background-a: ${#F9F9F9} !important;
--yt-spec-feed-background-b: ${#F3F3F3} !important;
--yt-spec-feed-background-c: ${#EDEDED} !important;
--yt-spec-error-background: ${#1F1F1F} !important;
--yt-spec-text-primary: ${#0A0A0A} !important;
--yt-spec-text-primary-inverse: ${#FFFFFF} !important;
--yt-spec-text-secondary: ${#606060} !important;
--yt-spec-text-disabled: ${#909090} !important;
--yt-spec-call-to-action: ${#065FD4} !important;
--yt-spec-icon-active-other: ${#606060} !important;
--yt-spec-icon-inactive: ${#909090} !important;
--yt-spec-icon-disabled: ${#CCCCCC} !important;
--yt-spec-badge-chip-background: ${rgba(0, 0, 0, 0.05)} !important;
--yt-spec-suggested-action: ${#F2F8FF} !important;
--yt-spec-button-chip-background-hover: ${rgba(0, 0, 0, 0.10)} !important;
--yt-spec-touch-response: ${#000000} !important;
--yt-spec-filled-button-text: ${#FFFFFF} !important;
--yt-spec-call-to-action-inverse: ${#3EA6FF} !important;
--yt-spec-brand-icon-active: ${#FF0000} !important;
--yt-spec-brand-icon-inactive: ${#606060} !important;
--yt-spec-brand-button-background: ${#CC0000} !important;
--yt-spec-brand-link-text: ${#CC0000} !important;
--yt-spec-filled-button-focus-outline: ${rgba(0, 0, 0, 0.60)} !important;
--yt-spec-call-to-action-button-focus-outline: ${rgba(6, 95, 212, 0.30)} !important;
--yt-spec-brand-text-button-focus-outline: ${rgba(204, 0, 0, 0.30)} !important;
--yt-spec-inactive-text-button-focus-outline: ${#CCCCCC} !important;
--yt-spec-brand-subscribe-button-background: ${#FF0000} !important;
--yt-spec-wordmark-text: ${#282828} !important;
--yt-spec-10-percent-layer: ${rgba(0, 0, 0, 0.10)} !important;
--yt-spec-selected-nav-text: ${#CC0000} !important;
--yt-spec-themed-blue: ${#065FD4} !important;
--yt-spec-themed-green: ${#107516} !important;
--yt-std-body-300: ${hsla(0, 0%, 0%, .54)} !important;
--yt-std-surface-200: ${hsl(0, 0%, 98%)} !important;
--yt-std-surface-300: ${hsl(0, 0%, 96%)} !important;
--yt-std-surface-400: ${hsl(0, 0%, 93%)} !important;
--yt-primary-color: ${hsl(0, 0%, 6.7%)} !important;
--yt-primary-text-color: ${hsl(0, 0%, 6.7%)} !important;
--yt-hovered-text-color: ${hsla(0, 0%, 6.7%, .8)} !important;
--yt-secondary-text-color: ${hsla(0, 0%, 6.7%, .8)} !important;
--yt-tertiary-text-color: ${hsla(0, 0%, 6.7%, .6)} !important;
--yt-placeholder-text-color: ${hsla(0, 0%, 6.7%, .6)} !important;
--yt-border-color: ${hsl(0, 0%, 93.3%)} !important;
--yt-commentbox-border-inactive: ${hsl(0, 0%, 93.3%)} !important;
--yt-commentbox-border-active: ${hsla(0, 0%, 6.7%, .6)} !important;
--yt-primary-disabled-button-text-color: ${hsl(0, 0%, 100%)} !important;
--yt-paper-button-ink-color: ${hsl(0, 0%, 53.3%)} !important;
--yt-icon-color: ${hsla(0, 0%, 6.7%, .4)} !important;
--yt-icon-hover-color: ${hsla(0, 0%, 6.7%, .8)} !important;
--yt-icon-disabled-color: ${hsla(0, 0%, 6.7%, .6)} !important;
--yt-icon-active-color: ${hsl(0, 0%, 6.7%)} !important;
--yt-expand-color: ${hsla(0, 0%, 6.7%, .6)} !important;
--yt-placeholder-text: ${hsla(0, 0%, 6.7%, .6)} !important;
--yt-playlist-background-header: ${hsl(0, 0%, 93.3%)} !important;
--yt-playlist-background-item: ${hsla(0, 0%, 93.3%, .6)} !important;
--yt-playlist-title-text: ${hsl(0, 0%, 6.7%)} !important;
--yt-playlist-message-text: ${hsla(0, 0%, 6.7%, .6)} !important;
--yt-playlist-message-text-hover: ${hsl(0, 0%, 6.7%)} !important;
--yt-button-active-color: ${hsl(0, 0%, 6.7%)} !important;
--yt-copyright-text: ${hsla(0, 0%, 6.7%, .6)} !important;
--yt-guide-entry-text-color: ${hsla(0, 0%, 6.7%, .8)} !important;
--yt-thumbnail-placeholder-color: ${hsl(0, 0%, 89%)} !important;
--yt-featured-channel-title-text-color: ${hsla(0, 0%, 0%, .54)} !important;
--yt-formatted-string-deemphasize-color: ${hsl(0, 0%, 53.3%)} !important;
--yt-alert-background: ${hsla(0, 0%, 93.3%, .4)} !important;
--yt-video-secondary-info-description-background: ${hsla(0, 0%, 93.3%, .6)} !important;
--yt-material-searchbox-inactive: ${hsla(0, 0%, 93.3%, .6)} !important;
--yt-material-searchbox-active: ${hsl(0, 0%, 100%)} !important;
--yt-material-searchbox-inactive-shadow: ${hsla(0, 0%, 53.3%, .2)} !important;
--yt-material-searchbox-active-shadow: ${hsla(0, 0%, 0%, .26)} !important;
--yt-material-searchbox-inset: ${hsla(0, 0%, 0%, .04)} !important;
--yt-simple-menu-header-background: ${hsl(0, 0%, 93.3%)} !important;
--yt-item-section-header-color: ${hsla(0, 0%, 6.7%, .6)} !important;
--yt-menu-hover-backgound-color: ${hsl(0, 0%, 93.3%)} !important;
--yt-menu-focus-background-color: ${hsla(0, 0%, 6.7%, .2)} !important;
--yt-chat-bubble-other-border-color: ${#CCCCCC} !important;
--yt-chat-bubble-other-background-color: ${#F9F9F9} !important;
--yt-chat-bubble-self-border-color: ${#CCCCCC} !important;
--yt-chat-bubble-self-background-color: ${#EDEDED} !important;
--yt-app-background: ${hsl(0, 0%, 100%)} !important;
--yt-main-app-background: ${hsl(0, 0%, 98%)} !important;
--yt-main-app-background-tmp: ${hsl(0, 0%, 100%)} !important;
--yt-guide-background: ${hsl(0, 0%, 96%)} !important;
--yt-dialog-background: ${hsl(0, 0%, 100%)} !important;
--yt-searchbox-background: ${hsl(0, 0%, 100%)} !important;
--yt-channel-header-background: ${hsl(0, 0%, 98%)} !important;
--yt-sidebar-background: ${hsl(0, 0%, 98%)} !important;
--yt-transcript-background: ${hsl(0, 0%, 100%)} !important;
--yt-spec-general-background-a: ${white} !important;
--yt-spec-general-background-b: ${#f1f1f1} !important;
--yt-spec-general-background-c: ${#e9e9e9} !important;
}
================================
yuque.com
INVERT
.lake-math-content-preview-img > img
================================
zhuanlan.zhihu.com
INVERT
img[eeimg="1"]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.