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