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

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

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

image.png

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

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

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

image.png

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

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

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

  • 思源笔记

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

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

    23014 引用 • 92568 回帖

相关帖子

欢迎来到这里!

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

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

  • LiulangZ

    墙裂赞同!!!!!

  • StarDustSheep

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

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

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

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

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

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

  • StarDustSheep

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

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

    2 回复
  • EberhardLin

    明白了,你说的我认同。

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

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

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

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

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

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

    1 回复
  • leolee 1 评论

    字体.gif

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

    大佬牛批
    dd798922110
  • StarDustSheep

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

  • StarDustSheep

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

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

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

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

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

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

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

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

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

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

请输入回帖内容 ...

推荐标签 标签

  • 知乎

    知乎是网络问答社区,连接各行各业的用户。用户分享着彼此的知识、经验和见解,为中文互联网源源不断地提供多种多样的信息。

    10 引用 • 66 回帖
  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言,内置支持类型。它的解释器被称为 JavaScript 引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在 HTML 网页上使用,用来给 HTML 网页增加动态功能。

    728 引用 • 1273 回帖 • 1 关注
  • 外包

    有空闲时间是接外包好呢还是学习好呢?

    26 引用 • 232 回帖
  • Bootstrap

    Bootstrap 是 Twitter 推出的一个用于前端开发的开源工具包。它由 Twitter 的设计师 Mark Otto 和 Jacob Thornton 合作开发,是一个 CSS / HTML 框架。

    18 引用 • 33 回帖 • 667 关注
  • IBM

    IBM(国际商业机器公司)或万国商业机器公司,简称 IBM(International Business Machines Corporation),总公司在纽约州阿蒙克市。1911 年托马斯·沃森创立于美国,是全球最大的信息技术和业务解决方案公司,拥有全球雇员 30 多万人,业务遍及 160 多个国家和地区。

    17 引用 • 53 回帖 • 140 关注
  • 智能合约

    智能合约(Smart contract)是一种旨在以信息化方式传播、验证或执行合同的计算机协议。智能合约允许在没有第三方的情况下进行可信交易,这些交易可追踪且不可逆转。智能合约概念于 1994 年由 Nick Szabo 首次提出。

    1 引用 • 11 回帖 • 2 关注
  • Electron

    Electron 基于 Chromium 和 Node.js,让你可以使用 HTML、CSS 和 JavaScript 构建应用。它是一个由 GitHub 及众多贡献者组成的活跃社区共同维护的开源项目,兼容 Mac、Windows 和 Linux,它构建的应用可在这三个操作系统上面运行。

    15 引用 • 136 回帖 • 1 关注
  • Kotlin

    Kotlin 是一种在 Java 虚拟机上运行的静态类型编程语言,由 JetBrains 设计开发并开源。Kotlin 可以编译成 Java 字节码,也可以编译成 JavaScript,方便在没有 JVM 的设备上运行。在 Google I/O 2017 中,Google 宣布 Kotlin 成为 Android 官方开发语言。

    19 引用 • 33 回帖 • 63 关注
  • Git

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

    209 引用 • 358 回帖
  • 架构

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

    142 引用 • 442 回帖 • 1 关注
  • 工具

    子曰:“工欲善其事,必先利其器。”

    288 引用 • 734 回帖 • 2 关注
  • 大疆创新

    深圳市大疆创新科技有限公司(DJI-Innovations,简称 DJI),成立于 2006 年,是全球领先的无人飞行器控制系统及无人机解决方案的研发和生产商,客户遍布全球 100 多个国家。通过持续的创新,大疆致力于为无人机工业、行业用户以及专业航拍应用提供性能最强、体验最佳的革命性智能飞控产品和解决方案。

    2 引用 • 14 回帖 • 2 关注
  • HTML

    HTML5 是 HTML 下一个的主要修订版本,现在仍处于发展阶段。广义论及 HTML5 时,实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。

    107 引用 • 295 回帖
  • 导航

    各种网址链接、内容导航。

    42 引用 • 175 回帖
  • TensorFlow

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

    20 引用 • 19 回帖 • 1 关注
  • 阿里云

    阿里云是阿里巴巴集团旗下公司,是全球领先的云计算及人工智能科技公司。提供云服务器、云数据库、云安全等云计算服务,以及大数据、人工智能服务、精准定制基于场景的行业解决方案。

    89 引用 • 345 回帖 • 1 关注
  • GitHub

    GitHub 于 2008 年上线,目前,除了 Git 代码仓库托管及基本的 Web 管理界面以外,还提供了订阅、讨论组、文本渲染、在线文件编辑器、协作图谱(报表)、代码片段分享(Gist)等功能。正因为这些功能所提供的便利,又经过长期的积累,GitHub 的用户活跃度很高,在开源世界里享有深远的声望,并形成了社交化编程文化(Social Coding)。

    210 引用 • 2036 回帖
  • 钉钉

    钉钉,专为中国企业打造的免费沟通协同多端平台, 阿里巴巴出品。

    15 引用 • 67 回帖 • 335 关注
  • Jenkins

    Jenkins 是一套开源的持续集成工具。它提供了非常丰富的插件,让构建、部署、自动化集成项目变得简单易用。

    53 引用 • 37 回帖 • 3 关注
  • Gitea

    Gitea 是一个开源社区驱动的轻量级代码托管解决方案,后端采用 Go 编写,采用 MIT 许可证。

    4 引用 • 16 回帖
  • Spark

    Spark 是 UC Berkeley AMP lab 所开源的类 Hadoop MapReduce 的通用并行框架。Spark 拥有 Hadoop MapReduce 所具有的优点;但不同于 MapReduce 的是 Job 中间输出结果可以保存在内存中,从而不再需要读写 HDFS,因此 Spark 能更好地适用于数据挖掘与机器学习等需要迭代的 MapReduce 的算法。

    74 引用 • 46 回帖 • 559 关注
  • Wide

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

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

    30 引用 • 218 回帖 • 635 关注
  • CloudFoundry

    Cloud Foundry 是 VMware 推出的业界第一个开源 PaaS 云平台,它支持多种框架、语言、运行时环境、云平台及应用服务,使开发人员能够在几秒钟内进行应用程序的部署和扩展,无需担心任何基础架构的问题。

    5 引用 • 18 回帖 • 172 关注
  • 自由行
    4 关注
  • Markdown

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

    167 引用 • 1520 回帖
  • gRpc
    11 引用 • 9 回帖 • 69 关注
  • Sym

    Sym 是一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)系统平台。

    下一代的社区系统,为未来而构建

    524 引用 • 4601 回帖 • 700 关注