【建议】行内文字颜色及背景色设置支持自定义、渐变与保存

本贴最后更新于 460 天前,其中的信息可能已经物是人非

看到了 FlowUs 最新的更新日志,支持行内文字背景色支持渐变处理,我觉得很酷,同时扩展下提个建议。

image.png

这是语雀编辑器内,文字颜色设置的功能设计,支持常规色表,基本和 Word 文档里的一样,同时支持自定义 RGB 值,我觉得很吊,提了!

同时我希望支持保存我设置好的自定义颜色,提了!

然后就是 FlowUs 最近更新的渐变背景色,如图:

image.png

他们是不支持自定义颜色的,我扩展了下,自定义 + 渐变,提了!

最后还有什么……我想想……感觉没什么了,这三个提了,感觉不会被采纳?没事,我提我的建议就是了。毕竟这个渐变的设计真感觉挺酷的。

PS:快速展开文档的设计我也提一下,现在总有误触(想展开文档误触为打开文档)的现象,这里还是希望能对这一块使用上的小细节优化下。

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    20156 引用 • 77726 回帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • 另外块的背景色也可以加上trollface

  • LiulangZ

    墙裂赞同!!!!!

  • StarDustSheep

    很酷,但可能不实用,且和目前思源实现字体样式的方式不搭。

    思源目前实现字色还有文字底色的标记是在根伪类 :root 中自定义 13 种 +13 种自定义颜色,编号 1-13,你可以理解为有个代号。然后在标记文字的时候使用内联样式指定,这些文字的区域的字色(color)和背景色(backgruond-color)用几号自定义颜色。用的是代号对应的颜色数值而不是颜色数值来决定颜色。所以并不能自由地设置颜色。

    这种做法在我看来有利有弊。

    好处是让用户不会跑出既定的范围,使得到最后笔记变得混乱,又得花很多时间善后。选择太多有时候也不是好事,尤其是自己的笔记方法体系不够成熟之前。这里面有太多能讲解的了。

    坏处嘛,就是个性化需求难以实现。而且思源默认提供的文字字色和底色数量少且不够好。

    如果你真的有这么强烈的需求,我建议你学一点 HTML 和 CSS,使用代码片段手动改造 1~13 号背景色标记所对应的声明。别说渐变色,甚至渐变动画都行。

  • StarDustSheep

    如果允许用户能通过调色板自由地设置字色和底色数值,那在不同主题间切换的时候怎么办。比如一个灰绿色主题就直接能让你的绿色标记文字看不太清楚。你设置的适用于白天主题的墨绿色切换成暗色模式,页面背景色变暗了,你标记了的字色/底色直接就看不见了。

    反色吗?还是将颜色的亮度用一个计算方式调低亮度?前者色相变化了可能不是用户想要的,后者也不一定能有良好的对比度以让人易于识别。只要页面的背景色会因为需要而变化,那么给文字设置固定色值的字色和背景色就不可取。

    2 回复
  • 明白了,你说的我认同。

    事实上因为最近不停的换主题玩,也确实发现有些主题的字体颜色是改了的,用的很不舒服。

    所以看到你的回复我就想,能不能 RGB 色值自定义设置并固定,摆脱不同的主题间颜色不同的情况。

    当然发这个帖子单纯是因为我觉得这种设计很酷,在发帖时我心里也稍微想了下,认为不太可能被采纳,因为这个功能并不算在当前的设计路线上,也不是什么很有必要的功能。

    非常感谢,红豆泥阿里嘎多!

    1 回复
  • 我反而是因为你说的主题切换这点才希望可以自定义字体颜色的。因为思源原生的颜色分配不好用,大多数主题都会修改字体颜色,且不是限于浓淡鲜灰的调整,而是直接换色相换颜色,这就导致我原来按照习惯的优先级设置的配色在切换配色后会乱掉,因此我虽然对很多主题有兴趣,但是由于配色表乱了,只能用原来适应好的主题了。

    如果单纯是主题适配的话,我觉得提供一个是否应用自定义配色的选项就可以了,用户可以选择使用主题提供的配色还是自定义的配色。不过我不知道技术上实现这一点有没有难度。

    1 回复
  • leolee 1 评论

    字体.gif

    这样行不? 演示颜色有点瞎眼我知道,支持自定义,数量目前想着也限制到 13 个算了,emmm,要不不限制也行

    大佬牛批
    dd798922110
  • StarDustSheep

    主要还是固定色值不能适配多主题丰富的文章背景色的矛盾。适用于白天的字色和背景色切换到夜间主题时就不兼容了,除非你为夜间主题添加额外的 css 代码,通过滤镜来降低颜色亮度什么的来适配文章的暗色背景色。

  • StarDustSheep

    你这种情况,由于使用的字色和底色方案只有一共 13+13 种,所以完全可手动使用一段 css 将他们改成自己希望的样式。而如果是自定义色值的话,那就没有轻松的批量修改方法了。

    1 回复
  • 通过 CSS 代码改字体样式,和让用户通过可视化菜单自定义选色,对用户来说操作难度是完全不一样的呀。

    我不知道提供自定义选色的可视化选项和编写 CSS 样式代码是否冲突,在我作为外行人的理想化设想里,两者应该可以互通,自选方案。

    再重复一下我个人不懂技术,所以能否实现并不清楚,只是我确实也有这个需求。

    我用过的笔记软件(win 和 iOS 系统上)但凡支持自定义颜色的都是让用户在色彩图谱上选色(同时提供色彩编码输入框),而思源目前只能靠自定义 CSS 样式来迂回实现。

    如果支持思源自定义字体颜色,那调试配色就可以在思源中进行,而不是在其他软件中调整了。

    而如果要批量导入其他人做的配色方案,我感觉就和安装主题差不多?

    我目前不是很能理解希望有自定义字色的可视化视图功能和批量导入的矛盾点。

    如果是只有色板的情况下,思源的可视化选色再支持一个吸管取色功能,对没有技术基础的用户而言批量换色也并没有学习成本。

    iOS 上的 notability 和 goodnotes 都是支持这样的操作的。

