mirror of
				https://github.com/go-gitea/gitea
				synced 2025-11-03 04:48:25 +00:00 
			
		
		
		
	This should eliminate all non-variable color usage in the styles, making gitea fully themeable via CSS variables. Also, it adds a linter to enforce variables for colors.
		
			
				
	
	
		
			73 lines
		
	
	
		
			1.2 KiB
		
	
	
	
		
			Plaintext
		
	
	
	
	
	
			
		
		
	
	
			73 lines
		
	
	
		
			1.2 KiB
		
	
	
	
		
			Plaintext
		
	
	
	
	
	
.page-content.install {
 | 
						|
  padding-top: 45px;
 | 
						|
 | 
						|
  form.ui.form {
 | 
						|
    @input-padding: 30%;
 | 
						|
 | 
						|
    .inline.field > label {
 | 
						|
      text-align: right;
 | 
						|
      width: @input-padding;
 | 
						|
      padding-right: 10px;
 | 
						|
      margin-right: 0;
 | 
						|
    }
 | 
						|
 | 
						|
    .inline.field > .ui.checkbox:first-child {
 | 
						|
      margin-left: @input-padding;
 | 
						|
      padding-left: 5px;
 | 
						|
      label {
 | 
						|
        width: auto;
 | 
						|
      }
 | 
						|
    }
 | 
						|
 | 
						|
    .title {
 | 
						|
      margin-left: @input-padding;
 | 
						|
      padding-left: 5px;
 | 
						|
    }
 | 
						|
 | 
						|
    input {
 | 
						|
      width: 60%;
 | 
						|
    }
 | 
						|
 | 
						|
    details.optional.field {
 | 
						|
      &[open] {
 | 
						|
        border-bottom: 1px solid var(--color-secondary);
 | 
						|
        padding-bottom: 10px;
 | 
						|
 | 
						|
        summary {
 | 
						|
          margin-bottom: 10px;
 | 
						|
        }
 | 
						|
      }
 | 
						|
 | 
						|
      * {
 | 
						|
        box-sizing: border-box;
 | 
						|
      }
 | 
						|
    }
 | 
						|
 | 
						|
    .field {
 | 
						|
      text-align: left;
 | 
						|
 | 
						|
      .help {
 | 
						|
        margin-left: @input-padding;
 | 
						|
        padding-left: 5px;
 | 
						|
        width: 60%;
 | 
						|
      }
 | 
						|
 | 
						|
    }
 | 
						|
  }
 | 
						|
 | 
						|
  .ui {
 | 
						|
    .reinstall-message {
 | 
						|
      width: 70%;
 | 
						|
      margin: 20px auto;
 | 
						|
      color: var(--color-red);
 | 
						|
      text-align: left;
 | 
						|
      font-weight: bold;
 | 
						|
    }
 | 
						|
    .reinstall-confirm {
 | 
						|
      width: 70%;
 | 
						|
      text-align: left;
 | 
						|
      margin: 10px auto;
 | 
						|
    }
 | 
						|
  }
 | 
						|
}
 |