没想到我只是学了个 CSS,就能感受到垃圾代码的恶臭了

本贴最后更新于 619 天前,其中的信息可能已经时异事殊

并没有系统地学习 CSS 的我虽然能写出来勉强能用的主题,但是我那混乱的代码已经堆积起来,让我难以修改问题、增添功能。没头没脑地用选择器和!important,还有每次手动用拾色器选个颜色弄出个新颜色代码用来声明,感觉整个主题的代码混乱不堪,我自己都快绷不住了。

虽然 pink-room 下载量也几百了,但没什么人反馈,github 上也没有 issue。感觉不到使用者的存在,着实有点没有修复缺陷和改进的动力。

过段时间(指不知道啥时候)一定得重构,不然这主题没法写了。

  • 思源笔记

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

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

    19810 引用 • 75844 回帖 • 1 关注

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • 加油

  • 特意下载了下,支持楼主

    但我个人的确对这个风格不是很感冒

    1 回复
  • Zhangwuji

    提点意见,楼主需要多收集点反馈

    1 回复
  • 我最近在用 notion-theme,备用 Rem craft

    我喜欢这种看起来极简,用起来功能丰富度一点不弱的吧

    前者的隐藏顶栏,我也很喜欢,隐藏后也是极简

    两侧栏可以鼠标触发,感觉也是很不错

    或许楼主可以朝着这个风格方向改一下

    可以一件切换颜色这个功能挺好

    1 回复
  • 其实我觉得主题首先是自己用,在有余力的情况下再考虑别人的需求。

    所以就不要想太多啦,像我现在更新主题,纯粹就是为了方便我自己多个设备下载用,也不太管别人的反馈。

    当然如果你是想通过做主题学习 css,然后再学前端 js 开发的话,那确实得花点心力。如果只是想好好做一个主题,就不要想太多啦,社区优秀的主题都是花了很多时间一点点迭代的

    1 回复
  • 页签栏可以优化一下

    1 回复
  • AMBERWIN

    ❤️ ❤️ ❤️

  • 主题还是很不错的,提两个小建议,这个颜射设置这里,下面那些数字是不是不要更简洁?下面的 1,2,3,4 和 I,II,III 等。

    image.png

    另外,就是折叠标题后,太不明显了,比如我这个

    image.png

    2 回复
  • 你好,Sofill- 主题很重视折叠标题效果,正在优化折叠标题文字立体感增强 ,你有什么好的建议吗 ❤️

    1 回复
  • 多合一是趋势,考虑一下不trollface

    1 回复
  • 不考虑,trollface 欢迎 pr

  • Nofood

    已经做得很不错了 👍 写代码确实磨人。改来改去的都不知道心中的完美是什么样了。。。

    image.png
    楼下某位主题开发者的注释huaji

    不是不想提建议,奈何水平太低提不出好建议。要不加个打字机模式?
    说到颜色拾取 vscode 有个插件可以让代码展示颜色。notepad3 也有这个功能。比从其他地方复制代码略微方便些。
    颜色拾取.gif

    1 回复
  • wickysi

    pink-room 主题用了快 1 个月了,挺好的,没有遇到什么问题。😄

  • StarDustSheep
    作者

    我想要的是把某个文件夹中使用过的所有颜色代码汇总起来,在修改颜色代码的时候能跳出它的界面,这样我就能看看之前是不是有用过很相似的颜色了。我还没找到这样的插件。或许在最开始选色的时候就应该按照某种设计规范来。

    1 回复
  • StarDustSheep
    作者

    之后会看看有什么好的样式能用的。有过很多想法,但苦于自己对 css 掌握得不够好的原因只选了目前这个比较保守的方案。

  • StarDustSheep
    作者

    加上这个数字是因为……思源默认的字色和下面的背景色啊,有些难以区分。尤其是背景色,太浅了,在白色的菜单背景上很难找到自己要找的那个颜色,有个数字就能比较方便地定位用。

    不过我最大的疑问就是,有多少人是在用思源这个默认的字色和底色,如果用,那用哪几个比较多呢……由于思源默认字体样式的局限性很大,不少主题都搞了自己新的标准。而我怕使用默认样式的人很多,且已经做了不少标注了,所以就没修改默认的字色和底色的标准,以免用户被主题的字体样式标准“绑架”。

    最近加入的公共 CSS 片段应该能解决这个问题,我会再研究研究其他主题的标准,看看要不要也将我自己的标准变成默认。当用户能容易找到自己想要的样式的话,也就不需要这什么编号了。

    image.png

    image.png

  • StarDustSheep
    作者

    我之前也做过立体感很强的样式,最后我自己用起来都难受。如果立体感很强,注意力很容易被吸引,这导致在阅读其他部分文本的时候会受干扰。如何做好这个平衡是件很困难的事。

    1 回复
  • StarDustSheep
    作者

    我并未学过计算机,对 CSS 的学习了解很浅,很多功能和效果不知道怎么做才好。所以是尽量不在原版上做过多修改,一加功能,就有可能有各种问题需要解决(我在群里看他们经常为了这些功能做了很多工作),我觉得目前我是没能力和精力加上太多功能。

    隐藏顶栏有个问题是鼠标直接移动到屏幕边缘试图点击页签的时候,其实会点到顶栏,故不能进行页签跳转。这和使用浏览器时轻松拖动鼠标滑到顶部就能切换页签的体验不一样,所以我一直觉得这个设计还是有很大缺陷,体验不是很好,所以没想去做过。

    至于侧栏,新版本思源可以在右下角手动隐藏了。

    一键切换颜色的功能是 Dark+ 作者帮我弄的 😂 ,我不会 JS。因为有些人不是很喜欢粉色嘛,实际上粉色界面确实容易让人思绪躁动起来,有些难以专心。所以我就做在界面结构没变的情况下又做了两套配色。

  • 确实很难平衡,现在的设计趋势都是扁平化

  • Nofood 1

    比方说编辑 蓝色.css 的时候,它会提醒你这个颜色(或代码)在 绿色.css 里用过?我不知道是否有编辑器能支持。现在大多数编辑器都支持重复项高亮。但应该满足不了你的需求。

    说到先定义选色规范。VS code 的插件 Color Manager 或许能帮到你。它可以自建调色板,这样不管是编辑哪个文件都能插入设定好的颜色。也能搜索代码中的颜色导入调色板。

    颜色拾取 1.gif

    你的主题配色很好看,不愧是学美术的。尤其使卷轴模式配上背景图。
    但是我的眼睛觉得太亮了。所以。。。暗色主题什么时候出,来个五彩斑斓的黑huaji

    1 回复
  • StarDustSheep
    作者

    我现在手里有之前的宇宙风格暗色主题 Stardust 的代码还没整理。暗色主题是全新的一套设计了,需要花不少时间去调整至能用的状态,而 pink-room 就已经让我有些猪脑过载了,所以就一直没重构它的代码。

  • profox

    哈哈 我也常用粉色主题的,那也说两句:

    标题与上下块的间距,可否不要搞成目前的等距?我建议尝试一下上宽下窄。

    逻辑是这样的:标题是向上分断,向下包含的。距离上块距离宽,有分离分段感;距离下块距离稍窄,有引领聚合感。

    1 回复
  • StarDustSheep
    作者

    下个小版本给标题加大外部上边距

