84 lines
		
	
	
		
			1.3 KiB
		
	
	
	
		
			SCSS
		
	
	
	
			
		
		
	
	
			84 lines
		
	
	
		
			1.3 KiB
		
	
	
	
		
			SCSS
		
	
	
	
@use "./notifications/Notification.scss";
 | 
						|
$theme_fg_color: "@theme_fg_color";
 | 
						|
$theme_bg_color: "@theme_bg_color";
 | 
						|
 | 
						|
window.Bar {
 | 
						|
  background-color: rgba(0, 0, 0, 0.2);
 | 
						|
  font-family: "Noto Sans", "FontAwesome";
 | 
						|
  font-weight: 500;
 | 
						|
 | 
						|
  .systray-item {
 | 
						|
    margin-left: 0.3em;
 | 
						|
    margin-right: 0.3em;
 | 
						|
  }
 | 
						|
 | 
						|
  .window-box {
 | 
						|
    margin-bottom: 0.3em;
 | 
						|
    margin-top: 0.2em;
 | 
						|
  }
 | 
						|
 | 
						|
  .clients box box {
 | 
						|
    margin-right: 0.3em;
 | 
						|
  }
 | 
						|
 | 
						|
  .battery-item {
 | 
						|
    padding-left: 0.6em;
 | 
						|
    padding-right: 0.6em;
 | 
						|
    border-radius: 0.3em;
 | 
						|
    background: #1f2430;
 | 
						|
  }
 | 
						|
 | 
						|
  .battery-item:hover {
 | 
						|
    background: #023269;
 | 
						|
  }
 | 
						|
 | 
						|
  .item,
 | 
						|
  .clients box box {
 | 
						|
    background: #1f2430;
 | 
						|
    padding-left: 0.7em;
 | 
						|
    padding-right: 0.7em;
 | 
						|
    border-radius: 0.3em;
 | 
						|
  }
 | 
						|
 | 
						|
  .app-icon {
 | 
						|
    margin-right: 0.6em;
 | 
						|
  }
 | 
						|
 | 
						|
  .icon-group {
 | 
						|
    padding-left: 0.3em;
 | 
						|
    padding-right: 0.3em;
 | 
						|
  }
 | 
						|
 | 
						|
  button {
 | 
						|
    background: #1f2430;
 | 
						|
    border: none;
 | 
						|
    padding: 0.2em;
 | 
						|
    border-radius: 0.3em;
 | 
						|
    font-weight: normal;
 | 
						|
  }
 | 
						|
 | 
						|
  .focused,
 | 
						|
  .clients box.focused {
 | 
						|
    background: #023269;
 | 
						|
  }
 | 
						|
 | 
						|
  button:hover {
 | 
						|
    background: #023269;
 | 
						|
  }
 | 
						|
 | 
						|
  button.blue:hover {
 | 
						|
    background: #1f2430;
 | 
						|
  }
 | 
						|
 | 
						|
  .workspaces button {
 | 
						|
    padding-left: 0.4em;
 | 
						|
    padding-right: 0.4em;
 | 
						|
    margin-left: 0.2em;
 | 
						|
    margin-right: 0.2em;
 | 
						|
  }
 | 
						|
 | 
						|
  .blue {
 | 
						|
    background: #023269;
 | 
						|
  }
 | 
						|
}
 |