mirror of
				https://github.com/avatao-content/frontend-tutorial-framework
				synced 2025-11-04 05:42:54 +00:00 
			
		
		
		
	Make IDE header more... subtle in it's glory
This commit is contained in:
		@@ -6,6 +6,7 @@
 | 
			
		||||
.tfw-grid-ide-statusbar {
 | 
			
		||||
  display: grid;
 | 
			
		||||
  grid-template-columns: 8fr 1fr;
 | 
			
		||||
  background-color: #353535;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.tfw-ide-editor {
 | 
			
		||||
@@ -14,17 +15,13 @@
 | 
			
		||||
  overflow: hidden;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.btn-group {
 | 
			
		||||
  padding-bottom: 1em;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.underline {
 | 
			
		||||
  text-decoration: underline;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.tfw-tab-btn {
 | 
			
		||||
  background-color: gray;
 | 
			
		||||
  color: $tao-gray-600;
 | 
			
		||||
  background-color: #333333;
 | 
			
		||||
  color: $tao-gray-400;
 | 
			
		||||
  border-radius: 0;
 | 
			
		||||
  padding: 0.5em 0.7em;
 | 
			
		||||
  z-index: 200;
 | 
			
		||||
@@ -33,9 +30,8 @@
 | 
			
		||||
  .active,
 | 
			
		||||
  .disabled,
 | 
			
		||||
  &:disabled {
 | 
			
		||||
    background-color: white;
 | 
			
		||||
    font-weight: bolder;
 | 
			
		||||
    color: black;
 | 
			
		||||
    background-color: #131313;  // matches vscode dark theme with disbled gray
 | 
			
		||||
    color: white;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user