Ember w SGE & RPR (CSS only)

#container #inner #content #player-table .row.player > .column:nth-child(2) {
    color: white;
}

#container #inner #content #player-table .row .column {
  color: white;
  position:relative;
  z-index:1;
}

#container #inner #content #player-table .row .percent-bar{
  background-color:rgba(0,0,0,0.8);
}


/*Tanks*/

#container #inner #content #player-table .row.player[data-job=PLD] > .percent-bar {
  background-image: linear-gradient(to right, rgba(168,210,230,0.8), rgba(168,210,230,0.5));
}

#container #inner #content #player-table .row.player[data-job=WAR] > .percent-bar {
  background-image: linear-gradient(to right, rgba(207,38,33,0.8), rgba(207,38,33,0.5));
}

#container #inner #content #player-table .row.player[data-job=DRK] > .percent-bar {
  background-image: linear-gradient(to right, rgba(209,38,204,0.8), rgba(209,38,204,0.5));
}

#container #inner #content #player-table .row.player[data-job=GNB] > .percent-bar {
  background-image: linear-gradient(to right, rgba(121,109,48,0.8), rgba(121,109,48,0.5));
}


/*Melee DPS*/

#container #inner #content #player-table .row.player[data-job=NIN] > .percent-bar {
  background-image: linear-gradient(to right, rgba(175,25,100, 0.8), rgba(175,25,100,0.5));
}

#container #inner #content #player-table .row.player[data-job=MNK] > .percent-bar {
  background-image: linear-gradient(to right, rgba(214,156,0,0.8), rgba(214,156,0,0.5));
}

#container #inner #content #player-table .row.player[data-job=DRG] > .percent-bar {
  background-image: linear-gradient(to right, rgba(65,100,205,0.8), rgba(65,100,205,0.5));
}

#container #inner #content #player-table .row.player[data-job=SAM] > .percent-bar {
  background-image: linear-gradient(to right, rgba(228,109,4,0.8), rgba(228,109,4,0.5));
}

#container #inner #content #player-table .row.player[data-job=RPR] > .percent-bar {
  background-image: linear-gradient(to right, rgba(150,90,144,0.8), rgba(150,90,144,0.5));
}


/*Ranged Phys DPS*/

#container #inner #content #player-table .row.player[data-job=BRD] > .percent-bar {
  background-image: linear-gradient(to right, rgba(145,186,94,0.8), rgba(145,186,94,0.5));
}

#container #inner #content #player-table .row.player[data-job=MCH] > .percent-bar {
  background-image: linear-gradient(to right, rgba(110,225,214,0.8), rgba(110,225,214,0.5));
}

#container #inner #content #player-table .row.player[data-job=DNC] > .percent-bar {
  background-image: linear-gradient(to right, rgba(226,176,175,0.6), rgba(226,176,175,0.3));
}


/*Magical DPS*/

#container #inner #content #player-table .row.player[data-job=SMN] > .percent-bar {
  background-image: linear-gradient(to right, rgba(45,155,120,0.8), rgba(45,155,120,0.5));
}

#container #inner #content #player-table .row.player[data-job=BLM] > .percent-bar {
  background-image: linear-gradient(to right, rgba(165,121,214,0.8), rgba(165,121,214,0.5));
}

#container #inner #content #player-table .row.player[data-job=RDM] > .percent-bar {
  background-image: linear-gradient(to right, rgba(232,123,123,0.8), rgba(232,123,123,0.5));
}

#container #inner #content #player-table .row.player[data-job=BLU] > .percent-bar {
  background-image: linear-gradient(to right, rgba(0, 104, 179,0.8), rgba(0, 104, 179,0.5));
}


/*Healers*/

#container #inner #content #player-table .row.player[data-job=WHM] > .percent-bar {
  background-image: linear-gradient(to right, rgba(247, 247, 230,0.6), rgba(247, 247, 230,0.3));
}

#container #inner #content #player-table .row.player[data-job=AST] > .percent-bar {
  background-image: linear-gradient(to right, rgba(255,231,74,0.8), rgba(255,231,74,0.5));
}

#container #inner #content #player-table .row.player[data-job=SCH] > .percent-bar {
  background-image: linear-gradient(to right, rgba(134,87,255,0.8), rgba(134,87,255,0.5));
}

#container #inner #content #player-table .row.player[data-job=SGE] > .percent-bar {
  background-image: linear-gradient(to right, rgba(128,160,240,0.6), rgba(128,160,240,0.3));
}


/* Material UI Discord Theme */
#container, .placeholder {
    background-color: #5265BD;
    box-shadow: inset 0 1px 1px 0 #5265BD, inset 0 0 1px 0 hsl(229,45%,53%,.5), 0 0 1px 2px rgba(0,0,0,.5), 0 2px 2px 2px rgba(0,0,0,.5);
}
#content, #game-state, #footer, .placeholder .inner {
  background-color: #2C2F34 !important;
}
#container>.toggle {
  background-color: #5265BD;
  box-shadow: inset 0 2px 2px 0 #5265BD, inset 0 0 2px 0 hsl(229,45%,53%,.5), 0 0 2px 2px rgba(0,0,0,.5), 0 2px 2px 2px rgba(0,0,0,.5);
}
.placeholder .inner img {
  content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/i/bc2a2cbe-29f7-464d-8396-131bdd4ccd3f/d7xn4e7-531cd7bf-e2e4-40f2-88e7-ba524acd0803.png");
}
.container-context-menu, .react-tooltip {
  background-color: #2C2F34 !important;
}
#container #inner {
  box-shadow: inset 0 0 0 1px hsla(0,0%,100%,.1), 0 0 0 2px #222, 0 3px 1px #5265BD, 0 0 2px 1px rgba(0,0,0,.4);
}