Project

General

Profile

Can you make a Redmine theme by just using the default theme, but modifying the colors in the CSS file?

Added by Christina Bumgarner over 14 years ago

If so, how?


Replies (3)

RE: Can you make a Redmine theme by just using the default theme, but modifying the colors in the CSS file? - Added by Christina Bumgarner over 14 years ago

Being be more specific.... for projects.ninemoreminutes.com, I'd just want to change the colors to match those i'm using for www.ninemoreminutes.com and maybe add a logo to the header (which would be done by creating a custom redmine theme).

RE: Can you make a Redmine theme by just using the default theme, but modifying the colors in the CSS file? - Added by Mischa The Evil over 14 years ago

Christina Bumgarner wrote:

Can you make a Redmine theme by just using the default theme, but modifying the colors in the CSS file?

If so, how?

See Themes. You can better build a new theme instead of hacking the default theme which is bundled within the core.
You can use the default theme hover as a base for your modifications by copying the content of it (source:/trunk/public/stylesheets/application.css) to your theme's application.css.

Kind regards,

Mischa.

RE: Can you make a Redmine theme by just using the default theme, but modifying the colors in the CSS file? - Added by Brian Rose over 7 years ago

I was able to change the color of the default theme with the CSS below. It switched everything from a blue to a red theme.

  1. sh# cd /path/to/redmine
  2. sh# mkdir -p public/themes/redtheme/stylesheets
  3. sh# vi public/themes/redtheme/stylesheets/application.css (content below)
  4. Go into the admin settings and select redtheme
/* load the default Redmine stylesheet */
@import url(../../../stylesheets/application.css);

#top-menu {background: RGB(128,0,0);}
#header {background-color:RGB(192,0,0);}

#projects-index ul.projects div.root a.project { color:RGB(128,0,0); }
content h1, h2, h3, h4 {color:RGB(128,0,0);}
#main { color:RGB(128,0,0); }

a, a:link, a:visited{ color:RGB(128,0,0); }
a:hover, a:active{ color:RGB(128,0,0); }
    (1-3/3)