☰

Douban_Monkey

douban beautify css injection script

// ==UserScript==
// @name         Douban_Monkey
// @name:cn      豆瓣猴
// @namespace    http://tampermonkey.net/
// @version      0.0.52
// @description  douban beautify css injection script
// @author       Sherlock-V
// @match        https://douban.com
// @match        https://*.douban.com/*
// @icon         https://www.douban.com/favicon.ico
// @grant        GM_addStyle
// @supportURL   https://github.com/Ziyueqi-V/Douban_Monkey/issues
// @license      MIT
// ==/UserScript==
(function () {
  'use strict';

  // Your code here...
  const vistopiaCSS = `
  body {
  line-height: 2 !important;
}

.notify-mod,
#db-nav-sns {
  background: #1f1f1f;
}

.base-selector.expand .base-selector-title,
.base-selector-title:hover,
.nav-search .inp.inp input,
.error-highlighter,
textarea {
  background-color: #141414;
  color: rgba(255, 255, 255, 0.65);
}

.meta-header,
.gradient.blue.drc-label,
.gradient.blue.drc-label:active,
.gradient.blue.drc-label:hover,
.gradient.blue.drc-label:link,
.gradient.blue.drc-label:visited,
.gradient.drc-button.blue,
.gradient.drc-button.blue:active,
.gradient.drc-button.blue:hover,
.gradient.drc-button.blue:link,
.gradient.drc-button.blue:visited,
.secondary.blue.drc-label,
.secondary.blue.drc-label:active,
.secondary.blue.drc-label:hover,
.secondary.blue.drc-label:link,
.secondary.blue.drc-label:visited,
.secondary.drc-button.blue,
.secondary.drc-button.blue:active,
.secondary.drc-button.blue:hover,
.secondary.drc-button.blue:link,
.secondary.drc-button.blue:visited,
.expand-card,
.explore-sticky,
#db-nav-movie#db-nav-movie,
.comment-item .author,
.status-item .block,
.nlst,
.nlst h3,
.bg-img-green h4,
.gray_ad,
.list-comm .list-comm .comm-mod.comm-mod,
html {
  background: #121212;
}

.review-list .review-item .main-bd .action .action-btn.action-btn {
  background-color: rgba(240, 247, 249, 0.1294117647);
}

h1,
#content h2 {
  color: rgba(255, 255, 255, 0.85);
}

.explore-uncollect-filter,
.rich-content.rich-content p,
.review-content.review-content p,
.rich-content.rich-content section,
.review-content.review-content section,
.rich-content.rich-content article,
.review-content article,
.rich-content.rich-content blockquote,
.review-content blockquote,
.gaia.gaia-lite .fliter-wp h2 .activate,
.gaia.gaia-lite .tags label.activate:hover,
.rich-content.rich-content p,
.post-content p,
.rich-content.rich-content blockquote,
.post-content blockquote,
.rich-content.rich-content h4,
.topic-richtext h4,
.rich-content.rich-content h3,
.topic-richtext h3,
.rich-content.rich-content h2,
.topic-richtext h2,
.rich-content.rich-content p,
.topic-richtext p,
.rich-content.rich-content blockquote,
.topic-richtext blockquote,
.sidebar-info-wrapper .info-item .info-item-val.info-item-val,
#wrapper#wrapper,
.ep-info li span.all,
.comments-app-wrapper.comments-app-wrapper,
.blockquote-list.blockquote-list figure,
.note.note p,
html {
  color: rgba(255, 255, 255, 0.65);
}

.author-info .author-link .verify.verify,
.drc-subject-info-subtitle,
.gaia.gaia-lite .tags label {
  color: rgba(255, 255, 255, 0.45);
}

.bg-img-green {
  background: rgb(60, 78, 18);
}

#db-isay label {
  color: rgba(255, 255, 255, 0.3);
}

#db-nav-movie .nav-wrap {
  border-color: #141414;
}

.episode_list a:link,
.episode_list a:visited,
.episode_list a:hover,
.form-input-wrapper {
  border: 1px solid #258dcd;
}

.comm-mod,
.top-tab.tabs,
.main-panel-useful,
.review {
  border-bottom: 1px solid #258dcd;
}

#interest_sectl {
  border-left: 1px solid #258dcd;
}

.rating_wrap {
  border-top: none;
}

#subject-doulist li {
  border-bottom: 1px dashed #007722;
}

#subject-doulist ul {
  border-top: 1px dashed #007722;
}

.lnk-doulist-add i {
  background: none !important;
}

.nav-search .inp {
  background-image: none;
}

#celebrities .celebrities-list .info span.name.name a {
  color: rgba(255, 255, 255, 0.45);
}

.nav-search .inp {
  background-image: none !important;
}
.nav-search .inp input {
  color: rgba(255, 255, 255, 0.65);
}

.op-lnks a.comment-source {
  color: rgba(255, 255, 255, 0.3);
}

.item .title.title {
  background: none rgba(240, 247, 249, 0.1294117647);
}

.main .review-content.review-content,
.review-content.review-content p {
  font-size: 18px;
  line-height: 2;
}

#dialog {
  background-color: #1f1f1f;
}
#dialog textarea.comment {
  background: #141414;
}
#dialog textarea {
  height: 150px;
}
  `;
  GM_addStyle(vistopiaCSS);

  const style = document.createElement('style')
  const hides = [
    // 评论来源
    '.comment-source',
    // 正在热映
    '#screening',
    // 热门推荐
    '#gallery-frames',
    // 侧边栏：在哪看
    '#content div.aside > div.gray_ad',
    // 侧边栏上部广告
    '#dale_movie_subject_top_right',
    // 侧边栏中部广告
    '#dale_movie_subject_inner_middle',
    // 侧边栏榜单, 电影榜单
    '#billboard',
    // 畅销图书榜
    '.section.weekly-top',
    // "联系我们"
    '#content div.aside div.contact',
    '#content > div > div.aside > div.contact.mod',
    '#content > div > div.aside > div.rating_answer',
    '#contact-and-cooperation',
    '#doulist',

  ].filter(Boolean)

  style.innerHTML = [
    `${hides.join(',')}{ display: none !important; }`,
  ].join('')

  document.body.appendChild(style)
})();