DDG style

设置duckduckgo主页为mojave主题

当前为 2019-04-16 提交的版本,查看 最新版本

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

You will need to install an extension such as Tampermonkey to install this script.

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         DDG style
// @namespace    https://greasyfork.org/zh-CN/users/292626-eagleqilian
// @version      1.0
// @description  设置duckduckgo主页为mojave主题
// @author       eagle
// @grant        none
// @match    *://duckduckgo.com
// ==/UserScript==


(function() {
    'use strict';

    // Your code here...
    var logo_a = document.getElementById("logo_homepage_link");
    logo_a.style.cssText='background-image: url("https://duckduckgo.com/assets/logo_homepage.alt.v108.svg");-webkit-filter: opacity(.7);'
    document.body.style.cssText='background:#2b2b2b'
    document.getElementById('search_form_homepage').style.background='#aaa'
    document.getElementById('search_button_homepage').style.color='#e1e1e1'
    //
    //此方法可以区分class相同的不同元素(功能相对齐全,理解起来也相对复杂一些)

function getElementsByClassName( parent,tag,className ){

  //获取所有父节点下的tag元素
  var aEls = parent.getElementsByTagName(tag);
  var arr = [];

  //循环所有tag元素

  for (var i = 0; i < aEls.length; i++) {

    //将tag元素所包含的className集合(这里指一个元素可能包含多个class)拆分成数组,赋值给aClassName
    var aClassName = aEls[i].className.split(' ');

    //遍历每个tag元素所包含的每个className

    for (var j = 0; j < aClassName.length; j++) {

      //如果符合所选class,添加到arr数组
      if(aClassName[j] == className){
        arr.push(aEls[i]);
        //如果className里面包含'box' 则跳出循环
        break;	//防止一个元素出现多次相同的class被添加多次
      }
    };
  };
  return arr;
}
    var parent = document.getElementById('content_homepage')
    var maxim = getElementsByClassName(parent, 'div', 'tag-home__item')[0]
    var to_remove = getElementsByClassName(maxim, 'span', 'hide--screen-xs')[0]
    maxim.removeChild(to_remove)
    var style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML='.maxim{font-family: Xingkai TC;font-size: 1.2em;transition: .5s;} .maxim:hover{color: white;filter: drop-shadow(2px 1px 2px #f4e01c);}';
    document.getElementsByTagName('HEAD').item(0).appendChild(style);
    maxim.className = 'maxim'
    //maxim.style.cssText='font-family: Xingkai TC;font-size: 1.2em;color: #f4e01c;'
    maxim.innerHTML='如&nbsp;&nbsp;&nbsp;&nbsp;致&nbsp;&nbsp;&nbsp;&nbsp;万<br>婴&nbsp;&nbsp;&nbsp;&nbsp;中&nbsp;&nbsp;&nbsp;&nbsp;物<br>儿&nbsp;&nbsp;&nbsp;&nbsp;和&nbsp;&nbsp;&nbsp;&nbsp;皆<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;有<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;秩<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;序<br>'
    getElementsByClassName(document.body, 'div', 'onboarding-ed')[0].style.display='none'
})();