mirror of
				https://github.com/go-gitea/gitea
				synced 2025-11-03 21:08:25 +00:00 
			
		
		
		
	Tweak actions color and borders (#29640)
- Increase contrast overall - Unalias the ansi color in dark theme and copy them to light - Add outer border - Add border radius <img width="1337" alt="Screenshot 2024-03-06 at 22 30 03" src="https://github.com/go-gitea/gitea/assets/115237/11407c0f-0bb2-435e-a034-22b1f106d9b0"> <img width="1335" alt="Screenshot 2024-03-06 at 22 36 59" src="https://github.com/go-gitea/gitea/assets/115237/267db442-0979-4acc-a79e-8579b4cb0262">
This commit is contained in:
		@@ -622,6 +622,8 @@ export function initRepositoryActionView() {
 | 
			
		||||
  width: 70%;
 | 
			
		||||
  display: flex;
 | 
			
		||||
  flex-direction: column;
 | 
			
		||||
  border: 1px solid var(--color-console-border);
 | 
			
		||||
  border-radius: var(--border-radius);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* begin fomantic button overrides */
 | 
			
		||||
@@ -681,7 +683,6 @@ export function initRepositoryActionView() {
 | 
			
		||||
  justify-content: space-between;
 | 
			
		||||
  align-items: center;
 | 
			
		||||
  padding: 0 12px;
 | 
			
		||||
  border-bottom: 1px solid var(--color-console-border);
 | 
			
		||||
  background-color: var(--color-console-bg);
 | 
			
		||||
  position: sticky;
 | 
			
		||||
  top: 0;
 | 
			
		||||
@@ -705,6 +706,7 @@ export function initRepositoryActionView() {
 | 
			
		||||
  background-color: var(--color-console-bg);
 | 
			
		||||
  max-height: 100%;
 | 
			
		||||
  border-radius: 0 0 var(--border-radius) var(--border-radius);
 | 
			
		||||
  border-top: 1px solid var(--color-console-border);
 | 
			
		||||
  z-index: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@@ -790,7 +792,7 @@ export function initRepositoryActionView() {
 | 
			
		||||
/* class names 'log-time-seconds' and 'log-time-stamp' are used in the method toggleTimeDisplay */
 | 
			
		||||
.job-log-line .line-num, .log-time-seconds {
 | 
			
		||||
  width: 48px;
 | 
			
		||||
  color: var(--color-grey-light);
 | 
			
		||||
  color: var(--color-text-light-3);
 | 
			
		||||
  text-align: right;
 | 
			
		||||
  user-select: none;
 | 
			
		||||
}
 | 
			
		||||
@@ -806,7 +808,7 @@ export function initRepositoryActionView() {
 | 
			
		||||
 | 
			
		||||
.job-log-line .log-time,
 | 
			
		||||
.log-time-stamp {
 | 
			
		||||
  color: var(--color-grey-light);
 | 
			
		||||
  color: var(--color-text-light-3);
 | 
			
		||||
  margin-left: 10px;
 | 
			
		||||
  white-space: nowrap;
 | 
			
		||||
}
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user