Project

General

Profile

Feature #44561 » 0001-Add-color-text-muted-and-use-it-for-secondary-text-i.patch

Go MAEDA, 2026-10-01 03:24

View differences:

app/assets/stylesheets/application.css
44 44
  /* no match in Open Color, using hex codes */
45 45
  --color-top-menu-background: #234761;
46 46
  --color-header-background: #3A78A3;
47
  /* between --oc-gray-6 and --oc-gray-7 with the same hue as Open Color grays */
48
  --color-text-muted: #6b737b;
47 49
}
48 50
html, body { min-block-size: 100vh; }
......
76 78
.wiki h3 {font-size: 1.2em;}
77 79
.wiki h4 {font-size: 1.1em; border: none; font-weight: bold;}
78 80
.wiki h5 {font-size: 1em;}
79
.wiki h6 {font-size: 1em; color: var(--oc-gray-6);}
81
.wiki h6 {font-size: 1em; color: var(--color-text-muted);}
80 82
/***** Layout *****/
81 83
#wrapper {
......
444 446
#sidebar .query.default {font-weight: bold;}
445 447
#admin-menu a {line-height:1.7em;}
446
a#toggle-completed-versions {color:var(--oc-gray-6);}
448
a#toggle-completed-versions {color:var(--color-text-muted);}
447 449
a#toggle-completed-versions span.icon-label {margin-inline-start: 0}
448
a#toggle-completed-versions svg, a#toggle-completed-versions:hover svg {stroke:var(--oc-gray-6)}
450
a#toggle-completed-versions svg, a#toggle-completed-versions:hover svg {stroke:var(--color-text-muted)}
449 451
/***** Dropdown *****/
450 452
.drdn {position:relative;}
......
508 510
.drdn-items.selection:empty {
509 511
  border: none;
510 512
}
511
.drdn-items>span {color:var(--oc-gray-6);}
513
.drdn-items>span {color:var(--color-text-muted);}
512 514
.contextual .drdn-content, .journal-actions .drdn-content {
513 515
  inset-block-start: 18px;
......
607 609
tr.issue.assigned-to-me td.assigned_to {font-weight: bold;}
608 610
tr.issue.assigned-to-my-group td.assigned_to {font-weight: bold;}
609 611
table.issues td.block_column {
610
  color:var(--oc-gray-6);
612
  color:var(--color-text-muted);
611 613
  font-size:90%;
612 614
  padding-block: 4px;
613 615
  padding-inline: 24px 4px;
......
684 686
tr.user.locked, tr.user.registered { color: var(--oc-gray-5); }
685 687
tr.user.locked a, tr.user.registered a { color: var(--oc-gray-5); }
686
table.permissions td.role {color:var(--oc-gray-6);font-size:90%;font-weight:normal !important;text-align:center;vertical-align:bottom;}
688
table.permissions td.role {color:var(--color-text-muted);font-size:90%;font-weight:normal !important;text-align:center;vertical-align:bottom;}
687 689
table.permissions td.name {min-inline-size: 10rem;}
688 690
table.permissions tr.group>td:nth-of-type(1),
689 691
table.tracker-summary tr.group>td:nth-of-type(1) {font-weight: bold;}
......
715 717
tr.group span.count {inset-block-start: -1px;}
716 718
tr.group span.name {font-weight:bold;}
717 719
tr.group span.totals {color: var(--oc-gray-5); font-size: 93%;}
718
tr.group span.totals .value {font-weight:bold; color:var(--oc-gray-6);}
720
tr.group span.totals .value {font-weight:bold; color:var(--color-text-muted);}
719 721
tr.group a.toggle-all { color: var(--oc-gray-5); font-size: 93%; display: none; float: inline-end; margin-inline-end: 4px;}
720 722
tr.group:hover a.toggle-all { display:inline;}
721 723
a.toggle-all:hover {text-decoration:none;}
......
917 919
.wiki-class-rtl {direction:rtl !important;}
918 920
div.issue div.subject div div { padding-inline-start: 16px; word-break: break-word; }
919
div.issue div.subject p {margin-block: 0 0.1em; margin-inline: 0; font-size: 90%; color: var(--oc-gray-6);}
921
div.issue div.subject p {margin-block: 0 0.1em; margin-inline: 0; font-size: 90%; color: var(--color-text-muted);}
920 922
div.issue div.subject>div>p { margin-block-start: 0.5em; }
921 923
div.issue div.subject h3 {margin-block: 0 0.1em; margin-inline: 0;}
922 924
div.issue p.author {margin-block-start: 0.5em; font-size: 93%}
923 925
div.issue span.private, div.journal span.private {font-size: 60%;}
924
div.issue .next-prev-links {color: var(--oc-gray-6); margin-block: 1px 0;}
926
div.issue .next-prev-links {color: var(--color-text-muted); margin-block: 1px 0;}
925 927
div.issue .next-prev-links .pagination ul.pages {margin-inline: 0; display: inline-flex;}
926 928
div.issue .next-prev-links .pagination ul.pages li {margin-block-end: 0;}
927 929
div.issue .attributes {margin-block-start: 2em;}
......
1055 1057
}
1056 1058
div#activity dd .description, #search-results dd .description { font-style: italic; margin-block: 2px; margin-inline: 0;}
1057 1059
div#activity span.project:after, #search-results span.project:after { content: " - "; white-space: pre;}
1058
div#activity dd span.description, #search-results dd span.description { display:block; color: var(--oc-gray-6); }
1060
div#activity dd span.description, #search-results dd span.description { display:block; color: var(--color-text-muted); }
1059 1061
div#activity dt.grouped {padding-inline-start:5em;}
1060 1062
div#activity dd.grouped {margin-inline-start:9em;}
1061 1063
div#activity h3 {
......
1132 1134
div#version-summary th, div#version-summary td.total-hours { text-align: end; }
1133 1135
table#time-report td.hours, table#time-report th.period, table#time-report th.total { text-align: right; padding-right: 0.5em; } /* Numbers should be right aligned even in RTL */
1134
table#time-report tbody tr.subtotal { font-style: italic; color:var(--oc-gray-6);}
1135
table#time-report tbody tr.subtotal td.hours { color:var(--oc-gray-6); }
1136
table#time-report tbody tr.subtotal { font-style: italic; color:var(--color-text-muted);}
1137
table#time-report tbody tr.subtotal td.hours { color:var(--color-text-muted); }
1136 1138
table#time-report tbody tr.total { font-weight: bold; background-color: var(--oc-gray-2); border-block-start: 2px solid var(--oc-gray-4);}
1137 1139
table#time-report .hours-dec { font-size: 0.9em; }
......
1144 1146
  background-color:var(--oc-blue-0);
1145 1147
}
1146
.wiki-update-info {text-align: end; color: var(--oc-gray-6); font-size: 90%;}
1148
.wiki-update-info {text-align: end; color: var(--color-text-muted); font-size: 90%;}
1147 1149
form .attributes select { inline-size: 60%; }
1148 1150
form .attributes select + a.icon-only { vertical-align: middle; margin-inline-start: 4px; }
......
1231 1233
#related-issues li img {vertical-align:middle;}
1232
ul.properties {padding:0; font-size: 0.9em; color: var(--oc-gray-6);}
1234
ul.properties {padding:0; font-size: 0.9em; color: var(--color-text-muted);}
1233 1235
ul.properties li {list-style-type:none;}
1234 1236
ul.properties li span {font-style:italic;}
......
1255 1257
input#content_comments {inline-size: 99%}
1256
span.pagination {margin-inline-start: 3px; color: var(--oc-gray-6); display: block;}
1258
span.pagination {margin-inline-start: 3px; color: var(--color-text-muted); display: block;}
1257 1259
.pagination ul.pages {
1258 1260
  margin-block: 0;
1259 1261
  margin-inline: 0 5px;
......
1454 1456
div.fileover, p.custom-field-filedroplistner.fileover { background-color: var(--oc-violet-0); }
1455 1457
div.attachments img { vertical-align: middle; }
1456
div.attachments span.author { font-size: 0.9em; color: var(--oc-gray-6); }
1458
div.attachments span.author { font-size: 0.9em; color: var(--color-text-muted); }
1457 1459
div.thumbnails {margin:0.6em;}
1458 1460
div.thumbnail {
......
1465 1467
}
1466 1468
div.thumbnail img {margin: 3px; vertical-align: middle;}
1467
p.other-formats { text-align: end; font-size:0.9em; color: var(--oc-gray-6); }
1469
p.other-formats { text-align: end; font-size:0.9em; color: var(--color-text-muted); }
1468 1470
.other-formats span + span:before { content: "| "; }
1469
em.info {font-style:normal;display:block;font-size:90%;color:var(--oc-gray-6);}
1471
em.info {font-style:normal;display:block;font-size:90%;color:var(--color-text-muted);}
1470 1472
em.info.error {padding-inline-start: 20px; background: url(/exclamation.png) no-repeat left 50%;}
1471 1473
[dir="rtl"] em.info.error {background-position: right 50%;}
......
1773 1775
  border-block-end: none;
1774 1776
}
1775 1777
#document-list .document-item .updated_on {
1776
  color: var(--oc-gray-6);
