Last modified by Vincent Massol on 2024/02/26 17:56
Show last authors
1 {{box cssClass=""}}
2 {{toc start="2"/}}
3 {{/box}}
4
5 We wish to refresh a bit the UI for XWiki Standard 10.x in order to differentiate it from the older versions. Here are some proposals of Color Themes:
6
7 == Preview: XWiki Standard ==
8
9 (% class="row" %)
10 (((
11 (% class="col-xs-6 col-sm-2" %)
12 (((
13 ~1. Dawn
14 [[[[image:Dawn_XS.png||width="100%"]]>>attach:Dawn_XS.png]]
15 )))
16
17 (% class="col-xs-6 col-sm-2" %)
18 (((
19 2. Pantera
20 [[[[image:Pantera_XS.png||width="100%"]]>>attach:Pantera_XS.png]]
21 )))
22
23 (% class="col-xs-6 col-sm-2" %)
24 (((
25 3. Mandarin
26 [[[[image:Mandarin_XS.png||width="100%"]]>>attach:Mandarin_XS.png]]
27 )))
28
29 (% class="col-xs-6 col-sm-2" %)
30 (((
31 4. Iceberg
32 [[[[image:Iceberg_XS.png||width="100%"]]>>attach:Iceberg_XS.png]]
33 )))
34
35 (% class="col-xs-6 col-sm-2" %)
36 (((
37 5. Snowdrop
38 [[[[image:Snowdrop_XS.png||width="100%"]]>>attach:Snowdrop_XS.png]]
39 )))
40
41 (% class="col-xs-6 col-sm-2" %)
42 (((
43 Current: Charcoal
44 [[[[image:Charcoal_XS.png||width="100%"]]>>attach:Charcoal_XS.png]]
45 )))
46 )))
47
48 === 1. Dawn ===
49
50 (% class="row" %)
51 (((
52 (% class="col-xs-12 col-sm-6" %)
53 (((
54 {{gallery}}
55 image:Dawn_XS_Help.png
56 image:Dawn_XS_Administration.png
57 image:Dawn_XS_Create.png
58 image:Dawn_XS_Edit.png
59 image:Dawn_XS_Index.png
60 image:Dawn_XS.png
61 {{/gallery}}
62 )))
63
64 (% class="col-xs-12 col-sm-6" %)
65 (((
66
67 )))
68 )))
69
70 === 2. Pantera ===
71
72 (% class="row" %)
73 (((
74 (% class="col-xs-12 col-sm-6" %)
75 (((
76 {{gallery}}
77 image:Pantera_XS_Help.png
78 image:Pantera_XS_Administration.png
79 image:Pantera_XS_Create.png
80 image:Pantera_XS_Edit.png
81 image:Pantera_XS_Index.png
82 image:Pantera_XS.png
83 {{/gallery}}
84 )))
85
86 (% class="col-xs-12 col-sm-6" %)
87 (((
88
89 )))
90 )))
91
92 === 3. Mandarin ===
93
94 (% class="row" %)
95 (((
96 (% class="col-xs-12 col-sm-6" %)
97 (((
98 {{gallery}}
99 image:Mandarin_XS_Help.png
100 image:Mandarin_XS_Administration.png
101 image:Mandarin_XS_Create.png
102 image:Mandarin_XS_Edit.png
103 image:Mandarin_XS_Index.png
104 image:Mandarin_XS.png
105 {{/gallery}}
106 )))
107
108 (% class="col-xs-12 col-sm-6" %)
109 (((
110
111 )))
112 )))
113
114 === 4. Iceberg ===
115
116 (% class="row" %)
117 (((
118 (% class="col-xs-12 col-sm-6" %)
119 (((
120 {{gallery}}
121 image:Iceberg_XS_Help.png
122 image:Iceberg_XS_Administration.png
123 image:Iceberg_XS_Create.png
124 image:Iceberg_XS_Edit.png
125 image:Iceberg_XS_Index.png
126 image:Iceberg_XS.png
127 {{/gallery}}
128 )))
129
130 (% class="col-xs-12 col-sm-6" %)
131 (((
132
133 )))
134 )))
135
136 === 5. Snowdrop ===
137
138 (% class="row" %)
139 (((
140 (% class="col-xs-12 col-sm-6" %)
141 (((
142 {{gallery}}
143 image:Snowdrop_XS_Help.png
144 image:Snowdrop_XS_Administration.png
145 image:Snowdrop_XS_Create.png
146 image:Snowdrop_XS_Edit.png
147 image:Snowdrop_XS_Index.png
148 image:Snowdrop_XS.png
149 {{/gallery}}
150 )))
151
152 (% class="col-xs-12 col-sm-6" %)
153 (((
154
155 )))
156 )))
157
158 == Preview: Other Flavors ==
159
160 Examples of how these Color Themes would adapt and look on other flavors:
161
162 === Flavor: Groupware ===
163
164 [[Groupware Flavor>>Improvements.GroupwareFlavor]] is focused on collaborative applications and teams working together.
165
166 (% class="row" %)
167 (((
168 (% class="col-xs-6 col-sm-4" %)
169 (((
170 ~1. Dawn
171 [[[[image:Dawn_Groupware.png||width="100%"]]>>attach:Dawn_Groupware.png]]
172 )))
173
174 (% class="col-xs-6 col-sm-4" %)
175 (((
176 2. Pantera
177 [[[[image:Pantera_Groupware.png||width="100%"]]>>attach:Pantera_Groupware.png]]
178 )))
179
180 (% class="col-xs-6 col-sm-4" %)
181 (((
182 3. Mandarin
183 [[[[image:Mandarin_Groupware.png||width="100%"]]>>attach:Mandarin_Groupware.png]]
184 )))
185
186 (% class="col-xs-6 col-sm-4" %)
187 (((
188 4. Iceberg
189 [[[[image:Iceberg_Groupware.png||width="100%"]]>>attach:Iceberg_Groupware.png]]
190 )))
191
192 (% class="col-xs-6 col-sm-4" %)
193 (((
194 5. Snowdrop
195 [[[[image:Snowdrop_Groupware.png||width="100%"]]>>attach:Snowdrop_Groupware.png]]
196 )))
197
198 (% class="col-xs-6 col-sm-4" %)
199 (((
200 6. Cotton Candy
201 [[[[image:CottonCandy_Groupware.png||width="100%"]]>>attach:CottonCandy_Groupware.png]]
202 )))
203 )))
204
205 === Flavor: Documentation ===
206
207 [[Documentation Flavor>>Proposal.Flavors.TechnicalDocumentationFlavor]] is focused on the creation and consumption of technical documentation.
208
209 (% class="row" %)
210 (((
211 (% class="col-xs-6 col-sm-4" %)
212 (((
213 ~1. Dawn
214 [[[[image:Dawn_Documentation.png||width="100%"]]>>attach:Dawn_Documentation.png]]
215 )))
216
217 (% class="col-xs-6 col-sm-4" %)
218 (((
219 2. Pantera
220 [[[[image:Pantera_Documentation.png||width="100%"]]>>attach:Pantera_Documentation.png]]
221 )))
222
223 (% class="col-xs-6 col-sm-4" %)
224 (((
225 3. Mandarin
226 [[[[image:Mandarin_Documentation.png||width="100%"]]>>attach:Mandarin_Documentation.png]]
227 )))
228
229 (% class="col-xs-6 col-sm-4" %)
230 (((
231 4. Iceberg
232 [[[[image:Iceberg_Documentation.png||width="100%"]]>>attach:Iceberg_Documentation.png]]
233 )))
234
235 (% class="col-xs-6 col-sm-4" %)
236 (((
237 5. Snowdrop
238 [[[[image:Snowdrop_Documentation.png||width="100%"]]>>attach:Snowdrop_Documentation.png]]
239 )))
240
241 (% class="col-xs-6 col-sm-4" %)
242 (((
243 6. Cotton Candy
244 [[[[image:CottonCandy_Documentation.png||width="100%"]]>>attach:CottonCandy_Documentation.png]]
245 )))
246 )))

About

About

Support

Platform

User Guide

Admin Guide

Developer Guide

Projects

XWiki

Extensions

Other

Contribute

Status

Practices

Under the Hood

Get Involved

Get Connected