mirror of
				https://gitee.com/gitea/gitea
				synced 2025-11-04 00:20:25 +08:00 
			
		
		
		
	Refactor commit graph styling to use css variables (#17860)
- Use common variables for colors and font - Alter graph color 5 to provide enough contrast on both themes
This commit is contained in:
		@@ -676,44 +676,6 @@ img[src$="/img/matrix.svg"] {
 | 
			
		||||
  filter: invert(80%);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#git-graph-container li .time {
 | 
			
		||||
  color: #6a737d;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#git-graph-container.monochrome #rel-container .flow-group {
 | 
			
		||||
  stroke: dimgrey;
 | 
			
		||||
  fill: dimgrey;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#git-graph-container.monochrome #rel-container .flow-group.highlight {
 | 
			
		||||
  stroke: darkgrey;
 | 
			
		||||
  fill: darkgrey;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#git-graph-container:not(.monochrome) #rel-container .flow-group {
 | 
			
		||||
  &.flow-color-16-5 {
 | 
			
		||||
    stroke: #5543b1;
 | 
			
		||||
    fill: #5543b1;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight {
 | 
			
		||||
  &.flow-color-16-5 {
 | 
			
		||||
    stroke: #7058e6;
 | 
			
		||||
    fill: #7058e6;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#git-graph-container #rev-list li.highlight.hover {
 | 
			
		||||
  background-color: rgba(255, 255, 255, .1);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#git-graph-container .ui.buttons button#flow-color-monochrome.ui.button {
 | 
			
		||||
  border-left-color: rgb(76, 80, 92);
 | 
			
		||||
  border-left-style: solid;
 | 
			
		||||
  border-left-width: 1px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.mermaid-chart {
 | 
			
		||||
  filter: invert(84%) hue-rotate(180deg);
 | 
			
		||||
}
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user