L’équipe Pixel Cookers utilise depuis longtemps le système de gestion de projets Redmine (http://www.redmine.org).
Après avoir utilisé le thème par défaut et le thème Watersky, nous avons décidé de créer notre propre thème, plus en phase avec notre univers et notre charte graphique. Le thème Redmine Pixel Cookers offre une nouvelle vision de Redmine, à la sauce Pixel Cookers, dans les teintes bleu/noir. L’interface a été aérée, et le thème supporte la colorisation des demandes en fonction de leur priorité.
Attention
Ce thème utilise les dernières techniques css, il fonctionne correctement sur les dernières versions de Firefox, Safari, Chrome. Internet Explorer, Opera… ne profiteront pas pleinement du thème.
De par son architecture, il fonctionne beaucoup mieux sur des grandes résolutions et/ou sur des écrans larges (1440×900 au moins est recommandé). Il est bien sur quand même utilisable correctement sur des plus petites résolutions !
Le thème utilise :
- Des d’icones du pack Fugue (http://pinvoke.com/)
- Une partie du pack Function Icon Set (http://wefunction.com/2008/07/function-free-icon-set/)
- Certaines règles css tirées du projet Sexy Button (http://code.google.com/p/sexybuttons/)
Télécharger et installer
Téléchargez le thème pour la version de redmine que vous possédez.
Theme Redmine Pixel Cookers (0.8.x, 0.9.x) (202.23 kB) Theme Redmine Pixel Cookers (1.0.x) (211.7 kB)
Ou allez sur notre repo GitHub https://github.com/pixel-cookers/RedmineThemePixelCookers
Et suivez la procédure d’installation présente sur le site redmine : http://www.redmine.org/wiki/1/Themes.
In English
The Pixel Cookers Team is proud to present a nice, blue and black theme for the Redmine platform : the Pixel Cookers Redmine Theme.
Choose your Redmine version and download it.
Theme Redmine Pixel Cookers (0.8.x, 0.9.x) (202.23 kB) Theme Redmine Pixel Cookers (1.0.x) (211.7 kB)
Or check our GitHub repository https://github.com/pixel-cookers/RedmineThemePixelCookers
And follow the Redmine theme installation steps at : http://www.redmine.org/wiki/1/Themes.
Be carefull, this theme uses css3 techniques, and will work best on lastest versions of Chrome, Firefox and Safari. It degrades gracefull on IE.
Fell free to let us a comment.
Changelog
v1.0
- Initial release
v1.1
- Some improvements in the project view
- Links in the top menu are lighter
v1.1.1
- Empty external options menu on top removed
- Links area are bigger
v1.2 (Redmine 1.0.0 compatible)No more compatible with older versions
- Left menu reorganized
- Readability enhancement
- Icons modified to fit better with items
- No more bugs inh left menu
- Lastest Redmine version compatibility
- Easy way to change color set (Commented example provided at the end of the stylesheet, thanks Brendan
)
Voici quelques images/Here are some pictures.
J’ai adoré le thème.
Merci beaucoup pour la distribuition.
Thank you, this is a great theme. Really made Redmine look much more pleasant and, well, non-ancient
EXCELLENT ! C’est le thème que Redmine aurait du avoir depuis le début
Merci beaucoup !
Hey there!
First of all: congratulations! this is the best Redmine theme out there, you guys have really improved the overall Redmine usage experience!
Just a few suggestions, which I think will improve even more this great Redmine theme:
– remove listing bullets when in project view (they really shouldn’t be there, ruining the presentation);
– lighten up the colors on the top menu;
– improve the left sidebar (when there is too much content it doesn’t look that good with one word per line)
– remove empty external options menu on top (for instance, when listing issues, an empty white box appears)
And I guess that is all! Hope you can correct this stuff (if you think you should) and release an even better Theme!
Cheers!
Thank you for all your feedbacks.
@predo, I take note of your suggestions. I will see what I can do about this
There is a very obvious display bug when subprojects are involved — subproject’s name includes the superproject name, and the whole thing becomes too large, and « spills » over the « Search » box.
Also, an improvement proposal — the left sidebar could make use of some icons — it can get large enough to gain from visual cues.
V1.1 is up.
- Some improvements in the project view
- Links in the top menu are lighter
@Samium
, we love it « as is ».
In my Redmine Version, subproject doesn’t includes parent name… But I’m aware of the problem when project title is to long, I have to find a solution.
And sorry, but we don’t want icons in left sidebar
V1.1.1 is out.
- empty external options menu on top removed
- links area are bigger
Great!
Thanks for the updates, still a great theme!
Terrific work, this is a beautiful theme! It replaces Watersky as my favorite. Bon travaille. Forgive my high-school French if that’s wrong.
Thank you Ted !
This is a great theme, thanks for publishing it. I found one small issue, with sub projects it hides the drop down, otherwise I think it’s perfect! Keep up the good work.
Thanks Todd.
But can you tell me your redmine version ? I have tested the theme on some redmine platforms and I never saw this bug.
I’ve found one issue since using the theme. I also have a question.
The issue is with the search box. It doesn’t allow you to put the cursor in the search box unless you aim at the very bottom of it, with the cursor half-in, half-out of the box. This is making it difficult for my users to do searches.
We are primarily using Firefox, although there is also IE8.
The question is about the left-hand sidebar. It takes up a bit much space for my taste. I’ve tried to figure out a way to make it less wide by using Firebug to edit the CSS, but I can’t seem to figure out the right element. Any hints?
Thanks.
This is the best theme for Redmine I ever saw. And I think I saw all of them.
Looks very professional. Thank you very much for sharing it
Regards,
Radek
PS: Just one question: under which license is it released? I didn’t found this information and I don’t want to violate you copyright.
As it is based on the redmine base theme which is released under GPL, I think our is under GPL too.
In one word : do what you want
@ludo: thank you very much for clarifying it
awesome theme, we love and use it in produkction. but there is a small bug with the ROADMAP plugin.
where the version name is placed is a brown open box in the background side by side in a row from left to right…..
another sad point is, that if you work with a lot subprojects it won’t fit in the left frame anymore it overwrites the search field and user name. Maybe a trick is to reduce the font for every parent of a sub-(sub-(sub-(…)))project by one to two
or
to make this whole part of the lft frame more flexible in the hight?
I am not good in CSS, so that all I can do at the moment… SORRY
..but anyway: AWESOME THEME!!!!
Thanks to all of you
Superbe thème, merci bcp pour votre travail et pour ce partage.
A suggestion: I would make the bullet image placement vertically « top » instead of « center ». Multiple-level lists don’t render well with « center ». For example, go to a wiki with good parent-child page relationships and go to « index by title ». The bullets on the higher levels appear to float somewhere unassociated with their title.
Just a thought. I’ve already done this to mine.
Hi! It looks great! But I have a problems with installation. Is it compatible with the latest stable release (0.9.4)?
Wow, I don’t know… I have to look my Redmine version, and I have to try. I’ll let you know !
@ted, thanks for your suggestion, can you send me your patch ? (any email adress in « @pixel-cookers.com » will work).
Hi there! Congrats on a GREAT Theme for Redmine! this SHOULD be the de facto theme for Redmine!
I can verify what ‘MLohr’ above mentions regarding the ‘brown open box’ when the advanced roadmap plugin is installed, and have provide you with screenshot here with firebug open:
http://www.xmasgroup.com/tmp/pixelcookers.rm.theme.png
I’m running the Stable Redmine on mod_rails.
Thanks again!
Brendan.
Hi!
Just added the redmine_time_tracker plugin (http://github.com/delaitre/redmine_time_tracker), and noticed that the icons were overlapping, like in this image:
http://www.xmasgroup.com/tmp/pixelcookers.rm.theme.1.png
fixed it by adding this to your application.css:
.icon {
background-position:0 50%;
background-repeat:no-repeat;
padding-bottom:3px !important;
padding-left:20px !important;
padding-top:2px !important;
}
Also I fixed the ‘brown boxes’ above by editing this in your css:
.icon22-package { /*background-image: url(../images/22×22/package.png);*/ }
I donno what that breaks, but so far everything looks snazzy!
Thanks again! hope this helps
Bren.
I will update the theme with all your suggestions and fixes before the end of August, as soon as I have some time.
… trying to keep compatibilty with older versions.
It will be 1.0 compliant
Wow That’ll be brilliant!
Perhaps a way to easily modify a set of collection of primary colors for the theme would be nice. I have (somewhat) modified the application.css to suite our company image in our redmine here: http://pm.xmasgroup.com, with an additional header logo.
Here is how it looks with the side buttons:
http://www.xmasgroup.com/tmp/pixelcookers.rm.theme.2.png
I loved the way you supported ‘sexybuttons’ throughout the theme. Very easy to just change the background color on the buttons and the same with the links and **BAM!** — a very different feeling color theme altogether!
Can’t wait for the 1.0 compliant update. I just updated to 0.9.6 stable, and can’t wait to try out the 1.0 after RC1!
Hi once more!
I apologize for monopolizing this comment system here, but I guess reporting as many needed feedback as possible will only help this theme in the long run… and I see great potential for this theme as being one of the most productive theme for Redmine!
I noticed another discrepancy with them concerning the login username. We allow client logins to our Redmine install for some feedback/reporting on our projects that they are involved in. We also use their email address as their login username for simplicity sake, and because of the nature of long email addresses, the theme does not cascade the menu properly as shown here in this screenshot:
http://www.xmasgroup.com/tmp/pixelcookers.rm.theme.3.png
I fixed this on my install by changing:
#header #quick-search {
top:130px;
}
to:
#header #quick-search {
top:140px;
}
…giving a 5px ‘margin’ between the dropdown menu and the side ‘sexybuttons’ menu. Again, I did not test these changes thoroughly, so your milage might vary. Hope this helps!
I think I will change the items order in the left menu… Absolute positioning causes too many bugs.
@zaru http://bit.ly/cDI4ZG
This comment was originally posted on Twitter
I will release the Redmine 1.0.0 compatible theme next Monday.
Stay tuned !
The new version is available, enjoy
how can i add a custom logo to the left sidebar that is always there? can’t anyone point me in correct location in application.css?
On holidays, will answer you in 10 days.
doh…
anyway, great theme and I’ll be anticipating your response. thank you.
Hi, back from holidays.
@silk : the best way to place a logo in the left bar is to add
background: url(« yourImagePath.png ») no-repeat 0 0;
in the directive #wrapper line 14.
The « no-repeat » is mandatory. You can play with the position « 0 0″ to place your logo exactly where you want.
The latest upgrades are very nice, merci beaucoup. It fixes a couple minor issues I had with an earlier version.
Unfortunately, I’m having to tell my IE users to switch to Firefox because it is no longer degrading gracefully for IE. Nobody is up in arms about it, though. At least not yet.
Thanks once more.
thanks that did it… positioning wasn’t quite working so i removed the 0 0 and added this:
background-position: 5px 35px;
now its perfect. thanks a lot.
I was able to fix the display on IE by re-adding the « left:0; » to the header attribute from the older version of the theme. The left column no longer renders over the center column in IE. Here is a diff:
diff –git a/public/themes/pixel-cookers/stylesheets/application.css b/public/themes/pixel-cookers/stylesheets/application.css
— a/public/themes/pixel-cookers/stylesheets/application.css
+++ b/public/themes/pixel-cookers/stylesheets/application.css
@@ -28,16 +28,17 @@ a.issue.closed, a.issue.closed:link, a.i
color: #999;
}
#header{
background:transparent;
color:#888888;
font-size:11px;
padding: 0 0 0 9px;
+ left:0;
position:absolute;
top:37px;
width:221px;
}
#header h1 {
color:#CCCCCC;
font-family: Calibri,Helvetica,Arial,sans-serif;
font-weight:bold;
Thanks for this great theme! The new version makes it even better.
But it has a problem with unordered lists, because the bullet is centered at the right side of the item. I can provide a picture if you want, but just try and you’ll see:
* first level 1
* first level 2
** second level 1
** second level 2
The fix is easy: replace center with 4px and all is well:
- background:transparent url(../images/icons/bullet_black.png) no-repeat scroll left center;
+ background:transparent url(../images/icons/bullet_black.png) no-repeat scroll left 4px;
Great theme and we’re now using it to manage our OS CMS project. Would it make sense to put the « you are logged in as … » message in the upper right near the sign in / my account link?
[...] finally, I installed Pixel Cooker’s Redmine Theme because it’s what I’d been using on someone else’s install that they’d set [...]
Hi, when I have the pixel cookers theme active I have trouble pasting text into the description textarea. To reproduce the problem:
* put your cursor in the description textarea
* press the pre toolbar button
* paste text in
the textarea loses focus and the text isn’t pasted in.
This happens in Safari 5 and Chrome on the Mac
I found the problem. If I remove this line
#content > .contextual > *:last-child{ margin-right: 15px;
then it works fine. WEIRD!
Thanx,James!!!
We have a paste problem as well. If the textarea has any content in it, you cannot paste. If ti’s completely empty then you can in fact paste.
Update to the issue, it’s definitely a webkit bug with the :last-child selector, so it affects Safari and Chrome. See http://code.google.com/p/chromium/issues/detail?id=60057#c25 for more details
General fix to fix pasting and maintain the styling:
Remove both the following lines around lines 475-476:
#content > .contextual > *:first-child{ margin-left: 15px; }
#content > .contextual > *:last-child{ margin-right: 15px; }
Around line 463 in the #content > .contextual selector, change the rule for padding to:
padding: 0 15px; /* was padding: 0; */
The theme does not apply to the overall activity page. (example.com/activity)
There is a bug (in the version for Redmine 1.0.x), whereby the sub-super-project nesting isn’t correctly reflected for all projects, but /only/ in the « switcher » droplist in the sidebar.
I.e. the project page reflects sub-super nesting properly, but the sidebar droplist flattens some (but not all) nested subprojects into the top-level.
I couldn’t determine the system, by which the thing (I’m not even sure this is a theme bug, actually) decides what subprojects go (wrongly) top, and which get properly nested..
Redmine version is current latest in Debian sid — 1.0.5-1, ruby 1.8.7
Any plans for 1.1.0 version?
Hi,
Thx for all the contributions, I don’t really have much time now, but I will update the theme as soon as I can.
.
I think that will be a 1.3 version updated for 1.1.0 Redmine version
Hey, I released the Redmine Pixel Cookers Theme on github. Check it out :
https://github.com/pixel-cookers/RedmineThemePixelCookers
Congrats on the github release. Are you looking for pull requests?
I’m not really waiting for push request but all improvements are welcome. So feel free…
Hi,
Very good theme, congratulation
. But with the new version, i can’t paste text … even the latest release on github. Have you plan a correction about this big problem ?
Thank you very much,
Anthony
Hi, I’m on Google Chrome Dev channel and I don’t have the paste problem but a little test on safari reveal it.
If I don’t use :first-child & :last-child selectors and replace them by a padding, the style breaks when there is no item in contextual menu.
I will try to use the new feature of Redmine that let me include javascript and fix this with js.
[...] sur le thème et participer aux discussions associées, je vous invite à lire l’article : Thème Redmine Pixel Cookers [...]
Superbe !
La version 1.3 pour redmine 1.1.x arrive (je me permet de demander vu que la dernière news est de février)
Encore bravo !
Hello, I was just wondering if this theme is compatible with the current 1.2 redmine release? Can you advise? Thanks.
hi please help me
redmine is working fine for me but i am not able to get the default theme also ……all function is working but background is plain
Merci Pixel ^^
This is a great theme and very suitable for my plan to more expose the wiki. I install this on Redmine 1.2 and found no issue yet. i hope there is none.
Just installed on 1.2 and works like a charm. It’s a very pleasent theme. Thanks for your work.
I found a bug on 1.2 : the unordered list based on header is not styled correctly. i think the problem is style ul in pages-hierarchy and toc right. I would like to hear your advice. Thanks.
Here we use h2 for the biggest titles, next are h2 and h3 (we use the style and not the semantic).
With this organisation, the toc are not styled correctly. I think if you arrange h1, h2, h3 correctly it would work.
Else I don’t know, we don’t really use toc.
I’ve been engaged with the TOC and list problem on 1.2; the problem is about the bullets rendered as a background image putted in left-center position of the correspondent . So if my li has many sub-li and takes a good height, the bullet image will be displayed in the middle of the li’s height.
My fix was:
application.css:372 background:transparent url(../images/icons/bullet_black.png) no-repeat scroll left 5px;
where 5px was center. Hoping had understood the point.
Cheers
@weLaika I’ve got not much time to work on the Redmine Theme recently.
I will add your fix very soon.
I detected a problem on toc too. If you use h2 for the first header, which sitck best with the design the indentation is bad.
I think I will do a complete refactoring in wiki headers (h1 to h4) for this.
Great theme! Thanks for the great job on it