请输入回帖内容 ...

推荐标签 标签

  • SVN

    SVN 是 Subversion 的简称,是一个开放源代码的版本控制系统,相较于 RCS、CVS,它采用了分支管理系统,它的设计目标就是取代 CVS。

    29 引用 • 98 回帖 • 689 关注
  • abitmean

    有点意思就行了

    29 关注
  • IDEA

    IDEA 全称 IntelliJ IDEA,是一款 Java 语言开发的集成环境,在业界被公认为最好的 Java 开发工具之一。IDEA 是 JetBrains 公司的产品,这家公司总部位于捷克共和国的首都布拉格,开发人员以严谨著称的东欧程序员为主。

    180 引用 • 400 回帖
  • B3log

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

    1083 引用 • 3461 回帖 • 261 关注
  • RYMCU

    RYMCU 致力于打造一个即严谨又活泼、专业又不失有趣,为数百万人服务的开源嵌入式知识学习交流平台。

    4 引用 • 6 回帖 • 51 关注
  • GitBook

    GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识,提高团队的工作效率,让用户满意。

    3 引用 • 8 回帖
  • Kafka

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

    35 引用 • 35 回帖 • 4 关注
  • Shell

    Shell 脚本与 Windows/Dos 下的批处理相似,也就是用各类命令预先放入到一个文件中,方便一次性执行的一个程序文件,主要是方便管理员进行设置或者管理用的。但是它比 Windows 下的批处理更强大,比用其他编程程序编辑的程序效率更高,因为它使用了 Linux/Unix 下的命令。

    122 引用 • 73 回帖 • 1 关注
  • Ubuntu

    Ubuntu(友帮拓、优般图、乌班图)是一个以桌面应用为主的 Linux 操作系统,其名称来自非洲南部祖鲁语或豪萨语的“ubuntu”一词,意思是“人性”、“我的存在是因为大家的存在”,是非洲传统的一种价值观,类似华人社会的“仁爱”思想。Ubuntu 的目标在于为一般用户提供一个最新的、同时又相当稳定的主要由自由软件构建而成的操作系统。

    123 引用 • 168 回帖
  • CentOS

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

    238 引用 • 224 回帖
  • LeetCode

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

    209 引用 • 72 回帖
  • Quicker

    Quicker 您的指尖工具箱!操作更少,收获更多!

    25 引用 • 83 回帖
  • 开源中国

    开源中国是目前中国最大的开源技术社区。传播开源的理念,推广开源项目,为 IT 开发者提供了一个发现、使用、并交流开源技术的平台。目前开源中国社区已收录超过两万款开源软件。

    7 引用 • 86 回帖
  • jsDelivr

    jsDelivr 是一个开源的 CDN 服务,可为 npm 包、GitHub 仓库提供免费、快速并且可靠的全球 CDN 加速服务。

    5 引用 • 31 回帖 • 53 关注
  • Webswing

    Webswing 是一个能将任何 Swing 应用通过纯 HTML5 运行在浏览器中的 Web 服务器,详细介绍请看 将 Java Swing 应用变成 Web 应用

    1 引用 • 15 回帖 • 632 关注
  • CloudFoundry

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

    5 引用 • 18 回帖 • 155 关注
  • SSL

    SSL(Secure Sockets Layer 安全套接层),及其继任者传输层安全(Transport Layer Security,TLS)是为网络通信提供安全及数据完整性的一种安全协议。TLS 与 SSL 在传输层对网络连接进行加密。

    69 引用 • 190 回帖 • 483 关注
  • SQLite

    SQLite 是一个进程内的库,实现了自给自足的、无服务器的、零配置的、事务性的 SQL 数据库引擎。SQLite 是全世界使用最为广泛的数据库引擎。

    4 引用 • 7 回帖 • 1 关注
  • WebComponents

    Web Components 是 W3C 定义的标准,它给了前端开发者扩展浏览器标签的能力,可以方便地定制可复用组件,更好的进行模块化开发,解放了前端开发者的生产力。

    1 引用 • 15 关注
  • InfluxDB

    InfluxDB 是一个开源的没有外部依赖的时间序列数据库。适用于记录度量,事件及实时分析。

    2 引用 • 60 关注
  • Google

    Google(Google Inc.,NASDAQ:GOOG)是一家美国上市公司(公有股份公司),于 1998 年 9 月 7 日以私有股份公司的形式创立,设计并管理一个互联网搜索引擎。Google 公司的总部称作“Googleplex”,它位于加利福尼亚山景城。Google 目前被公认为是全球规模最大的搜索引擎,它提供了简单易用的免费服务。不作恶(Don't be evil)是谷歌公司的一项非正式的公司口号。

    49 引用 • 192 回帖 • 1 关注
  • HBase

    HBase 是一个分布式的、面向列的开源数据库,该技术来源于 Fay Chang 所撰写的 Google 论文 “Bigtable:一个结构化数据的分布式存储系统”。就像 Bigtable 利用了 Google 文件系统所提供的分布式数据存储一样,HBase 在 Hadoop 之上提供了类似于 Bigtable 的能力。

    17 引用 • 6 回帖 • 58 关注
  • VirtualBox

    VirtualBox 是一款开源虚拟机软件,最早由德国 Innotek 公司开发,由 Sun Microsystems 公司出品的软件,使用 Qt 编写,在 Sun 被 Oracle 收购后正式更名成 Oracle VM VirtualBox。

    10 引用 • 2 回帖 • 10 关注
  • 智能合约

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

    1 引用 • 11 回帖 • 10 关注
  • frp

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

    16 引用 • 7 回帖 • 1 关注
  • App

    App(应用程序,Application 的缩写)一般指手机软件。

    90 引用 • 383 回帖 • 1 关注
  • Oracle

    Oracle(甲骨文)公司,全称甲骨文股份有限公司(甲骨文软件系统有限公司),是全球最大的企业级软件公司,总部位于美国加利福尼亚州的红木滩。1989 年正式进入中国市场。2013 年,甲骨文已超越 IBM,成为继 Microsoft 后全球第二大软件公司。

    103 引用 • 126 回帖 • 442 关注