1body {
2  --kiwiki-body-bg: __kiwiki_body_bg_color__;
3  --kiwiki-text-color: __kiwiki_text_color__;
4  --kiwiki-main: __kiwiki_main_color__;
5  --kiwiki-ui-color: __kiwiki_ui_color__;
6  --kiwiki-ui-100: __kiwiki_ui_100_color__;
7  --kiwiki-ui-200: __kiwiki_ui_200_color__;
8  --kiwiki-ui-300: __kiwiki_ui_300_color__;
9  --kiwiki-ui-400: __kiwiki_ui_400_color__;
10  --kiwiki-ui-500: __kiwiki_ui_500_color__;
11  --kiwiki-ui-600: __kiwiki_ui_600_color__;
12  --kiwiki-ui-700: __kiwiki_ui_700_color__;
13  --kiwiki-ui-800: __kiwiki_ui_800_color__;
14  --kiwiki-ui-900: __kiwiki_ui_900_color__;
15  --kiwiki-btn-bg: __kiwiki_btn_bg_color__;
16  --kiwiki-btn-text: __kiwiki_btn_text_color__;
17  --kiwiki-btn-hover-bg: __kiwiki_btn_bg_hover_color__;
18  --kiwiki-btn-hover-text: __kiwiki_btn_hover_text_color__;
19  --kiwiki-btn-border: __kiwiki_btn_border_color__;
20}
21
22#theme-mode svg#themeicon #dark {
23  display: none;
24}
25
26@media (prefers-color-scheme: dark) {
27  body {
28    --kiwiki-body-bg: __kiwiki_dark_body_bg_color__;
29    --kiwiki-text-color: __kiwiki_dark_text_color__;
30    --kiwiki-main: __kiwiki_dark_main_color__;
31    --kiwiki-ui-color: __kiwiki_dark_ui_color__;
32    --kiwiki-ui-100: __kiwiki_dark_ui_100_color__;
33    --kiwiki-ui-200: __kiwiki_dark_ui_200_color__;
34    --kiwiki-ui-300: __kiwiki_dark_ui_300_color__;
35    --kiwiki-ui-400: __kiwiki_dark_ui_400_color__;
36    --kiwiki-ui-500: __kiwiki_dark_ui_500_color__;
37    --kiwiki-ui-600: __kiwiki_dark_ui_600_color__;
38    --kiwiki-ui-700: __kiwiki_dark_ui_700_color__;
39    --kiwiki-ui-800: __kiwiki_dark_ui_800_color__;
40    --kiwiki-ui-900: __kiwiki_dark_ui_900_color__;
41    --kiwiki-btn-bg: __kiwiki_dark_btn_bg_color__;
42    --kiwiki-btn-text: __kiwiki_dark_btn_text_color__;
43    --kiwiki-btn-hover-bg: __kiwiki_dark_btn_bg_hover_color__;
44    --kiwiki-btn-hover-text: __kiwiki_dark_btn_hover_text_color__;
45    --kiwiki-btn-border: __kiwiki_dark_btn_border_color__;
46  }
47  #theme-mode svg#themeicon #light {
48    display: none;
49  }
50  #theme-mode svg#themeicon #dark {
51    display: initial;
52  }
53}
54
55body.lightmode {
56  --kiwiki-body-bg: __kiwiki_body_bg_color__;
57  --kiwiki-header-bg: __kiwiki_header_bg_color__;
58  --kiwiki-text-color: __kiwiki_text_color__;
59  --kiwiki-main: __kiwiki_main_color__;
60  --kiwiki-ui-color: __kiwiki_ui_color__;
61  --kiwiki-ui-100: __kiwiki_ui_100_color__;
62  --kiwiki-ui-200: __kiwiki_ui_200_color__;
63  --kiwiki-ui-300: __kiwiki_ui_300_color__;
64  --kiwiki-ui-400: __kiwiki_ui_400_color__;
65  --kiwiki-ui-500: __kiwiki_ui_500_color__;
66  --kiwiki-ui-600: __kiwiki_ui_600_color__;
67  --kiwiki-ui-700: __kiwiki_ui_700_color__;
68  --kiwiki-ui-800: __kiwiki_ui_800_color__;
69  --kiwiki-ui-900: __kiwiki_ui_900_color__;
70  --kiwiki-btn-bg: __kiwiki_btn_bg_color__;
71  --kiwiki-btn-text: __kiwiki_btn_text_color__;
72  --kiwiki-btn-hover-bg: __kiwiki_btn_bg_hover_color__;
73  --kiwiki-btn-hover-text: __kiwiki_btn_hover_text_color__;
74  --kiwiki-btn-border: __kiwiki_btn_border_color__;
75}
76
77body.darkmode {
78  --kiwiki-body-bg: __kiwiki_dark_body_bg_color__;
79  --kiwiki-header-bg: __kiwiki_dark_header_bg_color__;
80  --kiwiki-text-color: __kiwiki_dark_text_color__;
81  --kiwiki-main: __kiwiki_dark_main_color__;
82  --kiwiki-ui-color: __kiwiki_dark_ui_color__;
83  --kiwiki-ui-100: __kiwiki_dark_ui_100_color__;
84  --kiwiki-ui-200: __kiwiki_dark_ui_200_color__;
85  --kiwiki-ui-300: __kiwiki_dark_ui_300_color__;
86  --kiwiki-ui-400: __kiwiki_dark_ui_400_color__;
87  --kiwiki-ui-500: __kiwiki_dark_ui_500_color__;
88  --kiwiki-ui-600: __kiwiki_dark_ui_600_color__;
89  --kiwiki-ui-700: __kiwiki_dark_ui_700_color__;
90  --kiwiki-ui-800: __kiwiki_dark_ui_800_color__;
91  --kiwiki-ui-900: __kiwiki_dark_ui_900_color__;
92  --kiwiki-btn-bg: __kiwiki_dark_btn_bg_color__;
93  --kiwiki-btn-text: __kiwiki_dark_btn_text_color__;
94  --kiwiki-btn-hover-bg: __kiwiki_dark_btn_bg_hover_color__;
95  --kiwiki-btn-hover-text: __kiwiki_dark_btn_hover_text_color__;
96  --kiwiki-btn-border: __kiwiki_dark_btn_border_color__;
97}
98
99body.darkmode #theme-mode svg#themeicon #light,
100body.lightmode #theme-mode svg#themeicon #dark {
101  display: none;
102}
103body.darkmode #theme-mode svg#themeicon #dark,
104body.lightmode #theme-mode svg#themeicon #light {
105  display: initial;
106}
107
108#kiwiki.darkmode form.search .no button[type="submit"] {
109  border: 1px solid var(--kiwiki-text-color);
110}
111
112* {
113  outline: 0;
114}
115
116::-moz-selection,
117::selection {
118  color: var(--kiwiki-main);
119  background: var(--kiwiki-btn-hover-bg);
120}
121
122html,
123body {
124  background-color: var(--kiwiki-body-bg);
125  color: var(--kiwiki-text-color);
126  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
127    "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
128    "Segoe UI Symbol";
129  margin: 0;
130  padding: 0;
131}
132
133html {
134  overflow-x: auto;
135  overflow-y: scroll;
136  scroll-behavior: smooth;
137}
138
139body {
140  -webkit-text-size-adjust: 100%;
141  -moz-text-size-adjust: 100%;
142  -ms-text-size-adjust: 100%;
143  text-size-adjust: 100%;
144}
145
146img {
147  border-width: 0;
148}
149
150img,
151video {
152  height: auto;
153}
154
155img,
156object,
157iframe,
158video,
159audio,
160select {
161  max-width: 100%;
162}
163
164a,
165a:visited {
166  color: var(--kiwiki-btn-bg);
167}
168
169a:hover {
170  color: var(--kiwiki-btn-hover-bg);
171}
172
173a.wikilink2:link, a.wikilink2:hover, a.wikilink2:visited {
174  color: red;
175}
176