Skip to content

Commit f7b9cc2

Browse files
PJ-568PJ-568
committed
【修复】扩展媒体元素混色处理
添加 canvas 和 video 元素的深色模式混色支持，防止背景图片、svg、canvas 和视频等混色问题。 【格式，文档】优化表格显示格式 优化 README.md 和 README_EN.md 中表格的单行显示，提升可读性和维护性。
1 parent f438990 commit f7b9cc2

3 files changed

Lines changed: 54 additions & 51 deletions

File tree

‎README.md‎

Lines changed: 25 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -16,11 +16,11 @@
1616

1717
## 使用方法
1818

19-
| 文件名 | 说明 |
20-
| :----- | :--- |
21-
| [index.html](index.html) | 默认 HTML 入口文件，使用 CDN 引入依赖。 |
22-
| [index.min.html](index.min.html) | 压缩后的 HTML 入口文件，使用 CDN 引入依赖。 |
23-
| [index.allinone.html](index.allinone.html) | 全合一 HTML 入口文件，默认包含所有可被脚本下载的依赖。 |
19+
| 文件名 | 说明 |
20+
| :------------------------------------------------- | :------------------------------------------------------------- |
21+
| [index.html](index.html) | 默认 HTML 入口文件，使用 CDN 引入依赖。 |
22+
| [index.min.html](index.min.html) | 压缩后的 HTML 入口文件，使用 CDN 引入依赖。 |
23+
| [index.allinone.html](index.allinone.html) | 全合一 HTML 入口文件，默认包含所有可被脚本下载的依赖。 |
2424
| [index.allinone.min.html](index.allinone.min.html) | 压缩后的全合一 HTML 入口文件，默认包含所有可被脚本下载的依赖。 |
2525

