@media screen and (weex-theme: diablo) {
  .dof-btn-highlight-primary-default {
    background-color: #0490d3;
  }
  .dof-btn-highlight-primary-default:active {
    background-color: #0481bd;
  }
  .dof-btn-highlight-primary-base {
    background-color: #144A64;
  }
  .dof-btn-highlight-primary-base:active {
    background-color: #b2bec6;
  }
  .dof-btn-highlight-primary-plain {
    background-color: #101315;
  }
  .dof-btn-highlight-primary-plain:active {
    background-color: #0e1f28;
  }
  .dof-btn-highlight-purple-default {
    background-color: #805ed1;
  }
  .dof-btn-highlight-purple-default:active {
    background-color: #7354bc;
  }
  .dof-btn-highlight-purple-base {
    background-color: #d2ceda;
  }
  .dof-btn-highlight-purple-base:active {
    background-color: #bdb9c4;
  }
  .dof-btn-highlight-purple-plain {
    background-color: #101315;
  }
  .dof-btn-highlight-purple-plain:active {
    background-color: #1d1c2b;
  }
  
  .dof-btn-highlight-slate-default {
    background-color: #5865DC;
  }
  .dof-btn-highlight-slate-default:active {
    background-color: #5b69e6;
  }
  .dof-btn-highlight-slate-base {
    background-color: #E6E8FF;
  }
  .dof-btn-highlight-slate-base:active {
    background-color: #ced0e5;
  }
  .dof-btn-highlight-slate-plain {
    background-color: #101315;
  }
  .dof-btn-highlight-slate-plain:active {
    background-color: #1d1c2b;
  }
  .dof-btn-highlight-aqua-default {
    background-color: #25A8DC;
  }
  .dof-btn-highlight-aqua-default:active {
    background-color: #24afe6;
  }
  .dof-btn-highlight-aqua-base {
    background-color: #E6F8FF;
  }
  .dof-btn-highlight-aqua-base:active {
    background-color: #cedee5;
  }
  .dof-btn-highlight-aqua-plain {
    background-color: #101315;
  }
  .dof-btn-highlight-aqua-plain:active {
    background-color: #1d1c2b;
  }
  .dof-btn-highlight-turquoise-default {
    background-color: #039D95;
  }
  .dof-btn-highlight-turquoise-default:active {
    background-color: #028d87;
  }
  .dof-btn-highlight-turquoise-base {
    background-color: #c5dcda;
  }
  .dof-btn-highlight-turquoise-base:active {
    background-color: #b1c6c4;
  }
  .dof-btn-highlight-turquoise-plain {
    background-color: #101315;
  }
  .dof-btn-highlight-turquoise-plain:active {
    background-color: #012122;
  }
  .dof-btn-highlight-yellow-default {
    background-color: #E09916;
  }
  .dof-btn-highlight-yellow-default:active {
    background-color: #ab7611;
  }
  .dof-btn-highlight-yellow-base {
    background-color: #dcd1c1;
  }
  .dof-btn-highlight-yellow-base:active {
    background-color: #c6bcad;
  }
  .dof-btn-highlight-yellow-plain {
    background-color: #101315;
  }
  .dof-btn-highlight-yellow-plain:active {
    background-color: #221e15;
  }
  .dof-btn-highlight-orange-default {
    background-color: #Db7122;
  }
  .dof-btn-highlight-orange-default:active {
    background-color: #bd5023;
  }
  .dof-btn-highlight-orange-base {
    background-color: #dcd1c1;
  }
  .dof-btn-highlight-orange-base:active {
    background-color: #c6b5b2;
  }
  .dof-btn-highlight-orange-plain {
    background-color: #101315;
  }
  .dof-btn-highlight-orange-plain:active {
    background-color: #231a16;
  }
  .dof-btn-highlight-tomato-default {
    background-color: #d35926;
  }
  .dof-btn-highlight-tomato-default:active {
    background-color: #bd5023;
  }
  .dof-btn-highlight-tomato-base {
    background-color: #dbc9c6;
  }
  .dof-btn-highlight-tomato-base:active {
    background-color: #c6b5b2;
  }
  .dof-btn-highlight-tomato-plain {
    background-color: #101315;
  }
  .dof-btn-highlight-tomato-plain:active {
    background-color: #231a16;
  }
  .dof-btn-highlight-gray-default {
    background-color: #6b7587;
  }
  .dof-btn-highlight-gray-default:active {
    background-color: #616979;
  }
  .dof-btn-highlight-gray-base {
    background-color: #b2b9b6;
  }
  .dof-btn-highlight-gray-base:active {
    background-color: #a0a6b2;
  }
  .dof-btn-highlight-gray-plain {
    background-color: #101315;
  }
  .dof-btn-highlight-gray-plain:active {
    background-color: #1a1f23;
  }
  .dof-btn-highlight-red-default {
    background-color: #c61a1c;
  }
  .dof-btn-highlight-red-default:active {
    background-color: #b11819;
  }
  .dof-btn-highlight-red-base {
    background-color: #dbc7c8;
  }
  .dof-btn-highlight-red-base:active {
    background-color: #c2b3b4;
  }
  .dof-btn-highlight-red-plain {
    background-color: #101315;
  }
  .dof-btn-highlight-red-plain:active {
    background-color: #251416;
  }
  
  .dof-btn-highlight-brown-default {
    background-color: #745b5e;
  }
  .dof-btn-highlight-brown-default:active {
    background-color: #685254;
  }
  .dof-btn-highlight-red-base {
    background-color: #d0cecf;
  }
  .dof-btn-highlight-red-base:active {
    background-color: #8889ba;
  }
  .dof-btn-highlight-red-plain {
    background-color: #101315;
  }
  .dof-btn-highlight-red-plain:active {
    background-color: #1b1c1e;
  }
}