不满意小众的新配色?欢迎使用小众变色龙书签 V1549067444 版


#1

就是一个小书签,反正把颜色替换了不就行了,2333

新颜色换成你喜欢的颜色,旧颜色目前不用改

随机生成颜色,如果颜色太亮会努力修改文字颜色(不完整,懒得仔细适配了)

控制台输出颜色值,方便小青蛙提取……

其实这代码还不是适用于所有网站的么(现在需要指定一个获取基础颜色的元素),不过网站得有 jQuery

javascript:( function() {
  const e = $('#navigation');
  const oldColor = e.css('background-color');
  const h = Math.floor(Math.random()*361);
  const s = Math.floor(Math.random()*101);
  const l = Math.floor(Math.random()*61)+20;
  const newColor = 'hsl('+h+', '+s+'%, '+l+'%)';
  const fontColor = l>65 ? '#333336' : '#FFF';

  $('*').each(function(){
    if($(this).css('background-color')===oldColor){
      $(this).css('background-color', newColor);
      $(this).css('color', fontColor);
      $(this).find('*').css('color', fontColor);
    }
    if($(this).css('color')===oldColor){
      $(this).css('color', newColor);
    }
  });
  const rgbValue = e.css('background-color');
  const rgbArray = rgbValue.match(/\d+/g);
  const hexValue = "#" + ((1 << 24) + (Number(rgbArray[0]) << 16) + (Number(rgbArray[1]) << 8) + Number(rgbArray[2])).toString(16).slice(1).toUpperCase();
  console.log('RGB:', rgbValue, 'HEX:', hexValue);
})()

#2

这个样子?


#3

这个代码是复制粘贴到哪里的?


#4

我随便写的颜色,你随便换其他颜色值。总比你在后台改代码方便点吧(测试期间

这是小书签,你新建一个书签,然后把地址换成这些代码就行了。打开小众软件,点击这个书签


#5

没用啊


#6

为什么不直接用user css呢。装好stylish类似的扩展,写好css实现自动替换,连点击小书签都不用了。


#7

打开小众之后还要再点一下这个小书签……


#8

因为懒……那样需要修改很多地方


#9

看到标题里的 变色龙,写个随机变色的似乎很有趣的样子


#10

这个可以有,这两天我抓时间弄了,主要是算法还需要稍微推敲一下(就是懒


#11

随机变色,可以无限点击,浅色自动更改文字颜色为深色(不完美,懒)。控制台输出颜色值。


#12

还不如有空搞一套暗色主题啊…你们


#13

这个不好弄,那主题被你搞乱了,这次发现文字颜色有的改不掉,一看代码,加了 important……


#14

不会css的永远在等待。。。而会css,懒。。

老用户表示已经习惯小众新界面了,新用户就不懂喜不喜欢啦

其实还是一句话,看需求量