2626
### 手动部署
@@ -36,10 +36,10 @@
3636
- name: Deploy markdown.html
3737
uses: PJ-568/MARKDOWN.HTML@v<version>
3838
with:
39-
target-dir: '.'
40-
file-name: 'index.html'
41-
use-minified: 'true'
42-
use-all-in-one: 'false'
39+
target-dir: "."
40+
file-name: "index.html"
41+
use-minified: "true"
42+
use-all-in-one: "false"
4343
```
4444
4545
## 其他说明
@@ -61,25 +61,25 @@
6161

6262
#### 项目
6363

64-
|名称|协议|地址|
65-
|:-:|:--|:--|
66-
|tabler-icons|[MIT License](//mit-license.org)|[Github](https://github.com/tabler/tabler-icons)、[Website](https://tabler.io/icons)|
67-
|highlightjs/highlight.js|[BSD-3-Clause license](https://github.com/highlightjs/highlight.js/raw/refs/heads/main/LICENSE)|[Github](https://github.com/highlightjs/highlight.js)、[Website](https://highlightjs.org)|
68-
|markedjs/marked|[marked License](https://github.com/markedjs/marked/blob/master/LICENSE.md)|[Github](https://github.com/markedjs/marked)、[Website](https://marked.js.org)|
69-
|mermaidjs/mermaid|[MIT License](https://github.com/mermaid-js/mermaid/blob/develop/LICENSE)|[Github](https://github.com/mermaid-js/mermaid)、[Website](https://mermaid.js.org)|
70-
|translate.js|[Apache License Version 2.0](http://www.apache.org/licenses/LICENSE-2.0)|[Github](https://github.com/xnx3/translate)、[Gitee](https://gitee.com/mail_osc/translate)、[Website](https://translate.zvo.cn)|
71-
|darkmode.js|[MIT license](//mit-license.org)|[Github](https://github.com/sandoche/Darkmode.js)、[Website](https://darkmodejs.learn.uno)|
72-
|MoOx/pjax|[MIT license](//mit-license.org)|[Github](https://github.com/MoOx/pjax)|
73-
|instant.page|[MIT license](//mit-license.org)|[Github](https://github.com/instantpage/instant.page)、[Website](https://instant.page)|
74-
|Maple Mono|[OFL-1.1 license](https://openfontlicense.org/open-font-license-official-text/)|[Github](https://github.com/subframe7536/maple-font)、[Website](https://font.subf.dev)|
64+
| 名称 | 协议 | 地址 |
65+
| :----------------------: | :---------------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------ |
66+
| tabler-icons | [MIT License](//mit-license.org) | [Github](https://github.com/tabler/tabler-icons)、[Website](https://tabler.io/icons) |
67+
| highlightjs/highlight.js | [BSD-3-Clause license](https://github.com/highlightjs/highlight.js/raw/refs/heads/main/LICENSE) | [Github](https://github.com/highlightjs/highlight.js)、[Website](https://highlightjs.org) |
68+
| markedjs/marked | [marked License](https://github.com/markedjs/marked/blob/master/LICENSE.md) | [Github](https://github.com/markedjs/marked)、[Website](https://marked.js.org) |
69+
| mermaidjs/mermaid | [MIT License](https://github.com/mermaid-js/mermaid/blob/develop/LICENSE) | [Github](https://github.com/mermaid-js/mermaid)、[Website](https://mermaid.js.org) |
70+
| translate.js | [Apache License Version 2.0](http://www.apache.org/licenses/LICENSE-2.0) | [Github](https://github.com/xnx3/translate)、[Gitee](https://gitee.com/mail_osc/translate)、[Website](https://translate.zvo.cn) |
71+
| darkmode.js | [MIT license](//mit-license.org) | [Github](https://github.com/sandoche/Darkmode.js)、[Website](https://darkmodejs.learn.uno) |
72+
| MoOx/pjax | [MIT license](//mit-license.org) | [Github](https://github.com/MoOx/pjax) |
73+
| instant.page | [MIT license](//mit-license.org) | [Github](https://github.com/instantpage/instant.page)、[Website](https://instant.page) |
74+
| Maple Mono | [OFL-1.1 license](https://openfontlicense.org/open-font-license-official-text/) | [Github](https://github.com/subframe7536/maple-font)、[Website](https://font.subf.dev) |
7575

7676
#### 服务
7777

78-
|图标|名称|
79-
|:-:|:--|
80-
|无|[360 前端静态资源库](https://cdn.baomitu.com/)|
81-
|![字节跳动静态资源公共库图标](https://cdn.bytedance.com/src/res/logo.svg)|[字节跳动静态资源公共库](https://cdn.bytedance.com/)|
82-
|![中文网字计划](https://chinese-font.netlify.app/favicon.ico)|[中文网字计划](https://chinese-font.netlify.app)|
78+
| 图标 | 名称 |
79+
| :-----------------------------------------------------------------------: | :--------------------------------------------------- |
80+
| 无 | [360 前端静态资源库](https://cdn.baomitu.com/) |
81+
| ![字节跳动静态资源公共库图标](https://cdn.bytedance.com/src/res/logo.svg) | [字节跳动静态资源公共库](https://cdn.bytedance.com/) |
82+
| ![中文网字计划](https://chinese-font.netlify.app/favicon.ico) | [中文网字计划](https://chinese-font.netlify.app) |
8383

8484
## 星
8585

‎README_EN.md‎

Lines changed: 24 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -16,11 +16,11 @@ This project provides a low-dependency, one-click deployment solution for render
1616

1717
## Usage
1818

19-
| File Name | Description |
20-
| :-------- | :---------- |
21-
| [index.html](index.html) | Default HTML entry file using CDN dependencies |
22-
| [index.min.html](index.min.html) | Minified HTML entry file using CDN dependencies |
23-
| [index.allinone.html](index.allinone.html) | All-in-one HTML entry file with embedded dependencies |
19+
| File Name | Description |
20+
| :------------------------------------------------- | :------------------------------------------------------------- |
21+
| [index.html](index.html) | Default HTML entry file using CDN dependencies |
22+
| [index.min.html](index.min.html) | Minified HTML entry file using CDN dependencies |
23+
| [index.allinone.html](index.allinone.html) | All-in-one HTML entry file with embedded dependencies |
2424
| [index.allinone.min.html](index.allinone.min.html) | Minified all-in-one HTML entry file with embedded dependencies |
2525

2626
### Manual Deployment
@@ -36,10 +36,10 @@ Compile and deploy HTML files to the target directory. Replace `<version>` with
3636
- name: Deploy markdown.html
3737
uses: PJ-568/MARKDOWN.HTML@v<version>
3838
with:
39-
target-dir: '.'
40-
file-name: 'index.html'
41-
use-minified: 'true'
42-
use-all-in-one: 'false'
39+
target-dir: "."
40+
file-name: "index.html"
41+
use-minified: "true"
42+
use-all-in-one: "false"
4343
```
4444
4545
## Additional Notes
@@ -65,24 +65,24 @@ This project is licensed under [CC BY-SA 4.0 International](https://creativecomm
6565

6666
#### Projects
6767

68-
| Name | License | Links |
69-
| :--- | :------ | :---- |
70-
| tabler-icons | [MIT](//mit-license.org) | [GitHub](https://github.com/tabler/tabler-icons), [Website](https://tabler.io/icons) |
71-
| highlight.js | [BSD-3-Clause](https://github.com/highlightjs/highlight.js/raw/main/LICENSE) | [GitHub](https://github.com/highlightjs/highlight.js), [Website](https://highlightjs.org) |
72-
| marked | [marked License](https://github.com/markedjs/marked/blob/master/LICENSE.md) | [GitHub](https://github.com/markedjs/marked), [Website](https://marked.js.org) |
73-
| mermaid | [MIT](https://github.com/mermaid-js/mermaid/blob/develop/LICENSE) | [GitHub](https://github.com/mermaid-js/mermaid), [Website](https://mermaid.js.org) |
74-
| translate.js | [Apache 2.0](http://www.apache.org/licenses/LICENSE-2.0) | [GitHub](https://github.com/xnx3/translate), [Gitee](https://gitee.com/mail_osc/translate), [Website](https://translate.zvo.cn) |
75-
| darkmode.js | [MIT](//mit-license.org) | [GitHub](https://github.com/sandoche/Darkmode.js), [Website](https://darkmodejs.learn.uno) |
76-
| pjax | [MIT](//mit-license.org) | [GitHub](https://github.com/MoOx/pjax) |
77-
| instant.page | [MIT](//mit-license.org) | [GitHub](https://github.com/instantpage/instant.page), [Website](https://instant.page) |
78-
| Maple Mono | [OFL-1.1](https://openfontlicense.org) | [GitHub](https://github.com/subframe7536/maple-font), [Website](https://font.subf.dev) |
68+
| Name | License | Links |
69+
| :----------- | :--------------------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------ |
70+
| tabler-icons | [MIT](//mit-license.org) | [GitHub](https://github.com/tabler/tabler-icons), [Website](https://tabler.io/icons) |
71+
| highlight.js | [BSD-3-Clause](https://github.com/highlightjs/highlight.js/raw/main/LICENSE) | [GitHub](https://github.com/highlightjs/highlight.js), [Website](https://highlightjs.org) |
72+
| marked | [marked License](https://github.com/markedjs/marked/blob/master/LICENSE.md) | [GitHub](https://github.com/markedjs/marked), [Website](https://marked.js.org) |
73+
| mermaid | [MIT](https://github.com/mermaid-js/mermaid/blob/develop/LICENSE) | [GitHub](https://github.com/mermaid-js/mermaid), [Website](https://mermaid.js.org) |
74+
| translate.js | [Apache 2.0](http://www.apache.org/licenses/LICENSE-2.0) | [GitHub](https://github.com/xnx3/translate), [Gitee](https://gitee.com/mail_osc/translate), [Website](https://translate.zvo.cn) |
75+
| darkmode.js | [MIT](//mit-license.org) | [GitHub](https://github.com/sandoche/Darkmode.js), [Website](https://darkmodejs.learn.uno) |
76+
| pjax | [MIT](//mit-license.org) | [GitHub](https://github.com/MoOx/pjax) |
77+
| instant.page | [MIT](//mit-license.org) | [GitHub](https://github.com/instantpage/instant.page), [Website](https://instant.page) |
78+
| Maple Mono | [OFL-1.1](https://openfontlicense.org) | [GitHub](https://github.com/subframe7536/maple-font), [Website](https://font.subf.dev) |
7979

8080
#### Services
8181

82-
| Icon | Service |
83-
| :--- | :------ |
84-
| - | [360 Frontend CDN](https://cdn.baomitu.com/) |
85-
| ![ByteDance CDN](https://cdn.bytedance.com/src/res/logo.svg) | [ByteDance Static CDN](https://cdn.bytedance.com/) |
82+
| Icon | Service |
83+
| :------------------------------------------------------------- | :---------------------------------------------------- |
84+
| - | [360 Frontend CDN](https://cdn.baomitu.com/) |
85+
| ![ByteDance CDN](https://cdn.bytedance.com/src/res/logo.svg) | [ByteDance Static CDN](https://cdn.bytedance.com/) |
8686
| ![Chinese Fonts](https://chinese-font.netlify.app/favicon.ico) | [Chinese Web Fonts](https://chinese-font.netlify.app) |
8787

8888
## Stargazers

‎index.html‎

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
<html>
44
<markdown-html
5-
version="1.20.0"
5+
version="1.20.1"
66
author="PJ568"
77
repo="https://github.com/PJ-568/markdown.html"
88
license="CC BY-SA 4.0 International"
@@ -1151,8 +1151,11 @@
11511151
}
11521152

11531153
/* 深色模式相关 */
1154+
/* 防止背景图片、svg、canvas 和视频等混色 */
11541155
.darkmode--activated .markdown-body img,
1155-
.darkmode--activated .markdown-body svg {
1156+
.darkmode--activated .markdown-body svg,
1157+
.darkmode--activated .markdown-body canvas,
1158+
.darkmode--activated .markdown-body video {
11561159
isolation: isolate;
11571160
mix-blend-mode: difference;
11581161
}

0 commit comments

Comments
 (0)