Adapt more css for color theme
This commit is contained in:
		
							parent
							
								
									7cd4345264
								
							
						
					
					
						commit
						ce1124284e
					
				@ -10,7 +10,7 @@
 | 
				
			|||||||
    width: 100%;
 | 
					    width: 100%;
 | 
				
			||||||
    height: 100%;
 | 
					    height: 100%;
 | 
				
			||||||
    position: relative;
 | 
					    position: relative;
 | 
				
			||||||
    background: #181b2d;
 | 
					    background: var(--stat-box-bg);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    .bar {
 | 
					    .bar {
 | 
				
			||||||
      position: absolute;
 | 
					      position: absolute;
 | 
				
			||||||
 | 
				
			|||||||
@ -38,7 +38,7 @@
 | 
				
			|||||||
          <small *ngIf="hasAncestors" class="form-text text-muted mb-2">
 | 
					          <small *ngIf="hasAncestors" class="form-text text-muted mb-2">
 | 
				
			||||||
            <ng-container i18n="accelerator.plus-unconfirmed-ancestors">Plus {{ estimate.txSummary.ancestorCount - 1 }} unconfirmed ancestor(s)</ng-container>
 | 
					            <ng-container i18n="accelerator.plus-unconfirmed-ancestors">Plus {{ estimate.txSummary.ancestorCount - 1 }} unconfirmed ancestor(s)</ng-container>
 | 
				
			||||||
          </small>
 | 
					          </small>
 | 
				
			||||||
          <table class="table table-borderless table-border table-dark table-accelerator">
 | 
					          <table class="table table-borderless table-border table-dark table-background table-accelerator">
 | 
				
			||||||
            <tbody>
 | 
					            <tbody>
 | 
				
			||||||
              <tr class="group-first">
 | 
					              <tr class="group-first">
 | 
				
			||||||
                <td class="item" i18n="transaction.vsize|Transaction Virtual Size">Virtual size</td>
 | 
					                <td class="item" i18n="transaction.vsize|Transaction Virtual Size">Virtual size</td>
 | 
				
			||||||
@ -87,7 +87,7 @@
 | 
				
			|||||||
      <h5>Acceleration summary</h5>
 | 
					      <h5>Acceleration summary</h5>
 | 
				
			||||||
      <div class="row mb-3">
 | 
					      <div class="row mb-3">
 | 
				
			||||||
        <div class="col">
 | 
					        <div class="col">
 | 
				
			||||||
          <table class="table table-borderless table-border table-dark table-accelerator">
 | 
					          <table class="table table-borderless table-border table-dark table-background table-accelerator">
 | 
				
			||||||
            <tbody>
 | 
					            <tbody>
 | 
				
			||||||
              <!-- ESTIMATED FEE -->
 | 
					              <!-- ESTIMATED FEE -->
 | 
				
			||||||
              <ng-container>
 | 
					              <ng-container>
 | 
				
			||||||
 | 
				
			|||||||
@ -110,3 +110,7 @@
 | 
				
			|||||||
.item {
 | 
					.item {
 | 
				
			||||||
  white-space: initial;
 | 
					  white-space: initial;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.table-background {
 | 
				
			||||||
 | 
					  background-color: var(--bg);
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
@ -1,6 +1,6 @@
 | 
				
			|||||||
.frame {
 | 
					.frame {
 | 
				
			||||||
  position: relative;
 | 
					  position: relative;
 | 
				
			||||||
  background: #24273e;
 | 
					  background: var(--box-bg);
 | 
				
			||||||
  padding: 0.5rem;
 | 
					  padding: 0.5rem;
 | 
				
			||||||
  height: calc(100% + 60px);
 | 
					  height: calc(100% + 60px);
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
@ -62,7 +62,7 @@
 | 
				
			|||||||
      }
 | 
					      }
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
    &:nth-child(even) {
 | 
					    &:nth-child(even) {
 | 
				
			||||||
      background: #181b2d;
 | 
					      background: var(--stat-box-bg);
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
				
			|||||||
@ -136,7 +136,7 @@
 | 
				
			|||||||
  :host-context(.block-overview-graph:hover) &, &:hover, &:active {
 | 
					  :host-context(.block-overview-graph:hover) &, &:hover, &:active {
 | 
				
			||||||
    .menu-toggle {
 | 
					    .menu-toggle {
 | 
				
			||||||
      opacity: 0.5;
 | 
					      opacity: 0.5;
 | 
				
			||||||
      background: #181b2d;
 | 
					      background: var(--stat-box-bg);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
      &:hover {
 | 
					      &:hover {
 | 
				
			||||||
        opacity: 1;
 | 
					        opacity: 1;
 | 
				
			||||||
 | 
				
			|||||||
@ -1,7 +1,7 @@
 | 
				
			|||||||
.block-wrapper {
 | 
					.block-wrapper {
 | 
				
			||||||
  width: 100vw;
 | 
					  width: 100vw;
 | 
				
			||||||
  height: 100vh;
 | 
					  height: 100vh;
 | 
				
			||||||
  background: #181b2d;
 | 
					  background: var(--stat-box-bg);
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.block-container {
 | 
					.block-container {
 | 
				
			||||||
 | 
				
			|||||||
@ -1,7 +1,7 @@
 | 
				
			|||||||
.block-wrapper {
 | 
					.block-wrapper {
 | 
				
			||||||
  width: 100vw;
 | 
					  width: 100vw;
 | 
				
			||||||
  height: 100vh;
 | 
					  height: 100vh;
 | 
				
			||||||
  background: #181b2d;
 | 
					  background: var(--stat-box-bg);
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.block-container {
 | 
					.block-container {
 | 
				
			||||||
 | 
				
			|||||||
@ -12,7 +12,7 @@
 | 
				
			|||||||
    max-width: 720px;
 | 
					    max-width: 720px;
 | 
				
			||||||
    margin: auto;
 | 
					    margin: auto;
 | 
				
			||||||
    padding: 1em;
 | 
					    padding: 1em;
 | 
				
			||||||
    background: #24273e;
 | 
					    background: var(--box-bg);
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  .status-table {
 | 
					  .status-table {
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user