功能请求:暗黑模式支持
与[这里](https://github.com/GrapesJS/grapesjs/issues/6446#issuecomment-2729421252)相同
阅读下方完整回答 ↓问题
功能描述
在编辑器界面中添加暗黑模式支持。
动机
- 减少夜间发育时的眼睛疲劳
- 符合现代UI/UX标准
- 支持系统级暗模式偏好
拟议实施
- 添加暗色模式色彩调色板
- 创建主题切换机制
- 用户偏好的持久化
- 添加系统主题检测
补充背景
许多用户在夜间工作,并请求了此功能。
回答(2)
为GrapesJS添加暗黑模式支持涉及CSS主题、用于主题切换和持久化的JavaScript,以及与系统偏好设置的集成。虽然GrapesJS没有内置暗黑模式切换,但其模块化特性允许实现稳健的自定义实现。以下是详细的做法: 1.定义暗模式色彩调色板(CSS) 实现主题最有效的方法是使用CSS变量。你需要为光源主题定义一组变量,然后在应用到编辑器根元素的.theme-dark类(或类似类)中覆盖它们。这个自定义CSS应在GrapesJS默认样式之后加载,以确保覆盖生效。 首先,创建一个CSS文件(例如,grapesjs-dark-theme.css): 2.创建主题切换机制(JavaScript...
相关问答
通过相似的问题讨论继续研究。
问题 #3312
Make side panel's width to 20%
你想给GrapesJS添加什么? 侧板看起来被揉皱了。除非你的桌面很大,否则我不太希望块面板的图片被放到一边。此外,顶部的图标,比如“获得新方块”图标,除非屏幕较大,否则会被遮挡。 详细描述你的功能需求详细 将侧面板宽度从15%改为20%,具体来说是类别:'gjs-pn-vie...
问题 #3718
Override Drag functions
你好@artf我想覆盖“dmode ”absolute“' 的拖拽功能。 目前我们可以自由移动画布,如果在桌面上移动,其他移动端和桌面设备就不一样了。另外,我希望像素数是百分比,这样在整个屏幕上都能响应。 请问你能帮我从哪里开始,以及如何实现吗? 谢谢
问题 #3371
Generate pages numbers any idea?
大家好,我正在通过 grapesjs 创建一个文档生成器,我想在每页底部插入类似“第1页共5页”这样的页码。我的起始模板有一个叫.page的封装类,实际上我可以把一个页面克隆到另一个页面下面,从而获得更多页面。 你知道我该如何实现这个功能吗? 谢谢!
问题 #3208
Using GrapesJS Without NPM?
你好, 在普通主机提供商上使用网页构建器的功能,有没有 NPM 的使用可能?比如Apache或其他解决方案? 谢谢!
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。