请输入回帖内容 ...

推荐标签 标签

  • BookxNote

    BookxNote 是一款全新的电子书学习工具,助力您的学习与思考,让您的大脑更高效的记忆。

    笔记整理交给我,一心只读圣贤书。

    1 引用 • 1 回帖 • 1 关注
  • PWL

    组织简介

    用爱发电 (Programming With Love) 是一个以开源精神为核心的民间开源爱好者技术组织,“用爱发电”象征开源与贡献精神,加入组织,代表你将遵守组织的“个人开源爱好者”的各项条款。申请加入:用爱发电组织邀请帖
    用爱发电组织官网:https://programmingwithlove.stackoverflow.wiki/

    用爱发电组织的核心驱动力:

    • 遵守开源守则,体现开源&贡献精神:以分享为目的,拒绝非法牟利。
    • 自我保护:使用适当的 License 保护自己的原创作品。
    • 尊重他人:不以各种理由、各种漏洞进行未经允许的抄袭、散播、洩露;以礼相待,尊重所有对社区做出贡献的开发者;通过他人的分享习得知识,要留下足迹,表示感谢。
    • 热爱编程、热爱学习:加入组织,热爱编程是首当其要的。我们欢迎热爱讨论、分享、提问的朋友,也同样欢迎默默成就的朋友。
    • 倾听:正确并恳切对待、处理问题与建议,及时修复开源项目的 Bug ,及时与反馈者沟通。不抬杠、不无视、不辱骂。
    • 平视:不诋毁、轻视、嘲讽其他开发者,主动提出建议、施以帮助,以和谐为本。只要他人肯努力,你也可能会被昔日小看的人所超越,所以请保持谦虚。
    • 乐观且活跃:你的努力决定了你的高度。不要放弃,多年后回头俯瞰,才会发现自己已经成就往日所仰望的水平。积极地将项目开源,帮助他人学习、改进,自己也会获得相应的提升、成就与成就感。
    1 引用 • 487 回帖
  • Openfire

    Openfire 是开源的、基于可拓展通讯和表示协议 (XMPP)、采用 Java 编程语言开发的实时协作服务器。Openfire 的效率很高,单台服务器可支持上万并发用户。

    6 引用 • 7 回帖 • 94 关注
  • Postman

    Postman 是一款简单好用的 HTTP API 调试工具。

    4 引用 • 3 回帖 • 5 关注
  • Wide

    Wide 是一款基于 Web 的 Go 语言 IDE。通过浏览器就可以进行 Go 开发,并有代码自动完成、查看表达式、编译反馈、Lint、实时结果输出等功能。

    欢迎访问我们运维的实例: https://wide.b3log.org

    30 引用 • 218 回帖 • 615 关注
  • flomo

    flomo 是新一代 「卡片笔记」 ,专注在碎片化时代,促进你的记录,帮你积累更多知识资产。

    4 引用 • 91 回帖
  • 以太坊

    以太坊(Ethereum)并不是一个机构,而是一款能够在区块链上实现智能合约、开源的底层系统。以太坊是一个平台和一种编程语言 Solidity,使开发人员能够建立和发布下一代去中心化应用。 以太坊可以用来编程、分散、担保和交易任何事物:投票、域名、金融交易所、众筹、公司管理、合同和知识产权等等。

    34 引用 • 367 回帖 • 2 关注
  • webpack

    webpack 是一个用于前端开发的模块加载器和打包工具,它能把各种资源,例如 JS、CSS(less/sass)、图片等都作为模块来使用和处理。

    41 引用 • 130 回帖 • 283 关注
  • frp

    frp 是一个可用于内网穿透的高性能的反向代理应用,支持 TCP、UDP、 HTTP 和 HTTPS 协议。

    16 引用 • 7 回帖 • 2 关注
  • Q&A

    提问之前请先看《提问的智慧》,好的问题比好的答案更有价值。

    7018 引用 • 31717 回帖 • 219 关注
  • JVM

    JVM(Java Virtual Machine)Java 虚拟机是一个微型操作系统,有自己的硬件构架体系,还有相应的指令系统。能够识别 Java 独特的 .class 文件(字节码),能够将这些文件中的信息读取出来,使得 Java 程序只需要生成 Java 虚拟机上的字节码后就能在不同操作系统平台上进行运行。

    180 引用 • 120 回帖 • 1 关注
  • C++

    C++ 是在 C 语言的基础上开发的一种通用编程语言,应用广泛。C++ 支持多种编程范式,面向对象编程、泛型编程和过程化编程。

    106 引用 • 152 回帖
  • RIP

    愿逝者安息!

    8 引用 • 92 回帖 • 321 关注
  • Latke

    Latke 是一款以 JSON 为主的 Java Web 框架。

    70 引用 • 533 回帖 • 734 关注
  • IPFS

    IPFS(InterPlanetary File System,星际文件系统)是永久的、去中心化保存和共享文件的方法,这是一种内容可寻址、版本化、点对点超媒体的分布式协议。请浏览 IPFS 入门笔记了解更多细节。

    20 引用 • 245 回帖 • 239 关注
  • 京东

    京东是中国最大的自营式电商企业,2015 年第一季度在中国自营式 B2C 电商市场的占有率为 56.3%。2014 年 5 月,京东在美国纳斯达克证券交易所正式挂牌上市(股票代码:JD),是中国第一个成功赴美上市的大型综合型电商平台,与腾讯、百度等中国互联网巨头共同跻身全球前十大互联网公司排行榜。

    14 引用 • 102 回帖 • 404 关注
  • Scala

    Scala 是一门多范式的编程语言,集成面向对象编程和函数式编程的各种特性。

    13 引用 • 11 回帖 • 110 关注
  • Markdown

    Markdown 是一种轻量级标记语言,用户可使用纯文本编辑器来排版文档,最终通过 Markdown 引擎将文档转换为所需格式(比如 HTML、PDF 等)。

    165 引用 • 1474 回帖
  • Solo

    Solo 是一款小而美的开源博客系统,专为程序员设计。Solo 有着非常活跃的社区,可将文章作为帖子推送到社区,来自社区的回帖将作为博客评论进行联动(具体细节请浏览 B3log 构思 - 分布式社区网络)。

    这是一种全新的网络社区体验,让热爱记录和分享的你不再感到孤单!

    1427 引用 • 10046 回帖 • 473 关注
  • Ruby

    Ruby 是一种开源的面向对象程序设计的服务器端脚本语言,在 20 世纪 90 年代中期由日本的松本行弘(まつもとゆきひろ/Yukihiro Matsumoto)设计并开发。在 Ruby 社区,松本也被称为马茨(Matz)。

    7 引用 • 31 回帖 • 196 关注
  • Maven

    Maven 是基于项目对象模型(POM)、通过一小段描述信息来管理项目的构建、报告和文档的软件项目管理工具。

    186 引用 • 318 回帖 • 330 关注
  • Kafka

    Kafka 是一种高吞吐量的分布式发布订阅消息系统,它可以处理消费者规模的网站中的所有动作流数据。 这种动作(网页浏览,搜索和其他用户的行动)是现代系统中许多功能的基础。 这些数据通常是由于吞吐量的要求而通过处理日志和日志聚合来解决。

    35 引用 • 35 回帖
  • 旅游

    希望你我能在旅途中找到人生的下一站。

    86 引用 • 897 回帖 • 1 关注
  • 服务器

    服务器,也称伺服器,是提供计算服务的设备。由于服务器需要响应服务请求,并进行处理,因此一般来说服务器应具备承担服务并且保障服务的能力。

    124 引用 • 580 回帖
  • LeetCode

    LeetCode(力扣)是一个全球极客挚爱的高质量技术成长平台,想要学习和提升专业能力从这里开始,充足技术干货等你来啃,轻松拿下 Dream Offer!

    209 引用 • 72 回帖
  • ReactiveX

    ReactiveX 是一个专注于异步编程与控制可观察数据(或者事件)流的 API。它组合了观察者模式,迭代器模式和函数式编程的优秀思想。

    1 引用 • 2 回帖 • 141 关注
  • WebClipper

    Web Clipper 是一款浏览器剪藏扩展,它可以帮助你把网页内容剪藏到本地。

    3 引用 • 9 回帖 • 3 关注