Skip to content

Commit 34c367f

Browse files
greycodeegreycodee
committed
添加修改主题功能
1 parent 31ec829 commit 34c367f

File tree

10 files changed

+546
-6
lines changed

10 files changed

+546
-6
lines changed

‎content.js‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -71,4 +71,15 @@ window.onload = function () {
7171
hljs.highlightAll();
7272
});
7373
document.body.appendChild(hljsbtn);
74+
75+
chrome.scripting.insertCSS({
76+
target: {
77+
tabId: tab.id,
78+
},
79+
files: ['include/theme/stackoverflow-light.css']
80+
}).then(()=>{
81+
console.log("insert css success");
82+
}).catch((err)=>{
83+
console.log("insert css error",err);
84+
});
7485
};

‎include/highlight.min.css‎

Lines changed: 78 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,4 +6,81 @@
66
Website: https://highlightjs.org/
77
License: see project LICENSE
88
Touched: 2021
9-
*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#f3f3f3;color:#444}.hljs-comment{color:#697070}.hljs-punctuation,.hljs-tag{color:#444a}.hljs-tag .hljs-attr,.hljs-tag .hljs-name{color:#444}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#800}.hljs-section,.hljs-title{color:#800;font-weight:700}.hljs-link,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#ab5656}.hljs-literal{color:#695}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#38a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
9+
*/
10+
pre code.hljs {
11+
display: block;
12+
overflow-x: auto;
13+
padding: 1em;
14+
}
15+
code.hljs {
16+
padding: 3px 5px;
17+
}
18+
.hljs {
19+
background: #f3f3f3;
20+
color: #444;
21+
}
22+
.hljs-comment {
23+
color: #697070;
24+
}
25+
.hljs-punctuation,
26+
.hljs-tag {
27+
color: #444a;
28+
}
29+
.hljs-tag .hljs-attr,
30+
.hljs-tag .hljs-name {
31+
color: #444;
32+
}
33+
.hljs-attribute,
34+
.hljs-doctag,
35+
.hljs-keyword,
36+
.hljs-meta .hljs-keyword,
37+
.hljs-name,
38+
.hljs-selector-tag {
39+
font-weight: 700;
40+
}
41+
.hljs-deletion,
42+
.hljs-number,
43+
.hljs-quote,
44+
.hljs-selector-class,
45+
.hljs-selector-id,
46+
.hljs-string,
47+
.hljs-template-tag,
48+
.hljs-type {
49+
color: #800;
50+
}
51+
.hljs-section,
52+
.hljs-title {
53+
color: #800;
54+
font-weight: 700;
55+
}
56+
.hljs-link,
57+
.hljs-operator,
58+
.hljs-regexp,
59+
.hljs-selector-attr,
60+
.hljs-selector-pseudo,
61+
.hljs-symbol,
62+
.hljs-template-variable,
63+
.hljs-variable {
64+
color: #ab5656;
65+
}
66+
.hljs-literal {
67+
color: #695;
68+
}
69+
.hljs-addition,
70+
.hljs-built_in,
71+
.hljs-bullet,
72+
.hljs-code {
73+
color: #397300;
74+
}
75+
.hljs-meta {
76+
color: #1f7199;
77+
}
78+
.hljs-meta .hljs-string {
79+
color: #38a;
80+
}
81+
.hljs-emphasis {
82+
font-style: italic;
83+
}
84+
.hljs-strong {
85+
font-weight: 700;
86+
}

‎include/theme/hybrid.css‎

Lines changed: 102 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,102 @@
1+
/*
2+
3+
vim-hybrid theme by w0ng (https://github.com/w0ng/vim-hybrid)
4+
5+
*/
6+
7+
pre code.hljs {
8+
display: block;
9+
overflow-x: auto;
10+
padding: 1em;
11+
}
12+
code.hljs {
13+
padding: 3px 5px;
14+
}
15+
16+
.hljs {
17+
background: #1d1f21;
18+
color: #c5c8c6;
19+
}
20+
21+
/*selection color*/
22+
.hljs::selection,
23+
.hljs span::selection {
24+
background: #373b41;
25+
}
26+
27+
.hljs::-moz-selection,
28+
.hljs span::-moz-selection {
29+
background: #373b41;
30+
}
31+
32+
/*color: fg_yellow*/
33+
.hljs-title,
34+
.hljs-name {
35+
color: #f0c674;
36+
}
37+
38+
/*color: fg_comment*/
39+
.hljs-comment,
40+
.hljs-meta,
41+
.hljs-meta .hljs-keyword {
42+
color: #707880;
43+
}
44+
45+
/*color: fg_red*/
46+
.hljs-number,
47+
.hljs-symbol,
48+
.hljs-literal,
49+
.hljs-deletion,
50+
.hljs-link {
51+
color: #cc6666
52+
}
53+
54+
/*color: fg_green*/
55+
.hljs-string,
56+
.hljs-doctag,
57+
.hljs-addition,
58+
.hljs-regexp,
59+
.hljs-selector-attr,
60+
.hljs-selector-pseudo {
61+
color: #b5bd68;
62+
}
63+
64+
/*color: fg_purple*/
65+
.hljs-attribute,
66+
.hljs-code,
67+
.hljs-selector-id {
68+
color: #b294bb;
69+
}
70+
71+
/*color: fg_blue*/
72+
.hljs-keyword,
73+
.hljs-selector-tag,
74+
.hljs-bullet,
75+
.hljs-tag {
76+
color: #81a2be;
77+
}
78+
79+
/*color: fg_aqua*/
80+
.hljs-subst,
81+
.hljs-variable,
82+
.hljs-template-tag,
83+
.hljs-template-variable {
84+
color: #8abeb7;
85+
}
86+
87+
/*color: fg_orange*/
88+
.hljs-type,
89+
.hljs-built_in,
90+
.hljs-quote,
91+
.hljs-section,
92+
.hljs-selector-class {
93+
color: #de935f;
94+
}
95+
96+
.hljs-emphasis {
97+
font-style: italic;
98+
}
99+
100+
.hljs-strong {
101+
font-weight: bold;
102+
}

