A free Redmine theme for modern browsers.
Compatible with Redmine 2.5+ and browsers: IE9+, latest Firefox and Google Chrome (others were not tested).
It's written in SCSS. It uses normalize.css and benefits from some parts of Bootstrap like mixins, structure, and stuff.
- Bigger, easier to read fonts,
- Github-like wiki content look,
- Sidebar moved to the left for better ergonomy,
- Coloring trackers links (on lists, issue pages and even in the wiki content),
- Highlighting issues priority on the list and on the issue page,
- Toggling sidebar visibility,
- Easy to customize via variables.
To install PurpleMine, just download .zip and unpack it to your Redmine's public/themes folder.
Then go to Redmine > Administration > Settings > Display and select PurpleMine2 from the list and save the changes.
This theme also features a new look for Redmine Backlogs plugin. To install it, simply copy stylesheets from PurpleMine2/plugins/redmine_backlogs and overwrite files in {redmine}/plugins/redmine_backlogs/assets/stylesheets and restart Redmine.
Also, Redmine Time Tracker and Redmine People plugins should look nice with PurpleMine.
If you want to customize PurpleMine to your needs, first, make sure that you have installed node.js and npm is available in your terminal.
If haven't yet, you need to install grunt:
npm install grunt-cli -g
Then, from the directory that contains PurpleMine run:
npm install
Now all the dependencies should be ready to use. Run one more command:
grunt watch
And now the grunt is watching for changes in files placed in src/ folder. Just change what you need, and it'll run SASS preprocessor automatically.
Regrettably, optional file include is not possible in SASS, so I would recommend creating a new file, e.g. src/sass/_custom-variables.scss and importing it a the beginning of the application.scss file. That way all the variables with the !default flag could be overridden.
The path src/sass/_custom-variables.scss is added to .gitignore so it should make upgrading PurpleMine with keeping your changes rather painless, given that the only thing you changed in PurpleMine's source was adding this one line with @import "custom-variables";.
If you need to customize styles for Redmine Backlogs remember to include your _custom-variables.scss in src/sass/plugins/redmine_backlogs/_common.scss.
Latest (master):
- Added styles for optgroup (Firefox only)
- Fixed #13: #header was missing clearfix and was breaking the layout is some cases
- Coloring issue's title instead of link in Gantt diagram for overdue issues
- Updated npm packages: grunt-sass from 0.18.0 to 1.0.0 and grunt-contrib-uglify 0.7.0 to 0.9.1
v1.6.0 (2015-06-10):
- Fixed #8: Setting
$top-menu-collapsetotruewill enable script allowing to toggle if top menu should be collapsed (no wrapping) or expanded (wrapped, with auto height)
- Header matching current URL fragment will have
#prepended - Introduced
$font-weight-normaland$font-weight-boldvariables to give better control on the appearance of text with custom fonts
- Fixed #9: Added
$main-menu-collapseand applied the same logic as in #8 - Fixed #12: Removed
display: blockfrom issue's subject link to allow context menu to popup upon right click next to subject - Resolved #11: Company logo can be added to the header
v1.5.0 (2015-04-15):
- Fixed #5: Added default style for colored issue links.
- Introduced
$tracker-colors-mapand removed$tracker-X-bgvariables. See d220db1 comments for more details. - Fixed #6: Added default padding for table cells.
v1.4.1 (2015-04-14):
- Fixed #3: Closed tasks will be more appreciable.
v1.4.0 (2015-04-10):
- Introduced option
$wiki-page-more-vertical-space(by defaulttrue) to improve wiki pages' readability even more
- Fixed bottom margin of
pretag
- Added a few helper classes from Bootstrap
- WYSIWYG's icons will squeeze a little bit on smaller screens
- Images in headers will be aligned to the middle vertically
- Introduced
text-normalclass for resetting font's weight - Added class
toc-active-prevthat will "highlight" TOC as "active".
- Fixed #2: Make sure that
.sortwith Font Awesome icons won't have background image - Fixed attachments div's layout for wiki pages
For more details, see release v1.4.0
v1.3.0 (2015-04-01):
- Backlogs: make it possible to click on empty field
- Corrected issue form columns widths so they will be equal in all fieldsets
- Changesets will look similar to issue's journal
- Improved revision page layout and added Font Awesome icons
- Improved file content view
- Fixed #1: Font Awesome icons will no longer break plugins' icons
- Introduced styles for People plugin
- Enhanced styles for activities list
- Regular buttons (e.g.
Cancel) will look like links in dialog windows - Fixed look of collapsible arrow in Firefox
- Overrode Redmine's revision graph function to make it look better
- Animated collapsible fieldsets
- Custom image based icons changed to base64 embedded data
v1.2.0 (2015-03-03):
- Fixed .warning style
- Coloring status on issue page (it'll look like label)
- Fixed master backlog sub-menu accessibility
- Changed font weight to normal for sub-projects in project list
- Fixed watch task path for .js
- Removed unnecessary classes from .sidebar-toggler
- Fixed external link icon, when URI contains the word 'edit'
- Fixed wiki page headers links font-size
- Changed some trackers default colors
- Bolded user name on issue page if it's current user
- Issue's journal appearance changed once again
- Some improvements in wiki formatting
- Introduced HistoryTabs for filtering issue journals
- Improved issue page styles and adjusted default priority colors
- Backlogs: added delay before hiding backlog menu
- Changed ancestor project name in top to equal font size, but different weight
- Fixed context menu position regression introduced by sidebar toggle
v1.1.0 (2015-02-15):
- Changed issue's journal appearance
- jQuery UI menus look improved
- Removed box-shadow from boxes
- Bumped grunt-sass version
- Toggling sidebar visibility
- Recompressed images
- Changelog added
v1.0.0 (2015-02-06):
Initial version