xref: /template/mikio/style.ini (revision f4e2c75b93e6f22bb86e781039af79c20191fb70)
1[stylesheets]
2
3../dokuwiki/css/_imgdetail.css        = screen
4../dokuwiki/css/_media_popup.css      = screen
5../dokuwiki/css/_media_fullscreen.css = screen
6../dokuwiki/css/_fileuploader.css     = screen
7../dokuwiki/css/_tabs.css             = screen
8../dokuwiki/css/_links.css            = screen
9../dokuwiki/css/_toc.css              = screen
10../dokuwiki/css/_footnotes.css        = screen
11../dokuwiki/css/_search.css           = screen
12../dokuwiki/css/_recent.css           = screen
13../dokuwiki/css/_diff.css             = screen
14../dokuwiki/css/_edit.css             = screen
15../dokuwiki/css/_modal.css            = screen
16../dokuwiki/css/_forms.css            = screen
17../dokuwiki/css/_admin.css            = screen
18
19[replacements]
20
21;--------------------------------------------------------------------------
22;------ guaranteed dokuwiki color placeholders that every plugin can use
23
24; main text and background colors
25; alternative text and background colors
26__text_alt__        = "#999"             ; @ini_text_alt
27__background_alt__  = "#eee"             ; @ini_background_alt
28; neutral text and background colors
29__text_neu__        = "#666"             ; @ini_text_neu
30__background_neu__  = "#ddd"             ; @ini_background_neu
31; border color
32__border__          = "#ccc"             ; @ini_border
33
34; highlighted text (e.g. search snippets)
35__highlight__       = "#ff9"             ; @ini_highlight
36
37; default link color
38__link__            = "#2b73b7"          ; @ini_link
39
40; these are used for wiki links
41__existing__        = "#080"            ; @ini_existing
42__missing__         = "#d30"            ; @ini_missing
43
44
45;--------------------------------------------------------------------------
46; Base placeholders
47__text__        = "#333"
48__link_hover__  = "#2b73b7"
49__background__  = "#fff"
50__font_size__   = "1rem"
51__font_family__ = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\""
52__line_height__ = "1.5"
53__site_width__  = "100%"
54
55__admin_background_color__  = "#f2f2f2"
56
57; Code
58__code_font_family__        = "SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace"
59__code_font_size__          = "87.5%"
60__code_text_color__         = "#e83e8c"
61__code_line_height__        = "1.75"
62__code_word_wrap__          = "break-word"
63__code_border_color__       = "transparent"
64__code_background_color__   = "transparent"
65
66; Controls
67__control_text_color__                      = "#495057"
68__control_border_color__                    = "#6c757d"
69__control_background_color__                = "#fff"
70__input_border_color__                      = "#ced4da"
71__button_text_color__                       = "#6c757d"
72__button_background_color__                 = "#fff"
73__button_border_color__                     = "#ced4da"
74__button_text_hover_color__                 = "#6c757d"
75__button_background_hover_color__           = "#ddd"
76__button_border_hover_color__               = "#ced4da"
77__button_default_text_color__               = "#ffffff"
78__button_default_background_color__         = "#007bff"
79__button_default_border_color__             = "#007bff"
80__button_default_text_hover_color__         = "#ffffff"
81__button_default_background_hover_color__   = "#0069d9"
82__button_default_border_hover_color__       = "#0062cc"
83__button_search_text_color__                = "#fff"
84__button_search_background_color__          = "#666"
85__button_search_border_color__              = "#666"
86__button_search_text_hover_color__          = "#fff"
87__button_search_background_hover_color__    = "#666"
88__button_search_border_hover_color__        = "#666"
89
90; Header
91__topheader_background_color__  = "#fff"
92__header_background_color__     = "#fff"
93
94; Navbar
95__navbar_background_color__     = "#fff"
96__navbar_border_color__         = "#e5e5e5"
97__navbar_brand_text_color__     = "#1a1a1a"
98__navbar_brand_tagline_color__  = "#6c757d"
99__navbar_content_justify__      = "flex-end"
100__navbar_link_color__           = "#1a1a1a"
101__navbar_link_hover_color__     = "#1a1a1a"
102
103; Sub Navbar
104__subnavbar_text_color__        = "#666"
105__subnavbar_link_color__        = "#666"
106__subnavbar_link_hover_color__  = "#000"
107__subnavbar_background_color__  = "#f8f8f8"
108__subnavbar_border_color__      = "#e5e5e5"
109__subnavbar_content_justify__   = "center"
110
111; Tags
112__tag_background_color__        = "#999"
113__tag_text_color__              = "#fff"
114
115; Breadcrumb
116__breadcrumb_background_color__ = "#ccc"
117__breadcrumb_font_size__        = "80%"
118__breadcrumb_text_color__       = "#808080"
119__breadcrumb_link_color__       = "#666"
120__breadcrumb_link_hover_color__ = "#000"
121
122; Hero
123__hero_title_color__        = "#000"
124__hero_subtitle_color__     = "#666"
125__hero_background_color__   = "#ddf7fb"
126
127; Sidebar
128__sidebar_width__               = "14rem"
129__sidebar_font_size__           = "90%"
130__sidebar_text_color__          = "#666"
131__sidebar_link_color__          = "#666"
132__sidebar_link_hover_color__    = "#333"
133__sidebar_background_color__    = "#f2f2f2"
134__sidebar_border_color__        = "#e5e5e5"
135
136; Content
137__content_background__  = "#fff"
138
139; TOC
140__toc_background_color__    = "#fff"
141__toc_border_color__        = "#e5e5e5"
142__toc_font_size__           = "80%"
143__toc_link_color__          = "#666"
144__toc_link_hover_color__    = "#000"
145
146; Page Tools
147__pagetools_color__         = "#ccc"
148__pagetools_hover_color__   = "#666"
149
150; Footer
151__footer_font_size__        = "80%"
152__footer_text_color__       = "#737373"
153__footer_link_color__       = "#666"
154__footer_link_hover_color__ = "#333"
155__footer_text_align__       = "center"
156__footer_background_color__ = "#ccc"
157
158; Table
159__table_font_size__                     = "90%"
160__table_row_border_color__              = "#e5e5e5"
161__table_header_row_background_color__   = "#ddd"
162__table_odd_row_background_color__      = "#fff"
163__table_even_row_background_color__     = "#f2f2f2"
164
165; Dropdown
166__dropdown_color__              = "#1a1a1a"
167__dropdown_hover_color__        = "#e5e5e5"
168__dropdown_border_color__       = "#e5e5e5"
169__dropdown_background_color__   = "#fff"
170
171; Section Edit
172__section_edit_highlight__  = "rgba(255, 255, 0, 0.3)"
173
174; Tree
175__tree_background_color__   = "#fff"
176__tree_border_color__       = "#e5e5e5"
177
178; Tabs
179__tab_color__                   = "#333";
180__tab_background_color__        = "transparent";
181__tab_border_color__            = "transparent";
182__tab_hover_color__             = "#333";
183__tab_background_hover_color__  = "#fff";
184__tab_border_hover_color__      = "#ddd";
185__tab_active_color__            = "#333";
186__tab_active_background_color__ = "#fff";
187__tab_active_border_color__     = "#ddd";
188
189;--------------------------------------------------------------------------
190; Dark Mode
191;--------------------------------------------------------------------------
192; Base placeholders
193__darkmode_link__                   = "#00bc8c"
194__darkmode_link_hover__             = "#009670"
195__darkmode_text__                   = "#fff"
196__darkmode_background__             = "#222"
197__darkmode_admin_background_color__ = "#222"
198
199; Code
200__darkmode_code_text_color__        = "#e83e8c"
201__darkmode_code_border_color__      = "transparent"
202__darkmode_code_background_color__  = "transparent"
203
204; Controls
205__darkmode_control_text_color__                     = "#303030"
206__darkmode_control_border_color__                   = "#222"
207__darkmode_control_background_color__               = "#fff"
208__darkmode_input_border_color__                     = "#222"
209__darkmode_button_text_color__                      = "#fff"
210__darkmode_button_background_color__                = "#444"
211__darkmode_button_border_color__                    = "#333333"
212__darkmode_button_text_hover_color__                = "#fff"
213__darkmode_button_background_hover_color__          = "#363636"
214__darkmode_button_border_hover_color__              = "#363636"
215__darkmode_button_default_text_color__              = "#ffffff"
216__darkmode_button_default_background_color__        = "#007bff"
217__darkmode_button_default_border_color__            = "#007bff"
218__darkmode_button_default_text_hover_color__        = "#ffffff"
219__darkmode_button_default_background_hover_color__  = "#0069d9"
220__darkmode_button_default_border_hover_color__      = "#0062cc"
221__darkmode_button_search_text_color__               = "#fff"
222__darkmode_button_search_background_color__         = "#444"
223__darkmode_button_search_border_color__             = "#333333"
224__darkmode_button_search_text_hover_color__         = "#fff"
225__darkmode_button_search_background_hover_color__   = "#363636"
226__darkmode_button_search_border_hover_color__       = "#363636"
227
228; Header
229__darkmode_topheader_background_color__ = "#222"
230__darkmode_header_background_color__    = "#222"
231
232; Navbar
233__darkmode_navbar_background_color__    = "#375a7f"
234__darkmode_navbar_border_color__        = "#375a7f"
235__darkmode_navbar_brand_text_color__    = "#fff"
236__darkmode_navbar_brand_tagline_color__ = "#ddd"
237__darkmode_navbar_link_color__          = "rgba(255, 255, 255, 0.6)"
238__darkmode_navbar_link_hover_color__    = "rgba(255, 255, 255, 1)"
239
240; Sub Navbar
241__darkmode_subnavbar_text_color__       = "#222"
242__darkmode_subnavbar_link_color__       = "rgba(34, 34, 34, 0.7)"
243__darkmode_subnavbar_link_hover_color__ = "rgba(34, 34, 34, 1)"
244__darkmode_subnavbar_background_color__ = "#adb5bd"
245__darkmode_subnavbar_border_color__     = "#adb5bd"
246
247; Tags
248__darkmode_tag_background_color__   = "#00bc8c"
249__darkmode_tag_text_color__         = "#333"
250
251; Breadcrumbs
252__darkmode_breadcrumb_background_color__    = "#333"
253__darkmode_breadcrumb_text_color__          = "#666"
254__darkmode_breadcrumb_link_color__          = "#777"
255__darkmode_breadcrumb_link_hover_color__    = "#fff"
256
257; Hero
258__darkmode_hero_title_color__       = "#fff"
259__darkmode_hero_subtitle_color__    = "#ddd"
260__darkmode_hero_background_color__  = "#00bc8c"
261
262; Sidebar
263__darkmode_sidebar_text_color__         = "#888"
264__darkmode_sidebar_link_color__         = "#999"
265__darkmode_sidebar_link_hover_color__   = "#ccc"
266__darkmode_sidebar_background_color__   = "#111"
267__darkmode_sidebar_border_color__       = "#333"
268
269; Content
270__darkmode_content_background__ = "#222"
271
272; TOC
273__darkmode_toc_background_color__   = "#303030"
274__darkmode_toc_border_color__       = "#444"
275__darkmode_toc_link_color__         = "#fff"
276__darkmode_toc_link_hover_color__   = "#fff"
277
278; Page tools
279__darkmode_pagetools_color__        = "#444"
280__darkmode_pagetools_hover_color__  = "#555"
281
282; Footer
283__darkmode_footer_text_color__          = "#888"
284__darkmode_footer_link_color__          = "#999"
285__darkmode_footer_link_hover_color__    = "#ccc"
286__darkmode_footer_background_color__    = "#111"
287
288; Table
289__darkmode_table_row_border_color__             = "#444"
290__darkmode_table_header_row_background_color__  = "#00bc8c"
291__darkmode_table_odd_row_background_color__     = "#222"
292__darkmode_table_even_row_background_color__    = "#333"
293
294; Drop Down
295__darkmode_dropdown_color__             = "#fff"
296__darkmode_dropdown_hover_color__       = "#375a7f"
297__darkmode_dropdown_border_color__      = "#444"
298__darkmode_dropdown_background_color__  = "#222"
299
300; Section Edit
301__darkmode_section_edit_highlight__ = "#cc0"
302
303; Tree
304__darkmode_tree_background_color__  = "#333"
305__darkmode_tree_border_color__      = "#444"
306
307; Tabs
308__darkmode_tab_color__                      = "#ccc";
309__darkmode_tab_background_color__           = "transparent";
310__darkmode_tab_border_color__               = "transparent";
311__darkmode_tab_hover_color__                = "#fff";
312__darkmode_tab_background_hover_color__     = "transparent";
313__darkmode_tab_border_hover_color__         = "#444";
314__darkmode_tab_active_color__               = "#fff";
315__darkmode_tab_active_background_color__    = "#333";
316__darkmode_tab_active_border_color__        = "#444";
317