‎include/theme/stackoverflow-dark.css‎

Lines changed: 135 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,135 @@
1+
/*!
2+
Theme: StackOverflow Dark
3+
Description: Dark theme as used on stackoverflow.com
4+
Author: stackoverflow.com
5+
Maintainer: @Hirse
6+
Website: https://github.com/StackExchange/Stacks
7+
License: MIT
8+
Updated: 2021-05-15
9+
10+
Updated for @stackoverflow/stacks v0.64.0
11+
Code Blocks: /blob/v0.64.0/lib/css/components/_stacks-code-blocks.less
12+
Colors: /blob/v0.64.0/lib/css/exports/_stacks-constants-colors.less
13+
*/
14+
15+
pre code.hljs {
16+
display: block;
17+
overflow-x: auto;
18+
padding: 1em;
19+
}
20+
code.hljs {
21+
padding: 3px 5px;
22+
}
23+
24+
.hljs {
25+
/* var(--highlight-color) */
26+
color: #ffffff;
27+
/* var(--highlight-bg) */
28+
background: #1c1b1b;
29+
}
30+
31+
.hljs-subst {
32+
/* var(--highlight-color) */
33+
color: #ffffff;
34+
}
35+
36+
.hljs-comment {
37+
/* var(--highlight-comment) */
38+
color: #999999;
39+
}
40+
41+
.hljs-keyword,
42+
.hljs-selector-tag,
43+
.hljs-meta .hljs-keyword,
44+
.hljs-doctag,
45+
.hljs-section {
46+
/* var(--highlight-keyword) */
47+
color: #88aece;
48+
}
49+
50+
.hljs-attr {
51+
/* var(--highlight-attribute); */
52+
color: #88aece;
53+
}
54+
55+
.hljs-attribute {
56+
/* var(--highlight-symbol) */
57+
color: #c59bc1;
58+
}
59+
60+
.hljs-name,
61+
.hljs-type,
62+
.hljs-number,
63+
.hljs-selector-id,
64+
.hljs-quote,
65+
.hljs-template-tag {
66+
/* var(--highlight-namespace) */
67+
color: #f08d49;
68+
}
69+
70+
.hljs-selector-class {
71+
/* var(--highlight-keyword) */
72+
color: #88aece;
73+
}
74+
75+
.hljs-string,
76+
.hljs-regexp,
77+
.hljs-symbol,
78+
.hljs-variable,
79+
.hljs-template-variable,
80+
.hljs-link,
81+
.hljs-selector-attr {
82+
/* var(--highlight-variable) */
83+
color: #b5bd68;
84+
}
85+
86+
.hljs-meta,
87+
.hljs-selector-pseudo {
88+
/* var(--highlight-keyword) */
89+
color: #88aece;
90+
}
91+
92+
.hljs-built_in,
93+
.hljs-title,
94+
.hljs-literal {
95+
/* var(--highlight-literal) */
96+
color: #f08d49;
97+
}
98+
99+
.hljs-bullet,
100+
.hljs-code {
101+
/* var(--highlight-punctuation) */
102+
color: #cccccc;
103+
}
104+
105+
.hljs-meta .hljs-string {
106+
/* var(--highlight-variable) */
107+
color: #b5bd68;
108+
}
109+
110+
.hljs-deletion {
111+
/* var(--highlight-deletion) */
112+
color: #de7176;
113+
}
114+
115+
.hljs-addition {
116+
/* var(--highlight-addition) */
117+
color: #76c490;
118+
}
119+
120+
.hljs-emphasis {
121+
font-style: italic;
122+
}
123+
124+
.hljs-strong {
125+
font-weight: bold;
126+
}
127+
128+
.hljs-formula,
129+
.hljs-operator,
130+
.hljs-params,
131+
.hljs-property,
132+
.hljs-punctuation,
133+
.hljs-tag {
134+
/* purposely ignored */
135+
}

0 commit comments

Comments
 (0)