@@ -15,68 +15,13 @@ export default function useThemeSwitcher() {
1515 function setLightTheme ( ) {
1616 currentTheme . value = 'light' ;
1717
18- document . documentElement . style . setProperty (
19- '--primary' ,
20- 'var(--purple)'
21- ) ;
22- document . documentElement . style . setProperty (
23- '--background' ,
24- 'var(--bg--light)'
25- ) ;
26- document . documentElement . style . setProperty (
27- '--text' ,
28- 'var(--text--light'
29- ) ;
30- document . documentElement . style . setProperty (
31- '--link-text' ,
32- 'var(--link-text--light'
33- ) ;
34- document . documentElement . style . setProperty (
35- '--active-link-text' ,
36- 'var(--active-link-text--light'
37- ) ;
38- document . documentElement . style . setProperty (
39- '--shadow' ,
40- 'var(--shadow--light'
41- ) ;
42- document . documentElement . style . setProperty (
43- '--quote-bg' ,
44- 'var(--quote-bg--light'
45- ) ;
46-
4718 process . isClient && localStorage . setItem ( 'theme' , 'light' ) ;
4819 }
4920
5021 // Dark Theme Function
5122 function setDarkTheme ( ) {
5223 currentTheme . value = 'dark' ;
5324
54- document . documentElement . style . setProperty ( '--primary' , 'var(--teal)' ) ;
55- document . documentElement . style . setProperty (
56- '--background' ,
57- 'var(--bg--dark)'
58- ) ;
59- document . documentElement . style . setProperty (
60- '--text' ,
61- 'var(--text--dark'
62- ) ;
63- document . documentElement . style . setProperty (
64- '--link-text' ,
65- 'var(--link-text--dark'
66- ) ;
67- document . documentElement . style . setProperty (
68- '--active-link-text' ,
69- 'var(--active-link-text--dark'
70- ) ;
71- document . documentElement . style . setProperty (
72- '--shadow' ,
73- 'var(--shadow--dark'
74- ) ;
75- document . documentElement . style . setProperty (
76- '--quote-bg' ,
77- 'var(--quote-bg--dark'
78- ) ;
79-
8025 process . isClient && localStorage . setItem ( 'theme' , 'dark' ) ;
8126 }
8227
0 commit comments