natty
/
misskey-awawa
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

🎨

This commit is contained in:
syuilo 2020-02-17 06:37:39 +09:00
parent 26b3a14a63
commit 15839a7399
5 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/client/theme.ts
View File

@ -52,7 +52,7 @@ export function applyTheme(theme: Theme, persist = true) {
for (const tag of document.head.children) { for (const tag of document.head.children) {
if (tag.tagName === 'META' && tag.getAttribute('name') === 'theme-color') { if (tag.tagName === 'META' && tag.getAttribute('name') === 'theme-color') {
tag.setAttribute('content', props['accent']); tag.setAttribute('content', props['html']);
break; break;
} }
} }

1
src/client/themes/_dark.json5
View File

@ -15,6 +15,7 @@
bg: '#000', bg: '#000',
fg: '#c7d1d8', fg: '#c7d1d8',
fgHighlighted: ':lighten<3<@fg', fgHighlighted: ':lighten<3<@fg',
html: '@bg',
panel: '#111213', panel: '#111213',
shadow: 'rgba(0, 0, 0, 0.1)', shadow: 'rgba(0, 0, 0, 0.1)',
header: 'rgba(20, 20, 20, 0.75)', header: 'rgba(20, 20, 20, 0.75)',

1
src/client/themes/_light.json5
View File

@ -15,6 +15,7 @@
bg: '#fafafa', bg: '#fafafa',
fg: '#5c6a73', fg: '#5c6a73',
fgHighlighted: ':darken<3<@fg', fgHighlighted: ':darken<3<@fg',
html: '@bg',
panel: '#fff', panel: '#fff',
shadow: 'rgba(0, 0, 0, 0.1)', shadow: 'rgba(0, 0, 0, 0.1)',
header: 'rgba(255, 255, 255, 0.75)', header: 'rgba(255, 255, 255, 0.75)',

1
src/client/themes/halloween.json5
View File

@ -12,6 +12,7 @@
panel: '#1f1d30', panel: '#1f1d30',
bg: '#0f0e17', bg: '#0f0e17',
fg: '#b1bee3', fg: '#b1bee3',
html: '@accent',
renote: '@accent', renote: '@accent',
}, },
} }

2
src/server/web/views/base.pug
View File

@ -40,7 +40,7 @@ html
if (theme) { if (theme) {
for (const [k, v] of Object.entries(JSON.parse(theme))) { for (const [k, v] of Object.entries(JSON.parse(theme))) {
document.documentElement.style.setProperty(`--${k}`, v.toString()); document.documentElement.style.setProperty(`--${k}`, v.toString());
if (k === 'accent') { if (k === 'html') {
for (const tag of document.head.children) { for (const tag of document.head.children) {
if (tag.tagName === 'META' && tag.getAttribute('name') === 'theme-color') { if (tag.tagName === 'META' && tag.getAttribute('name') === 'theme-color') {
tag.setAttribute('content', v); tag.setAttribute('content', v);