pearmini/colorfu

Make meaningful wallpapers with colors and words.

ColorFu

ColorFu is where people can use words, colors, patterns and images to make unique wallpapers to express their feelings or ideas.

Why is it

Writing the word "福" (Fu) is the tradition of Chinese New Year, people will write a big "福" on red paper and stick it on the door to express the good expectations of the new year.

This is a great example that people use words and colors to express their feelings or ideas. And on the other hand, wallpaper is the most common thing we see everyday which should not be cold.

What it if you can use more colors and more words to make wallpapers to express more feelings ? In that way, not only can you make your wallpapers beautiful, but also make them meaningful.

Features

1. There are some interesting color pallettes for you to help you express your feelings.

2. Extract colors from image.

3. There are some emojis and emoticons for your to boost your imagination.

4. Supports multiple devices: PC, phone, pad.

How to contribute

• Add more patterns.(code, config)
• Add more colors or collections of colors.
• Add more examples.
• Add more emojis or emoticons.

Special Thanks

Special Thanks for @Angelii for providing the features of drawing patterns to make ColorFu more powerful and fixable.

License

MIT

colorfu's Issues

feat: colors

添加一些需要用的颜色

feat: help for group

给 group 添加说明让用户更加理解每个部分的用法

docs: update README

添加说明

fix: loading in editor

editor page loading 的位置显示有问题

feat: collapse config

增加可以收缩的配置面板

fix: same options for palette select

可以要去掉 group，不然现实的值是相同的

add emoji example

添加一些 emoji 的案例，组合 emoji 去讲故事

feat: input for content

• 添加颜文字选项
• 添加 emoji 选项

feat: global color picker

添加一个 global color picker 可以同时给多个颜色赋值

beautify ImageColorPicker

美化图片颜色提取器

我发现它很适合来作为笔记的导航图，能否支持下载时，指定图片宽高

Fail to render some emojis in windows

exchange color

• 颜色属性可以通过推拽交换颜色
• 颜色属性可以拖回色板

domain expired

This domain has expired

feat: layout

主页的布局优化

feat: default value for pattern

根据当前的颜色去设置多出来的颜色

fix: multiple color for pattern

一个 pattern 可以能有多个地方可以设置颜色

feat: drag color to set colors

将色板里面的值直接拖进去设置颜色

feat: fonts

添加一些需要用的字体

feat: preview wallpaper

在 editor 添加预览按钮，可以预览下载后的效果，避免一些差异。

feat: examples

添加一些需要展现的 example

feat: screen size

将 innerHeight 替换成 screen size

feat: examples

• 添加案例
• 对案例进行分类
• 让案例可以吸引人

Will it continue to be maintained?

fix(home): refresh

刷新之后会有问题，应该是 device transform 的问题，解决办法是用图片代替

feat: change lang for element-ui

将 element-ui 的的默认语言设置为英文

feat: text config default close

feat: tips when refreshing

在刷新前提示将不会保存

Introduction page

refactor: pass context to generate attribte-tree

所有的生成 config 的函数都接受当前的数据作为上下文，然后去生成一些颜色。

fix: loading

主页图片 loading 的偏移

feat: inputNumber

可以同时支持滑动和输入模式

feat: extract color from image

从图片中提取颜色

fix: text

text 感觉没有水平居中

feat: imagePicker

imagePicker 可以上传网络图片

feat: inputs

把 input 的大小调整小一点，如果有必要的话就把字体也调整小一点。

feat: make emoji picker wider

把 emoji picker 变宽一点看看效果

feat: support font family

• 添加默认的中文字体
• 自动识别系统自带的字体

feat: theme

改名字，并且将主题颜色变成和福字有关的

feat: delete color from color palette

拖拽出配置区域删除颜色

feat: tooltips for tools buttons

给 editor page 的 tools buttons 添加说明，更清楚每一个 button 有什么左右

feat: background

将 background 的 image 和 pattern 分开，因为 image 也可以是一种 pattern

feat: add a button to create file

添加一个新建按钮

refactor: device

将 device 的图片用 css 替代

enhance help button

增强 help button 里面的内容

fix: Safari & Firefox

• Firefox：主页的 scroll 有问题
• Safari：主页无法 scroll，不能展示主页 example 的边框

feat: merge image and download icon

将 image和 download icon 合成一个