Patch #21493

Tweak colors of default theme

Added by Go MAEDA almost 7 years ago. Updated about 1 month ago.

Status:NewStart date:
Priority:NormalDue date:
Assignee:-% Done:

0%

Category:UI
Target version:Candidate for next major release

Description

I suggest slightly changed colors for default theme in order to improve readability and appearance.

  • deeper black for headings (#content h1, h2, h3, h4)
  • vivid color for header (#top-menu / #header)
  • blighter gray for sidebar (#main {background-color})
  • deeper brack for headings in sidebar (#sidebar h3)
  • blighter gray for boxes (.box)
  • blighter gray for inactive tabs (#content .tabs ul li a)
  • lighter yellow for issues (div.issue)
  • blighter gray (same color with wiki.pre {background}) for wiki diff background (.text-diff)
  • blighter gray for scm background (table.filecontent / table.annotate td.line-code)

change-default-colors.diff Magnifier (4.8 KB) Go MAEDA, 2015-12-12 10:40

screenshot-2.jpg (104 KB) Go MAEDA, 2015-12-12 10:44

screenshot-1.jpg (131 KB) Go MAEDA, 2015-12-12 10:44

screenshot-3.jpg (195 KB) Go MAEDA, 2015-12-12 10:44

21493-change-default-colors-v2.diff Magnifier (3.63 KB) Go MAEDA, 2017-03-08 10:38

21493-change-default-colors-v3.diff Magnifier (3.99 KB) Mizuki ISHIKAWA, 2019-07-03 04:09

21493-change-default-colors-v4.diff Magnifier (4.15 KB) Bernhard Rohloff, 2021-03-22 13:22

0001-Use-CSS-custom-properties-for-some-values.patch Magnifier (12.7 KB) Go MAEDA, 2022-10-12 11:33

0002-Adjust-colors-to-improve-readability.patch Magnifier (2.21 KB) Go MAEDA, 2022-10-12 11:34


Related issues

Related to Redmine - Patch #32017: A much happier blue palette for the header (#header + #to... New

History

#1 Updated by Go MAEDA almost 7 years ago

Here are screenshots of the patch. Please take a look at them. I am sure that these changes improve readability and appearance.

#2 Updated by Andrey Lobanov (RedSoft) about 6 years ago

This patch is really changes readability in right way.

#3 Updated by Toshi MARUYAMA about 6 years ago

  • Target version set to 3.4.0

#4 Updated by Jean-Philippe Lang almost 6 years ago

  • Target version deleted (3.4.0)

Tastes and colors... I personally prefer the current colors over the proposed changes (header would be too dark for me).

#5 Updated by Go MAEDA over 5 years ago

Jean-Philippe Lang wrote:

Tastes and colors... I personally prefer the current colors over the proposed changes (header would be too dark for me).

Thanks for your feedback.
I have updated the patch. The new patch does not change header color, only improves the readability of texts. I think current colors of texts are too light.

  • deeper black for headings (#content h1, h2, h3, h4)
  • vivid color for header (#top-menu / #header)
  • blighter gray for sidebar (#main {background-color})
  • deeper brack for headings in sidebar (#sidebar h3)
  • blighter gray for boxes (.box)
  • blighter gray for inactive tabs (#content .tabs ul li a)
  • lighter yellow for issues (div.issue)
  • blighter gray (same color with wiki.pre {background}) for wiki diff background (.text-diff)
  • blighter gray for scm background (table.filecontent / table.annotate td.line-code)

#6 Updated by Go MAEDA about 5 years ago

  • Target version set to 4.1.0

The second patch improves readability. Please take a look again.
Setting target version to 4.1.0.

#7 Updated by Mizuki ISHIKAWA over 3 years ago

+1

#8 Updated by Makoto Saito over 3 years ago

+1
I think it's necessary to tend to use standard setting of redmine as a tool.

#9 Updated by Marius BALTEANU over 3 years ago

  • Assignee set to Go MAEDA

FYI, the patch cannot be applied on the latest trunk, maybe it should be updated.

#10 Updated by Mizuki ISHIKAWA over 3 years ago

I will attach a patch that has been modified to apply to the trunk.
@Go MAEDA, Would you confirm that the patched default theme is what you intended?

#11 Updated by Bernhard Rohloff about 3 years ago

  • Related to Patch #32017: A much happier blue palette for the header (#header + #top-menu) added

#12 Updated by Go MAEDA about 3 years ago

  • Target version changed from 4.1.0 to 4.2.0

#13 Updated by Go MAEDA over 2 years ago

  • Assignee deleted (Go MAEDA)

#14 Updated by Bernhard Rohloff over 1 year ago

Here's a new version of the patch which can be applied to the latest trunk (r20837).

#15 Updated by Bernhard Rohloff over 1 year ago

Forgot the patch...

#16 Updated by Marius BALTEANU over 1 year ago

  • Target version changed from 4.2.0 to 5.0.0

Need more feedback on this.

#17 Updated by Marius BALTEANU 9 months ago

  • Target version changed from 5.0.0 to Candidate for next major release

#18 Updated by Go MAEDA about 1 month ago

I have updated the patch.

  • Use CSS custom properties for values affected by the patch. Since Redmine no longer supports Internet Explorer, now we can use CSS custom properties
  • Slightly changed colors from the previous patch.

Also available in: Atom PDF