asks/static.php

		<tbody>
			<?php
			$sum = 0;
			foreach ( $orderbook as $ob_row ):
				if ( 'ask' == $ob_row->direction ):
					$sum += $ob_row->amount * $ob_row->rate;
					
					$percetageDepth = (($sum)/($market->ask_volume_base))*100; // The Market Depth Calculation
			?>
			<tr style="background-size: <?php echo $percetageDepth; ?>% 100%"> <!-- The Calculated percentage goes here -->
				<td class="ask red-foreground"><?php printf( '%01.8f', $ob_row->rate ); ?></td>
				<td class="size align-right"><?php printf( $quote_format, $ob_row->amount ); ?></td>
				<td class="total align-right"><?php printf( $base_format, $ob_row->amount * $ob_row->rate ); ?></td>
				<td class="sum align-right"><?php printf( $base_format, $sum ); ?></td>
			</tr>
			<?php
				endif;
			endforeach;
			?>
		</tbody>

bids/static.php

		<tbody>
			<?php
			$sum = 0;
			foreach ( $orderbook as $ob_row ):
				if ( 'bid' == $ob_row->direction ):
					$sum += $ob_row->amount * $ob_row->rate;
					
					$percetageDepth = (($sum)/($market->bid_volume_base))*100; // The Market Depth Calculation
			?>
			<tr style="background-size: <?php echo $percetageDepth; ?>% 100%" class="negative"> <!-- The Calculated percentage goes here -->
				<td class="sum align-right"><?php printf( $base_format, $sum ); ?></td>
				<td class="total align-right"><?php printf( $base_format, $ob_row->amount * $ob_row->rate ); ?></td>
				<td class="size align-right"><?php printf( $quote_format, $ob_row->amount ); ?></td>
				<td class="bid green-foreground align-right"><?php printf( '%01.8f', $ob_row->rate ); ?></td>
			</tr>
			<?php
				endif;
			endforeach;
			?>
		</tbody>

CSS Overide

`.dashed-slug-wallets-exchange.asks table tr {
    margin-bottom: 0;
      background-image: linear-gradient(to right, rgb(255, 228, 228) 0%, rgb(255, 228, 228) 17%, rgb(255, 228, 228) 33%, rgb(255, 228, 228) 67%, rgb(255, 228, 228) 83%, rgb(255, 228, 228) 100%);  /* your gradient */
  background-repeat: no-repeat;  /* don't remove */
}

.dashed-slug-wallets-exchange.bids table tr.negative {
    margin-bottom: 0;
    background-image: linear-gradient(to left, rgba(197, 223, 206, 1) 0%, rgba(197, 223, 206, 1) 17%, rgba(197, 223, 206, 1) 33%, rgba(197, 223, 206, 1) 67%, rgba(197, 223, 206, 1) 83%, rgba(197, 223, 206, 1) 100%);
    background-position: 100% 100%;
    background-repeat: no-repeat;
}`