mirror of
				https://github.com/go-gitea/gitea
				synced 2025-10-28 01: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;
 | |
|     }
 | |
|   }
 | |
| }
 |