Wiki source code of Color Themes Proposal 10.x (2018)
Last modified by Vincent Massol on 2024/02/26 17:56
Show last authors
author | version | line-number | content |
---|---|---|---|
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 | ))) |