1778
  color: var(--color-text-muted);
1777 1779
  font-size: 0.8125rem;
1778 1780
  padding-inline-start: 1.5rem;
1779 1781
}
......
1809 1811
table.progress td.done { background: var(--oc-green-4) none repeat scroll 0%; }
1810 1812
table.progress td.todo { background: var(--oc-gray-3) none repeat scroll 0%; }
1811 1813
p.percent {font-size: 86%; margin:0;}
1812
p.progress-info {clear: inline-start; font-size: 86%; margin-block-start: -4px; color: var(--oc-gray-6);}
1814
p.progress-info {clear: inline-start; font-size: 86%; margin-block-start: -4px; color: var(--color-text-muted);}
1813 1815
.version-overview table.progress {inline-size: 40em;}
1814 1816
.version-overview table.progress td { block-size: 1.2em; }
......
2097 2099
}
2098 2100
.journals h4.journal-header .update-info {
2099
  color: var(--oc-gray-6);
2101
  color: var(--color-text-muted);
2100 2102
  font-size: 0.9em;
2101 2103
}
......
2136 2138
}
2137 2139
.journals .journal-details, ul.revision-info {
2138
  color: var(--oc-gray-6);
2140
  color: var(--color-text-muted);
2139 2141
  margin-block-end: 1.5em;
2140 2142
}
......
2482 2484
  cursor: default;
