@@ -15,68 +15,13 @@ export default function useThemeSwitcher() {
15
15
function setLightTheme ( ) {
16
16
currentTheme . value = 'light' ;
17
17
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
-
47
18
process . isClient && localStorage . setItem ( 'theme' , 'light' ) ;
48
19
}
49
20
50
21
// Dark Theme Function
51
22
function setDarkTheme ( ) {
52
23
currentTheme . value = 'dark' ;
53
24
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
-
80
25
process . isClient && localStorage . setItem ( 'theme' , 'dark' ) ;
81
26
}
82
27
0 commit comments