想要让打字的环境更舒适一点,前几天找 AI 要了一段代码,修改编辑区的背景颜色,但是我发现他覆盖了普通表格的配色,于是,我又让 AI 修改了代码,让表格有自己的配色。
但是我发现数据库表格的配色也被覆盖了,而 AI 这次修改不了了,所以我来论坛问一下有 css 代码可以阻止编辑区的背景色覆盖它吗?或者有什么代码可以使他有自己的配色?
还有这是我用的 css 代码。感兴趣的看看。编辑区背景色修改.7z
想要让打字的环境更舒适一点,前几天找 AI 要了一段代码,修改编辑区的背景颜色,但是我发现他覆盖了普通表格的配色,于是,我又让 AI 修改了代码,让表格有自己的配色。
但是我发现数据库表格的配色也被覆盖了,而 AI 这次修改不了了,所以我来论坛问一下有 css 代码可以阻止编辑区的背景色覆盖它吗?或者有什么代码可以使他有自己的配色?
还有这是我用的 css 代码。感兴趣的看看。编辑区背景色修改.7z
帮你改了一下:
/* 修改编辑区到题头图区域的背景颜色 */ .protyle { --b3-theme-background: #EEE6DD !important; /* 统一浅米色背景 */ --b3-parent-background: var(--b3-theme-background) !important; /* 数据库背景 */ } /* 编辑区文本颜色 */ .protyle-wysiwyg { color: #575279 !important; /* 深蓝紫色文本 */ } /* 标题区域背景颜色 */ .protyle-title { /*background: transparent !important; /* 透明背景,与背景保持一致 */ color: #575279 !important; /* 深蓝紫色文本 */ } /* 面包屑区域背景颜色(与编辑器一致) */ .protyle .protyle-breadcrumb { background: #EEE6DD !important; /* 统一浅米色背景 */ } /* 表格默认样式 */ table { background-color: #FFFFFF !important; /* 表格白色背景 */ border-collapse: collapse; /* 合并边框间隙 */ width: 100%; /* 表格宽度自适应 */ } /* 表格标题行样式 */ table thead tr { background-color: #F5F3FA !important; /* 标题行淡紫背景 */ color: #575279 !important; /* 深蓝紫色文本 */ font-weight: bold; text-align: left; /* 标题左对齐 */ } /* 表格单元格样式 */ table th, table td { border: 1px solid #E0E0E0 !important; /* 浅灰色边框 */ padding: 8px; /* 单元格内边距 */ color: #575279 !important; /* 深蓝紫色文本 */ } /* 表格内容行的交替背景色 */ table tbody tr:nth-child(even) { background-color: #F9F9F9; /* 偶数行浅灰背景 */ } table tbody tr:nth-child(odd) { background-color: #FFFFFF; /* 奇数行白色背景 */ } /* 选中状态背景颜色 */ .protyle-wysiwyg ::selection { background-color: #CC66FF !important; /* 浅紫色选中背景 */ color: #333333 !important; /* 深色选中文本 */ }
可以通过CTRL+Shift+I打开控制台,之后选择控制台左上角的检查元素(CTRL+Shift+C),选中数据库里面的背景,之后在右方的样式面板中查看需要修改部分的样式选择器,可以参考表格的写法用数据库的选择器设置背景颜色。
翻看了我之前主题写的代码,可供参考(注意这里用到的颜色可能已被修改,需要替换,并且是好几个版本之前写的,需要注意检查可用性):
.protyle .av[data-av-type=table] .av__header, .protyle .av[data-av-type=table] .av__scroll { /* 数据库背景修复 */ background: var(--b3-theme-background); }
帮你改了一下:
/* 修改编辑区到题头图区域的背景颜色 */ .protyle { --b3-theme-background: #EEE6DD !important; /* 统一浅米色背景 */ --b3-parent-background: var(--b3-theme-background) !important; /* 数据库背景 */ } /* 编辑区文本颜色 */ .protyle-wysiwyg { color: #575279 !important; /* 深蓝紫色文本 */ } /* 标题区域背景颜色 */ .protyle-title { /*background: transparent !important; /* 透明背景,与背景保持一致 */ color: #575279 !important; /* 深蓝紫色文本 */ } /* 面包屑区域背景颜色(与编辑器一致) */ .protyle .protyle-breadcrumb { background: #EEE6DD !important; /* 统一浅米色背景 */ } /* 表格默认样式 */ table { background-color: #FFFFFF !important; /* 表格白色背景 */ border-collapse: collapse; /* 合并边框间隙 */ width: 100%; /* 表格宽度自适应 */ } /* 表格标题行样式 */ table thead tr { background-color: #F5F3FA !important; /* 标题行淡紫背景 */ color: #575279 !important; /* 深蓝紫色文本 */ font-weight: bold; text-align: left; /* 标题左对齐 */ } /* 表格单元格样式 */ table th, table td { border: 1px solid #E0E0E0 !important; /* 浅灰色边框 */ padding: 8px; /* 单元格内边距 */ color: #575279 !important; /* 深蓝紫色文本 */ } /* 表格内容行的交替背景色 */ table tbody tr:nth-child(even) { background-color: #F9F9F9; /* 偶数行浅灰背景 */ } table tbody tr:nth-child(odd) { background-color: #FFFFFF; /* 奇数行白色背景 */ } /* 选中状态背景颜色 */ .protyle-wysiwyg ::selection { background-color: #CC66FF !important; /* 浅紫色选中背景 */ color: #333333 !important; /* 深色选中文本 */ }
各种网址链接、内容导航。
Microsoft Windows 是美国微软公司研发的一套操作系统,它问世于 1985 年,起初仅仅是 Microsoft-DOS 模拟环境,后续的系统版本由于微软不断的更新升级,不但易用,也慢慢的成为家家户户人们最喜爱的操作系统。
愿逝者安息!
“梦想从学习开始,事业从实践起步” —— 习近平
Office 现已更名为 Microsoft 365. Microsoft 365 将高级 Office 应用(如 Word、Excel 和 PowerPoint)与 1 TB 的 OneDrive 云存储空间、高级安全性等结合在一起,可帮助你在任何设备上完成操作。
本标签主要用于分享网络空间安全专业的学习笔记
H2 是一个开源的嵌入式数据库引擎,采用 Java 语言编写,不受平台的限制,同时 H2 提供了一个十分方便的 web 控制台用于操作和管理数据库内容。H2 还提供兼容模式,可以兼容一些主流的数据库,因此采用 H2 作为开发期的数据库非常方便。
前端技术一般分为前端设计和前端开发,前端设计可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括 HTML、CSS 以及 JavaScript 等。
又拍云是国内领先的 CDN 服务提供商,国家工信部认证通过的“可信云”,乌云众测平台认证的“安全云”,为移动时代的创业者提供新一代的 CDN 加速服务。
Communication channel for makers and users.
jQuery 是一套跨浏览器的 JavaScript 库,强化 HTML 与 JavaScript 之间的操作。由 John Resig 在 2006 年 1 月的 BarCamp NYC 上释出第一个版本。全球约有 28% 的网站使用 jQuery,是非常受欢迎的 JavaScript 库。
你创造的作品可能会帮助到很多人,如果是开源项目的话就更赞了!
FreeMarker 是一款好用且功能强大的 Java 模版引擎。
Spring 是一个开源框架,是于 2003 年兴起的一个轻量级的 Java 开发框架,由 Rod Johnson 在其著作《Expert One-On-One J2EE Development and Design》中阐述的部分理念和原型衍生而来。它是为了解决企业应用开发的复杂性而创建的。框架的主要优势之一就是其分层架构,分层架构允许使用者选择使用哪一个组件,同时为 JavaEE 应用程序开发提供集成的框架。
Open Source, Open Mind, Open Sight, Open Future!
App(应用程序,Application 的缩写)一般指手机软件。
钉钉,专为中国企业打造的免费沟通协同多端平台, 阿里巴巴出品。
Rust 是一门赋予每个人构建可靠且高效软件能力的语言。Rust 由 Mozilla 开发,最早发布于 2014 年 9 月。
LeetCode(力扣)是一个全球极客挚爱的高质量技术成长平台,想要学习和提升专业能力从这里开始,充足技术干货等你来啃,轻松拿下 Dream Offer!
Sphinx 是一个基于 SQL 的全文检索引擎,可以结合 MySQL、PostgreSQL 做全文搜索,它可以提供比数据库本身更专业的搜索功能,使得应用程序更容易实现专业化的全文检索。
Python 是一种面向对象、直译式电脑编程语言,具有近二十年的发展历史,成熟且稳定。它包含了一组完善而且容易理解的标准库,能够轻松完成很多常见的任务。它的语法简捷和清晰,尽量使用无异义的英语单词,与其它大多数程序设计语言使用大括号不一样,它使用缩进来定义语句块。
Swagger 是一款非常流行的 API 开发工具,它遵循 OpenAPI Specification(这是一种通用的、和编程语言无关的 API 描述规范)。Swagger 贯穿整个 API 生命周期,如 API 的设计、编写文档、测试和部署。
iOS 是由苹果公司开发的移动操作系统,最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统,最初是设计给 iPhone 使用的,后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样,属于类 Unix 的商业操作系统。