1
- <!DOCTYPE html>
2
- < html lang ="en ">
3
-
4
- < head >
5
- < meta charset ="UTF-8 ">
6
- < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
7
- < meta name ="color-scheme " content ="light dark ">
8
- < title > Tauri JS API Reference</ title >
9
- < link rel ="stylesheet " href ="./assets/pico.slate.min.css ">
10
- < style >
11
- .grid {
12
- --grid-min-value : 16rem ;
13
- grid-template-columns : repeat (auto-fit, minmax (var (--grid-min-value ), 1fr ));
14
- }
15
-
16
- .tauri-logo {
17
- height : 2rem ;
18
- vertical-align : middle;
19
- margin-right : 0.5rem ;
20
- }
21
-
22
- .logo-light {
23
- display : none;
24
- }
25
-
26
- .logo-dark {
27
- display : none;
28
- }
29
-
30
- @media (prefers-color-scheme : dark) {
31
- .logo-dark {
32
- display : inline;
33
- }
34
-
35
- .logo-light {
36
- display : none;
37
- }
38
- }
39
-
40
- @media (prefers-color-scheme : light),
41
- (prefers-color-scheme : no-preference) {
42
- .logo-light {
43
- display : inline;
44
- }
45
-
46
- .logo-dark {
47
- display : none;
48
- }
49
- }
50
-
51
- [data-theme = "dark" ] .logo-dark {
52
- display : inline;
53
- }
54
-
55
- [data-theme = "dark" ] .logo-light {
56
- display : none;
57
- }
58
-
59
- [data-theme = "light" ] .logo-light {
60
- display : inline;
61
- }
62
-
63
- [data-theme = "light" ] .logo-dark {
64
- display : none;
65
- }
66
- </ style >
67
- </ head >
68
-
69
- < body >
70
- < header class ="container ">
71
- < nav >
72
- < ul >
73
- < li >
74
- < img src ="./assets/logo_light.svg " alt ="Tauri Logo " class ="tauri-logo logo-light " loading ="lazy ">
75
- < img src ="./assets/logo.svg " alt ="Tauri Logo " class ="tauri-logo logo-dark " loading ="lazy ">
76
- </ li >
77
- </ ul >
78
- < ul >
79
- < li >
80
- < select id ="theme-switcher " aria-label ="Theme ">
81
- < option value ="light "> Light</ option >
82
- < option value ="dark "> Dark</ option >
83
- < option value ="auto " selected > Auto</ option >
84
- </ select >
85
- </ li >
86
- </ ul >
87
- </ nav >
88
- </ header >
89
- < main class ="container ">
90
- < hgroup >
91
- < h1 > Javascript Reference</ h1 >
92
- < p > API reference for Tauri core and plugins</ p >
93
- </ hgroup >
94
- < section >
95
- < div > {{ tauriCard }}</ div >
96
- < h3 > Plugins</ h3 >
97
- < div class ="grid ">
98
- {{ pluginsGridHtml }}
99
- </ div >
100
- </ section >
101
- </ main >
102
- < footer class ="container ">
103
- < small > © 2025 Tauri Apps. All rights reserved.</ small >
104
- </ footer >
105
- < script >
106
- const themeSwitcher = document . getElementById ( 'theme-switcher' ) ;
107
- function setTheme ( theme ) {
108
- if ( theme === 'auto' ) {
109
- document . documentElement . removeAttribute ( 'data-theme' ) ;
110
- localStorage . removeItem ( 'theme' ) ;
111
- } else {
112
- document . documentElement . setAttribute ( 'data-theme' , theme ) ;
113
- localStorage . setItem ( 'theme' , theme ) ;
114
- }
115
- }
116
- themeSwitcher . value = localStorage . getItem ( 'theme' ) || 'auto' ;
117
- setTheme ( themeSwitcher . value ) ;
118
- themeSwitcher . addEventListener ( 'change' , ( e ) => {
119
- setTheme ( e . target . value ) ;
120
- } ) ;
121
- </ script >
122
- </ body >
123
-
124
- </ html >
1
+ <!doctype html>
2
+ < html lang ="en ">
3
+ < head >
4
+ < meta charset ="UTF-8 " />
5
+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 " />
6
+ < meta name ="color-scheme " content ="light dark " />
7
+ < title > Tauri JS API Reference</ title >
8
+ < link rel ="stylesheet " href ="./assets/pico.slate.min.css " />
9
+ < style >
10
+ .grid {
11
+ --grid-min-value : 16rem ;
12
+ grid-template-columns : repeat (auto-fit, minmax (var (--grid-min-value ), 1fr ));
13
+ }
14
+
15
+ .tauri-logo {
16
+ height : 2rem ;
17
+ vertical-align : middle;
18
+ margin-right : 0.5rem ;
19
+ }
20
+
21
+ .logo-light {
22
+ display : none;
23
+ }
24
+
25
+ .logo-dark {
26
+ display : none;
27
+ }
28
+
29
+ @media (prefers-color-scheme : dark) {
30
+ .logo-dark {
31
+ display : inline;
32
+ }
33
+
34
+ .logo-light {
35
+ display : none;
36
+ }
37
+ }
38
+
39
+ @media (prefers-color-scheme : light), (prefers-color-scheme : no-preference) {
40
+ .logo-light {
41
+ display : inline;
42
+ }
43
+
44
+ .logo-dark {
45
+ display : none;
46
+ }
47
+ }
48
+
49
+ [data-theme = 'dark' ] .logo-dark {
50
+ display : inline;
51
+ }
52
+
53
+ [data-theme = 'dark' ] .logo-light {
54
+ display : none;
55
+ }
56
+
57
+ [data-theme = 'light' ] .logo-light {
58
+ display : inline;
59
+ }
60
+
61
+ [data-theme = 'light' ] .logo-dark {
62
+ display : none;
63
+ }
64
+ </ style >
65
+ </ head >
66
+
67
+ < body >
68
+ < header class ="container ">
69
+ < nav >
70
+ < ul >
71
+ < li >
72
+ < img
73
+ src ="./assets/logo_light.svg "
74
+ alt ="Tauri Logo "
75
+ class ="tauri-logo logo-light "
76
+ loading ="lazy "
77
+ />
78
+ < img
79
+ src ="./assets/logo.svg "
80
+ alt ="Tauri Logo "
81
+ class ="tauri-logo logo-dark "
82
+ loading ="lazy "
83
+ />
84
+ </ li >
85
+ </ ul >
86
+ < ul >
87
+ < li >
88
+ < select id ="theme-switcher " aria-label ="Theme ">
89
+ < option value ="light "> Light</ option >
90
+ < option value ="dark "> Dark</ option >
91
+ < option value ="auto " selected > Auto</ option >
92
+ </ select >
93
+ </ li >
94
+ </ ul >
95
+ </ nav >
96
+ </ header >
97
+ < main class ="container ">
98
+ < hgroup >
99
+ < h1 > Javascript Reference</ h1 >
100
+ < p > API reference for Tauri core and plugins</ p >
101
+ </ hgroup >
102
+ < section >
103
+ < div > {{ tauriCard }}</ div >
104
+ < h3 > Plugins</ h3 >
105
+ < div class ="grid "> {{ pluginsGridHtml }}</ div >
106
+ </ section >
107
+ </ main >
108
+ < footer class ="container ">
109
+ < small > © 2025 Tauri Apps. All rights reserved.</ small >
110
+ </ footer >
111
+ < script >
112
+ const themeSwitcher = document . getElementById ( 'theme-switcher' ) ;
113
+ function setTheme ( theme ) {
114
+ if ( theme === 'auto' ) {
115
+ document . documentElement . removeAttribute ( 'data-theme' ) ;
116
+ localStorage . removeItem ( 'theme' ) ;
117
+ } else {
118
+ document . documentElement . setAttribute ( 'data-theme' , theme ) ;
119
+ localStorage . setItem ( 'theme' , theme ) ;
120
+ }
121
+ }
122
+ themeSwitcher . value = localStorage . getItem ( 'theme' ) || 'auto' ;
123
+ setTheme ( themeSwitcher . value ) ;
124
+ themeSwitcher . addEventListener ( 'change' , ( e ) => {
125
+ setTheme ( e . target . value ) ;
126
+ } ) ;
127
+ </ script >
128
+ </ body >
129
+ </ html >
0 commit comments