2483 2485
}
2484 2486
.reaction-button.readonly .icon-svg {
2485
  stroke: var(--oc-gray-6);
2487
  stroke: var(--color-text-muted);
2486 2488
}
2487 2489
.reaction-button.readonly .icon-label {
2488
  color: var(--oc-gray-6);
2490
  color: var(--color-text-muted);
2489 2491
}
2490 2492
div.issue.details .reaction {
2491 2493
  float: inline-end;
......
2517 2519
#news-list article.news-article header p.author {
2518 2520
  margin-block-start: 2px;
2519 2521
  margin-block-end: 2px;
2520
  color: var(--oc-gray-6);
2522
  color: var(--color-text-muted);
2521 2523
}
2522 2524
#news-list article.news-article .wiki > p:first-child {
2523 2525
  margin-block-start: 2px;
app/assets/stylesheets/gantt.css
61 61
.gantt_hdr.nwday {
62 62
  background-color: var(--oc-gray-1);
63
  color: var(--oc-gray-6);
63
  color: var(--color-text-muted);
64 64
}
65 65
.gantt_subjects,
......
130 130
  position: absolute;
131 131
  block-size: 8px;
132 132
  font-size: 0.8em;
133
  color: var(--oc-gray-6);
133
  color: var(--color-text-muted);
134 134
  padding: 0;
135 135
  margin: 0;
136 136
  line-height: 16px;
app/assets/stylesheets/jstoolbar.css
50 50
    background-color: var(--oc-white);
51 51
    border: 1px solid var(--oc-gray-4);
52 52
}
53
.wiki-preview p.empty-preview {color: var(--oc-gray-6); font-style: italic; margin-block-start: 1em; text-align: center;}
53
.wiki-preview p.empty-preview {color: var(--color-text-muted); font-style: italic; margin-block-start: 1em; text-align: center;}
54 54
.jstElements button {
55 55
    margin-inline-end: 2px;
app/assets/stylesheets/scm.css
50 50
    stroke: var(--oc-white);
51 51
}
52
li.change .copied-from { font-style: italic; color: var(--oc-gray-6); font-size: 0.9em; }
52
li.change .copied-from { font-style: italic; color: var(--color-text-muted); font-size: 0.9em; }
53 53
li.change .copied-from:before { content: " - "}
54 54
#changes-legend { float: inline-end; font-size: 0.75rem; margin: 0; }
......
69 69
    inline-size: 2%;
70 70
    padding-block: 0;
71 71
    padding-inline: 0 3px;
72
    color: var(--oc-gray-6);
72
    color: var(--color-text-muted);
73 73
    user-select: none;
74 74
    -moz-user-select: none;
75 75
    -o-user-select: none;
(5-5/8)