mirrors/youjo-fe
mirrors/youjo-fe
1
0
Fork 0
mirror of https://git.youjo.love/youjo/youjo-fe.git synced 2024-11-20 05:49:54 +01:00
Code Issues Projects Releases Packages Wiki Activity

Apply Patch

Browse source
This commit is contained in:
Chizu 2023-05-26 18:57:35 +00:00
parent 8fea0b06e7
commit 7a81bfdbd0
2 changed files with 15 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/settings_modal/tabs/theme_tab/theme_tab.scss
View file

@ -89,6 +89,10 @@
margin: 1em 1em 0;
}
.presets {
text-align: center;
}
.tab-header {
display: flex;
justify-content: space-between;

18
src/services/style_setter/style_setter.js
View file

@ -7,14 +7,18 @@ export const applyTheme = (input) => {
const body = document.body
body.classList.add('hidden')
const styleEl = document.getElementById('theme-holder')
const styleSheet = styleEl.sheet
/** @type {CSSStyleSheet} */
const styleSheet = document.getElementById('theme-holder').sheet
for (let i = styleSheet.cssRules.length; i--; ) {
styleSheet.deleteRule(0)
}
styleSheet.insertRule(
`:root { ${rules.radii}; ${rules.colors}; ${rules.shadows}; ${rules.fonts}; }`,
0
)
styleSheet.toString()
styleSheet.insertRule(`:root { ${rules.radii} }`, 'index-max')
styleSheet.insertRule(`:root { ${rules.colors} }`, 'index-max')
styleSheet.insertRule(`:root { ${rules.shadows} }`, 'index-max')
styleSheet.insertRule(`:root { ${rules.fonts} }`, 'index-max')
body.classList.remove('hidden')
}