mirror of
https://github.com/redmine/redmine.git
synced 2025-10-26 00:36:14 +02:00
Replace hex color codes with Open Color variables in application CSS files (#43256).
Patch by Go MAEDA (user:maeda). git-svn-id: https://svn.redmine.org/redmine/trunk@24022 e93f8b46-1217-0410-a6f0-8f06a7374b81
This commit is contained in:
Go MAEDA
File diff suppressed because it is too large
Load Diff
@@ -14,11 +14,12 @@
|
||||
|
||||
#context-menu ul {
|
||||
width:150px;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid var(--oc-gray-4);
|
||||
background:white;
|
||||
list-style:none;
|
||||
padding:2px;
|
||||
border-radius:2px;
|
||||
box-shadow: 0 2px 4px rgba(var(--oc-gray-9-rgb), 0.1);
|
||||
}
|
||||
|
||||
#context-menu li {
|
||||
@@ -44,11 +45,11 @@
|
||||
padding: 2px 8px;
|
||||
}
|
||||
#context-menu li>a { flex-grow: 1; }
|
||||
#context-menu a.disabled, #context-menu a.disabled:hover {color: #aaa;}
|
||||
#context-menu a.disabled, #context-menu a.disabled:hover {color: var(--oc-gray-5);}
|
||||
#context-menu li a.submenu:not(:has(+ span)) { padding-right:16px; background:url("/arrow_right.png") right no-repeat;}
|
||||
#context-menu li a.submenu { padding-left: 28px;}
|
||||
#context-menu li:hover { border:1px solid #628db6; background-color:#eef5fd; border-radius:3px; }
|
||||
#context-menu a:hover {color:#2A5685;}
|
||||
#context-menu li:hover { border:1px solid var(--oc-blue-8); background-color:var(--oc-blue-0); border-radius:3px; }
|
||||
#context-menu a:hover {color:var(--oc-blue-9);}
|
||||
#context-menu li.folder ul li a:not(.icon) {
|
||||
padding-left: 28px;
|
||||
}
|
||||
@@ -57,10 +58,10 @@
|
||||
#context-menu li:hover ul, #context-menu li:hover li:hover ul { display:block; }
|
||||
|
||||
/* selected element */
|
||||
.context-menu-selection { background-color:#507AAA !important; color:#f8f8f8 !important; }
|
||||
.context-menu-selection a, .context-menu-selection a:hover { color:#f8f8f8 !important; }
|
||||
.context-menu-selection:hover { background-color:#507AAA !important; color:#f8f8f8 !important; }
|
||||
.context-menu-selection svg.icon-svg { stroke: #fff !important; }
|
||||
div#gantt_area .context-menu-selection { background-color: rgba(80, 122, 170, 0.48) !important; }
|
||||
div#gantt_area .context-menu-selection:hover { background-color: rgba(80, 122, 170, 0.48) !important; }
|
||||
div#gantt_area .context-menu-selection a { color: #169 !important; }
|
||||
.context-menu-selection { background-color:var(--oc-blue-7) !important; color:var(--oc-gray-0) !important; }
|
||||
.context-menu-selection a, .context-menu-selection a:hover { color:var(--oc-gray-0) !important; }
|
||||
.context-menu-selection:hover { background-color:var(--oc-blue-7) !important; color:var(--oc-gray-0) !important; }
|
||||
.context-menu-selection svg.icon-svg { stroke: var(--oc-white) !important; }
|
||||
div#gantt_area .context-menu-selection { background-color: rgba(var(--oc-blue-7-rgb), 0.4) !important; }
|
||||
div#gantt_area .context-menu-selection:hover { background-color: rgba(var(--oc-blue-7-rgb), 0.4) !important; }
|
||||
div#gantt_area .context-menu-selection a { color: var(--oc-blue-9) !important; }
|
||||
|
||||
@@ -46,10 +46,11 @@
|
||||
height: 26px;
|
||||
}
|
||||
.wiki-preview {
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #bbbbbb;
|
||||
color: var(--oc-gray-9);
|
||||
background-color: var(--oc-white);
|
||||
border: 1px solid var(--oc-gray-4);
|
||||
}
|
||||
.wiki-preview p.empty-preview {color:#999; font-style:italic; margin-top:1em; text-align:center;}
|
||||
.wiki-preview p.empty-preview {color:var(--oc-gray-6); font-style:italic; margin-top:1em; text-align:center;}
|
||||
|
||||
.jstElements button {
|
||||
margin-right: 2px;
|
||||
@@ -58,16 +59,16 @@
|
||||
padding: 4px;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: #ddd;
|
||||
background-color : #f7f7f7;
|
||||
border-color: var(--oc-gray-4);
|
||||
background-color : var(--oc-gray-0);
|
||||
background-position : 50% 50%;
|
||||
background-repeat: no-repeat;
|
||||
cursor:pointer;
|
||||
opacity:0.7;
|
||||
}
|
||||
.jstElements button:hover {
|
||||
border-color: #bbb;
|
||||
background-color: #e5e5e5;
|
||||
border-color: var(--oc-gray-5);
|
||||
background-color: var(--oc-gray-3);
|
||||
opacity:1;
|
||||
}
|
||||
.jstElements button span {
|
||||
@@ -87,14 +88,14 @@
|
||||
.jstElements .help a {padding: 2px 0 2px 20px; background: url(./help.png) no-repeat 0 50%;}
|
||||
|
||||
.table-generator td {
|
||||
border: 2px solid #ccc;
|
||||
border: 2px solid var(--oc-gray-5);
|
||||
background-color: white;
|
||||
padding: 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.table-generator td.selected-cell, .table-generator td:hover {
|
||||
background-color: #759FCF;
|
||||
background-color: var(--oc-blue-1);
|
||||
}
|
||||
|
||||
.table-generator {
|
||||
@@ -146,7 +147,7 @@
|
||||
.jstb_pre::before {
|
||||
content: "pre";
|
||||
font-size: 10px;
|
||||
color: #333;
|
||||
color: var(--oc-gray-9);
|
||||
font-weight: 700
|
||||
}
|
||||
.jstb_precode {
|
||||
|
||||
@@ -108,7 +108,7 @@
|
||||
|
||||
/* reset #header a color for mobile toggle button */
|
||||
#header a.mobile-toggle-button {
|
||||
color: #f8f8f8;
|
||||
color: var(--oc-gray-0);
|
||||
}
|
||||
|
||||
|
||||
@@ -146,7 +146,7 @@
|
||||
font-weight:bold;
|
||||
display:block;
|
||||
width:100%;
|
||||
color:#fff;
|
||||
color:var(--oc-white);
|
||||
padding-left:24px;
|
||||
background:transparent;
|
||||
height:50px;
|
||||
@@ -249,7 +249,7 @@
|
||||
|
||||
text-align: center;
|
||||
|
||||
border-left: 1px solid #ddd;
|
||||
border-left: 1px solid var(--oc-gray-3);
|
||||
}
|
||||
|
||||
.mobile-toggle-button:hover,
|
||||
@@ -483,7 +483,7 @@
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
background-color: #fff;
|
||||
background-color: var(--oc-white);
|
||||
}
|
||||
|
||||
.flyout-menu__avatar {
|
||||
@@ -607,7 +607,7 @@
|
||||
margin-right: 2px;
|
||||
padding: 9px 9px 9px 9px;
|
||||
|
||||
border: 1px solid #ddd;
|
||||
border: 1px solid var(--oc-gray-4);
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
@@ -698,7 +698,7 @@
|
||||
.gantt_subjects_column .gantt_hdr {
|
||||
width: 100% !important;
|
||||
right: 0 !important; /* [2] */
|
||||
border-right: solid 1px #c0c0c0;
|
||||
border-right: solid 1px var(--oc-gray-4);
|
||||
}
|
||||
|
||||
#gantt_area {
|
||||
@@ -860,10 +860,10 @@
|
||||
}
|
||||
|
||||
.cal .week-number {
|
||||
border: 1px solid #c0c0c0;
|
||||
border: 1px solid var(--oc-gray-4);
|
||||
text-align: left;
|
||||
font-weight: bold;
|
||||
background-color: #def;
|
||||
background-color: var(--oc-blue-0);
|
||||
}
|
||||
|
||||
.cal .week-number .label-week {
|
||||
|
||||
@@ -23,7 +23,7 @@ h1, h2, h3, h4 {padding:2px 00px 1px 10px;}
|
||||
|
||||
#admin-menu a:not(:has(svg)) {padding-left:0;padding-right:20px;}
|
||||
|
||||
#sidebar {float:left; padding-right: 20px; padding-left: 8px; border-left: 0; border-right: 1px solid #d0d7de;}
|
||||
#sidebar {float:left; padding-right: 20px; padding-left: 8px; border-left: 0; border-right: 1px solid var(--oc-gray-4);}
|
||||
* html #sidebar hr {left: auto; right: -6px;}
|
||||
|
||||
#main.collapsedsidebar #sidebar {
|
||||
@@ -45,7 +45,7 @@ h1, h2, h3, h4 {padding:2px 00px 1px 10px;}
|
||||
padding-left: 28px;
|
||||
}
|
||||
|
||||
#content {border-right:0 solid #ddd; border-left:1px solid #ddd;}
|
||||
#content {border-right:0 solid var(--oc-gray-4); border-left:1px solid var(--oc-gray-4);}
|
||||
* html #content{padding-right:0;}
|
||||
#main.nosidebar #content{border-left:0;}
|
||||
|
||||
@@ -147,7 +147,7 @@ div.square {float:right;}
|
||||
.splitcontentleft{float:right;}
|
||||
.splitcontentright{float:left;}
|
||||
|
||||
blockquote {border-left:0px solid #e0e0e0; padding-left:0em; margin-left:2em; border-right:3px solid #e0e0e0; padding-right:0.6em; margin-right:0;}
|
||||
blockquote {border-left:0px solid var(--oc-gray-3); padding-left:0em; margin-left:2em; border-right:3px solid var(--oc-gray-3); padding-right:0.6em; margin-right:0;}
|
||||
blockquote blockquote { margin-right:0;}
|
||||
|
||||
div.issue div.subject div div {padding-left:0px; padding-right:16px;}
|
||||
@@ -163,7 +163,7 @@ div#issue-changesets {float:left; margin-left:0em; margin-right:1em; padding-le
|
||||
|
||||
.journal ul.details img {margin:0 4px -3px 0;}
|
||||
|
||||
div.journal.private-notes {border-left:0px solid #d22; padding-left:0px; margin-left:0px; border-right:2px solid #d22; padding-right:4px; margin-right:-6px;}
|
||||
div.journal.private-notes {border-left:0px solid var(--oc-red-8); padding-left:0px; margin-left:0px; border-right:2px solid var(--oc-red-8); padding-right:4px; margin-right:-6px;}
|
||||
|
||||
div#activity dl, #search-results {margin-left:0em; margin-right:2em;}
|
||||
div#activity dd, #search-results dd {padding-left:0px; padding-right:18px;}
|
||||
@@ -185,7 +185,7 @@ table#time-report td.hours, table#time-report th.period, table#time-report th.to
|
||||
ul.projects {padding-left:0em; padding-right:1em;}
|
||||
ul.projects ul {padding-left:0em; padding-right:1.6em;}
|
||||
|
||||
#projects-index ul.projects ul.projects {border-left:0px solid #e0e0e0; padding-left:0em; border-right:3px solid #e0e0e0; padding-right:1em;}
|
||||
#projects-index ul.projects ul.projects {border-left:0px solid (--oc-gray-3); padding-left:0em; border-right:3px solid (--oc-gray-3); padding-right:1em;}
|
||||
.my-project { padding-left:0px; padding-right:18px; background: url(/fav.png) no-repeat right 50%; }
|
||||
|
||||
/***** Tabular forms ******/
|
||||
@@ -248,7 +248,7 @@ table.members td.name {padding-right: 20px; padding-left:0; }
|
||||
table.members td.group, table.members td.groupnonmember, table.members td.groupanonymous {background: url(/group.png) no-repeat right 50%;}
|
||||
|
||||
input.autocomplete {
|
||||
background: #fff url(/search.svg) no-repeat right 2px top 50%; padding-left:0px !important; padding-right:20px !important;
|
||||
background: var(--oc-white) url(/search.svg) no-repeat right 2px top 50%; padding-left:0px !important; padding-right:20px !important;
|
||||
}
|
||||
|
||||
.role-visibility {padding-right:2em; padding-left:0;}
|
||||
@@ -264,15 +264,15 @@ div.flash svg.icon-svg, #errorExplanation svg.icon-svg {
|
||||
}
|
||||
|
||||
div.flash.error:not(:has(svg)), #errorExplanation:not(:has(svg)) {
|
||||
background: url(/exclamation.png) right 8px top 50% no-repeat #ffe3e3;
|
||||
background: url(/exclamation.png) right 8px top 50% no-repeat var(--oc-red-1);
|
||||
}
|
||||
|
||||
div.flash.notice:not(:has(svg)) {
|
||||
background: url(/true.png) right 8px top 5px no-repeat #dfffdf;
|
||||
background: url(/true.png) right 8px top 5px no-repeat var(--oc-green-1);
|
||||
}
|
||||
|
||||
div.flash.warning:not(:has(svg)), .conflict {
|
||||
background: url(/warning.png) right 8px top 5px no-repeat #F3EDD1;
|
||||
background: url(/warning.png) right 8px top 5px no-repeat var(--oc-yellow-1);
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
@@ -356,7 +356,7 @@ a.wiki-anchor {margin-left:0px; margin-right:6px;}
|
||||
|
||||
/***** Gantt chart *****/
|
||||
.gantt_hdr {
|
||||
border-right:0px solid #c0c0c0; border-left:1px solid #c0c0c0;
|
||||
border-right:0px solid var(--oc-gray-4); border-left:1px solid var(--oc-gray-4);
|
||||
}
|
||||
|
||||
.task.parent.marker.starting{margin-left:0px; margin-right:-4px; left:auto; right:0;}
|
||||
|
||||
@@ -38,48 +38,48 @@ li.change.folder.change-M { background-image: url(/folder_open_orange.png); }
|
||||
|
||||
li.change.change-A:not(:has(svg)) { background-image: url(/bullet_add.png); }
|
||||
li.change.change-A svg.icon-svg {
|
||||
fill: #5db651;
|
||||
stroke: #ffffff;
|
||||
fill: var(--oc-green-7);
|
||||
stroke: var(--oc-white);
|
||||
}
|
||||
li.change.change-M:not(:has(svg)) { background-image: url(/bullet_orange.png); }
|
||||
li.change.change-M svg.icon-svg {
|
||||
fill: #f0a810;
|
||||
stroke: #ffffff;
|
||||
fill: var(--oc-yellow-7);
|
||||
stroke: var(--oc-white);
|
||||
}
|
||||
li.change.change-C:not(:has(svg)) { background-image: url(/bullet_blue.png); }
|
||||
li.change.change-C svg.icon-svg {
|
||||
fill: #049cec;
|
||||
stroke: #ffffff;
|
||||
fill: var(--oc-cyan-7);
|
||||
stroke: var(--oc-white);
|
||||
}
|
||||
li.change.change-R:not(:has(svg)) { background-image: url(/bullet_purple.png); }
|
||||
li.change.change-R svg.icon-svg {
|
||||
fill: #8404ee;
|
||||
stroke: #ffffff;
|
||||
fill: var(--oc-grape-7);
|
||||
stroke: var(--oc-white);
|
||||
}
|
||||
li.change.change-D:not(:has(svg)) { background-image: url(/bullet_delete.png); }
|
||||
li.change.change-D svg.icon-svg {
|
||||
fill: #c61a1a;
|
||||
stroke: #ffffff;
|
||||
fill: var(--oc-red-7);
|
||||
stroke: var(--oc-white);
|
||||
}
|
||||
|
||||
li.change .copied-from { font-style: italic; color: #999; font-size: 0.9em; }
|
||||
li.change .copied-from { font-style: italic; color: var(--oc-gray-6); font-size: 0.9em; }
|
||||
li.change .copied-from:before { content: " - "}
|
||||
|
||||
#changes-legend { float: right; font-size: 0.75rem; margin: 0; }
|
||||
#changes-legend li { float: left; background-position: 5px 1px; }
|
||||
|
||||
table.filecontent { border: 1px solid #e2e2e2; border-collapse: collapse; width:98%; background-color: #fafafa; }
|
||||
table.filecontent { border: 1px solid var(--oc-gray-4); border-collapse: collapse; width:98%; background-color: var(--oc-gray-0); }
|
||||
table.filecontent tbody {font-family:Consolas, Menlo, "Liberation Mono", Courier, monospace; font-size:0.75rem;}
|
||||
table.filecontent th { border: 1px solid #e2e2e2; background-color: #eee; }
|
||||
table.filecontent th.filename { background-color: #e4e4d4; text-align: left; padding:5px;}
|
||||
table.filecontent th { border: 1px solid var(--oc-gray-4); background-color: var(--oc-gray-1); }
|
||||
table.filecontent th.filename { background-color: var(--oc-gray-2); text-align: left; padding:5px;}
|
||||
table.filecontent tr.spacing th { text-align:center; }
|
||||
table.filecontent tr.spacing td { height: 0.4em; background: #EAF2F5;}
|
||||
table.filecontent tr.spacing td { height: 0.4em; background: rgba(var(--oc-blue-1-rgb), 0.3);}
|
||||
table.filecontent th.line-num {
|
||||
border: 1px solid #e2e2e2;
|
||||
border: 1px solid var(--oc-gray-4);
|
||||
text-align: right;
|
||||
width: 2%;
|
||||
padding: 0 3px 0 0;
|
||||
color: #999;
|
||||
color: var(--oc-gray-6);
|
||||
user-select: none;
|
||||
-moz-user-select: none;
|
||||
-o-user-select: none;
|
||||
@@ -104,8 +104,8 @@ table.filecontent td.line-code pre, table.filecontent td.line-code div {
|
||||
font-family:Consolas, Menlo, "Liberation Mono", Courier, monospace; font-size:0.75rem;
|
||||
}
|
||||
|
||||
table.filecontent tr:target th.line-num { background-color:#E0E0E0; color: #777; }
|
||||
table.filecontent tr:target td.line-code { background-color:#DDEEFF; }
|
||||
table.filecontent tr:target th.line-num { background-color:var(--oc-gray-3); color: var(--oc-gray-6); }
|
||||
table.filecontent tr:target td.line-code { background-color:var(--oc-blue-0); }
|
||||
|
||||
img.filecontent, video.filecontent { max-width: 100%; }
|
||||
|
||||
@@ -114,19 +114,19 @@ img.filecontent, video.filecontent { max-width: 100%; }
|
||||
}
|
||||
|
||||
/* 12 different colors for the annonate view */
|
||||
table.annotate tr.bloc-0 td.line-code {border-left-color: #FFFFBF;}
|
||||
table.annotate tr.bloc-1 td.line-code {border-left-color: #EABFFF;}
|
||||
table.annotate tr.bloc-2 td.line-code {border-left-color: #BFFFFF;}
|
||||
table.annotate tr.bloc-3 td.line-code {border-left-color: #FFD9BF;}
|
||||
table.annotate tr.bloc-4 td.line-code {border-left-color: #E6FFBF;}
|
||||
table.annotate tr.bloc-5 td.line-code {border-left-color: #BFCFFF;}
|
||||
table.annotate tr.bloc-6 td.line-code {border-left-color: #FFBFEF;}
|
||||
table.annotate tr.bloc-7 td.line-code {border-left-color: #FFE6BF;}
|
||||
table.annotate tr.bloc-8 td.line-code {border-left-color: #FFE680;}
|
||||
table.annotate tr.bloc-9 td.line-code {border-left-color: #AA80FF;}
|
||||
table.annotate tr.bloc-10 td.line-code {border-left-color: #FFBFDC;}
|
||||
table.annotate tr.bloc-11 td.line-code {border-left-color: #BFE4FF;}
|
||||
table.annotate tr.bloc-change {border-top:1px solid #e5e5e5;}
|
||||
table.annotate tr.bloc-0 td.line-code {border-left-color: var(--oc-yellow-1);}
|
||||
table.annotate tr.bloc-1 td.line-code {border-left-color: var(--oc-grape-2);}
|
||||
table.annotate tr.bloc-2 td.line-code {border-left-color: var(--oc-cyan-1);}
|
||||
table.annotate tr.bloc-3 td.line-code {border-left-color: var(--oc-orange-2);}
|
||||
table.annotate tr.bloc-4 td.line-code {border-left-color: var(--oc-lime-2);}
|
||||
table.annotate tr.bloc-5 td.line-code {border-left-color: var(--oc-indigo-2);}
|
||||
table.annotate tr.bloc-6 td.line-code {border-left-color: var(--oc-pink-2);}
|
||||
table.annotate tr.bloc-7 td.line-code {border-left-color: var(--oc-violet-1);}
|
||||
table.annotate tr.bloc-8 td.line-code {border-left-color: var(--oc-green-2);}
|
||||
table.annotate tr.bloc-9 td.line-code {border-left-color: var(--oc-violet-3);}
|
||||
table.annotate tr.bloc-10 td.line-code {border-left-color: var(--oc-red-3);}
|
||||
table.annotate tr.bloc-11 td.line-code {border-left-color: var(--oc-blue-2);}
|
||||
table.annotate tr.bloc-change {border-top:1px solid var(--oc-gray-3);}
|
||||
|
||||
table.annotate td.revision {
|
||||
padding:0;
|
||||
@@ -154,8 +154,8 @@ table.annotate td.previous {
|
||||
}
|
||||
|
||||
table.annotate td.line-code {
|
||||
background-color: #fafafa;
|
||||
border-left: 6px solid #d7d7d7;
|
||||
background-color: var(--oc-gray-0);
|
||||
border-left: 6px solid var(--oc-gray-3);
|
||||
}
|
||||
|
||||
.breadcrumbs>.separator::before, .breadcrumbs>.separator::after {
|
||||
|
||||
Reference in New Issue
Block a user