Kenshin / simptab

简 Tab ( SimpTab ) - 极简的 Chrome 新标签页扩展,望你每次打开都有好心情。
http://ksria.com/simptab
706 stars 78 forks source link

【小脚本】今日待办配色修改 #68

Open Kenshin opened 5 years ago

Kenshin commented 5 years ago

代办的那个挺好的,很喜欢,就是配色上可以借鉴下material design的配色么?有时候自动配出来的真是不喜欢。或者固定一个也可以。即刻的那个也很棒!

嗨,我修改了 今日待办 的配色,你可以重新下载配置文件。

收到邮件马上试了下,比之前好很多了。谢谢!刷新了几次会出现一些特别亮眼颜色,不是很好。脚本配图这种低饱和度的颜色我个人更喜欢。你可以告诉在哪里修改吗?我想自己配色下。PS:UI设计这块如果有需要我可以让我女朋友帮忙设计下。

Originally posted by @Mrycp in https://github.com/Kenshin/simptab/issues/63#issuecomment-472763402

Kenshin commented 5 years ago

@Mrycp

我重新开了一个 issues~

目前颜色配置方案:(下方文件)得到一组四色的随机颜色后,抽取颜色最深的那组。

下载这个文件

然后导入到禅模式中会在新标签中生成 3xx 组配色方案,每组四种颜色。


修改方法:

  1. 快捷键 c → 复制 自定义脚本 的全部内容;
  2. 打开 DeveTools ,选择 Snippets ;
  3. 新建一个 snipet ;
  4. 将复制过来的内容粘贴到此 snipet 中;
  5. 点击喜欢的颜色,会在 console.log 中得到这些颜色的值( color 的数组);

然后可以把这些值给我即可~ 或者也可以在 今日待办 中修改:

  1. 快捷键 c → 复制 自定义脚本 的全部内容;
  2. L 15 就是这些颜色的值,根据结构,替换它们即可;
Mrycp commented 5 years ago

@Mrycp

我重新开了一个 issues~

目前颜色配置方案:(下方文件)得到一组四色的随机颜色后,抽取颜色最深的那组。

下载这个文件

然后导入到禅模式中会在新标签中生成 3xx 组配色方案,每组四种颜色。

修改方法:

  1. 快捷键 c → 复制 自定义脚本 的全部内容;
  2. 打开 DeveTools ,选择 Snippets ;
  3. 新建一个 snipet ;
  4. 将复制过来的内容粘贴到此 snipet 中;
  5. 点击喜欢的颜色,会在 console.log 中得到这些颜色的值( color 的数组);

然后可以把这些值给我即可~ 或者也可以在 今日待办 中修改:

  1. 快捷键 c → 复制 自定义脚本 的全部内容;
  2. L 15 就是这些颜色的值,根据结构,替换它们即可;

我把下载的json文件格式化之后,手动把之前的颜色替换了,目前在代码里只保留了两组颜色。导入后只显示一组颜色,刷新颜色不会变换,不知道是不是和颜色组数有关系。

Kenshin commented 5 years ago

颜色选择是随机获取,多刷新几次应该会有变化。 假设手动复制后的结构没有问题的话。

Kenshin commented 5 years ago

@Mrycp

周末我抽空修改了下今日待办的配色,目前通过程序排除掉以下两种色系:

下载地址还是之前的位置。