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

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

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

image.png

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

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

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

image.png

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

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

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

  • 思源笔记

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

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

    18878 引用 • 70691 回帖 • 1 关注

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • 另外块的背景色也可以加上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 都是支持这样的操作的。

请输入回帖内容 ...

推荐标签 标签

  • Flutter

    Flutter 是谷歌的移动 UI 框架,可以快速在 iOS 和 Android 上构建高质量的原生用户界面。 Flutter 可以与现有的代码一起工作,它正在被越来越多的开发者和组织使用,并且 Flutter 是完全免费、开源的。

    39 引用 • 92 回帖 • 6 关注
  • Openfire

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

    6 引用 • 7 回帖 • 88 关注
  • 旅游

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

    85 引用 • 895 回帖
  • 锤子科技

    锤子科技(Smartisan)成立于 2012 年 5 月,是一家制造移动互联网终端设备的公司,公司的使命是用完美主义的工匠精神,打造用户体验一流的数码消费类产品(智能手机为主),改善人们的生活质量。

    4 引用 • 31 回帖 • 8 关注
  • abitmean

    有点意思就行了

    23 关注
  • Sillot

    Sillot (汐洛)孵化自思源笔记,致力于服务智慧新彖乄,具有彖乄驱动、极致优雅、开发者友好的特点
    Github 地址:https://github.com/Hi-Windom/Sillot

    19 引用 • 6 回帖 • 29 关注
  • 京东

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

    14 引用 • 102 回帖 • 408 关注
  • GraphQL

    GraphQL 是一个用于 API 的查询语言,是一个使用基于类型系统来执行查询的服务端运行时(类型系统由你的数据定义)。GraphQL 并没有和任何特定数据库或者存储引擎绑定,而是依靠你现有的代码和数据支撑。

    4 引用 • 3 回帖 • 22 关注
  • Firefox

    Mozilla Firefox 中文俗称“火狐”(正式缩写为 Fx 或 fx,非正式缩写为 FF),是一个开源的网页浏览器,使用 Gecko 排版引擎,支持多种操作系统,如 Windows、OSX 及 Linux 等。

    7 引用 • 30 回帖 • 448 关注
  • Dubbo

    Dubbo 是一个分布式服务框架,致力于提供高性能和透明化的 RPC 远程服务调用方案,是 [阿里巴巴] SOA 服务化治理方案的核心框架,每天为 2,000+ 个服务提供 3,000,000,000+ 次访问量支持,并被广泛应用于阿里巴巴集团的各成员站点。

    60 引用 • 82 回帖 • 614 关注
  • SpaceVim

    SpaceVim 是一个社区驱动的模块化 vim/neovim 配置集合,以模块的方式组织管理插件以
    及相关配置,为不同的语言开发量身定制了相关的开发模块,该模块提供代码自动补全,
    语法检查、格式化、调试、REPL 等特性。用户仅需载入相关语言的模块即可得到一个开箱
    即用的 Vim-IDE。

    3 引用 • 31 回帖 • 73 关注
  • DNSPod

    DNSPod 建立于 2006 年 3 月份,是一款免费智能 DNS 产品。 DNSPod 可以为同时有电信、网通、教育网服务器的网站提供智能的解析,让电信用户访问电信的服务器,网通的用户访问网通的服务器,教育网的用户访问教育网的服务器,达到互联互通的效果。

    6 引用 • 26 回帖 • 521 关注
  • 创造

    你创造的作品可能会帮助到很多人,如果是开源项目的话就更赞了!

    174 引用 • 990 回帖 • 1 关注
  • 小薇

    小薇是一个用 Java 写的 QQ 聊天机器人 Web 服务,可以用于社群互动。

    由于 Smart QQ 从 2019 年 1 月 1 日起停止服务,所以该项目也已经停止维护了!

    34 引用 • 467 回帖 • 692 关注
  • TensorFlow

    TensorFlow 是一个采用数据流图(data flow graphs),用于数值计算的开源软件库。节点(Nodes)在图中表示数学操作,图中的线(edges)则表示在节点间相互联系的多维数据数组,即张量(tensor)。

    20 引用 • 19 回帖 • 1 关注
  • Typecho

    Typecho 是一款博客程序,它在 GPLv2 许可证下发行,基于 PHP 构建,可以运行在各种平台上,支持多种数据库(MySQL、PostgreSQL、SQLite)。

    12 引用 • 60 回帖 • 462 关注
  • H2

    H2 是一个开源的嵌入式数据库引擎,采用 Java 语言编写,不受平台的限制,同时 H2 提供了一个十分方便的 web 控制台用于操作和管理数据库内容。H2 还提供兼容模式,可以兼容一些主流的数据库,因此采用 H2 作为开发期的数据库非常方便。

    11 引用 • 54 回帖 • 640 关注
  • 支付宝

    支付宝是全球领先的独立第三方支付平台,致力于为广大用户提供安全快速的电子支付/网上支付/安全支付/手机支付体验,及转账收款/水电煤缴费/信用卡还款/AA 收款等生活服务应用。

    29 引用 • 347 回帖
  • B3log

    B3log 是一个开源组织,名字来源于“Bulletin Board Blog”缩写,目标是将独立博客与论坛结合,形成一种新的网络社区体验,详细请看 B3log 构思。目前 B3log 已经开源了多款产品:SymSoloVditor思源笔记

    1083 引用 • 3461 回帖 • 286 关注
  • CentOS

    CentOS(Community Enterprise Operating System)是 Linux 发行版之一,它是来自于 Red Hat Enterprise Linux 依照开放源代码规定释出的源代码所编译而成。由于出自同样的源代码,因此有些要求高度稳定的服务器以 CentOS 替代商业版的 Red Hat Enterprise Linux 使用。两者的不同在于 CentOS 并不包含封闭源代码软件。

    238 引用 • 224 回帖
  • 持续集成

    持续集成(Continuous Integration)是一种软件开发实践,即团队开发成员经常集成他们的工作,通过每个成员每天至少集成一次,也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建(包括编译,发布,自动化测试)来验证,从而尽早地发现集成错误。

    14 引用 • 7 回帖 • 3 关注
  • Maven

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

    186 引用 • 318 回帖 • 337 关注
  • 架构

    我们平时所说的“架构”主要是指软件架构,这是有关软件整体结构与组件的抽象描述,用于指导软件系统各个方面的设计。另外还有“业务架构”、“网络架构”、“硬件架构”等细分领域。

    140 引用 • 441 回帖
  • Netty

    Netty 是一个基于 NIO 的客户端-服务器编程框架,使用 Netty 可以让你快速、简单地开发出一个可维护、高性能的网络应用,例如实现了某种协议的客户、服务端应用。

    49 引用 • 33 回帖 • 19 关注
  • CSDN

    CSDN (Chinese Software Developer Network) 创立于 1999 年,是中国的 IT 社区和服务平台,为中国的软件开发者和 IT 从业者提供知识传播、职业发展、软件开发等全生命周期服务,满足他们在职业发展中学习及共享知识和信息、建立职业发展社交圈、通过软件开发实现技术商业化等刚性需求。

    14 引用 • 155 回帖
  • 小说

    小说是以刻画人物形象为中心,通过完整的故事情节和环境描写来反映社会生活的文学体裁。

    28 引用 • 108 回帖
  • Git

    Git 是 Linux Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。

    205 引用 • 357 回帖