#app>.mainBox {
    background-color: #161616;
    background-image: url(./bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.connectBox>.connectBtnBox>.content-container>.connectBtn,
.connectBox>.connectBtnBox>.content-container>.connectBtn:before {
    background: linear-gradient(135deg, #E3A560, #E3A560);
}

.connectBox>.connectBtnBox>.content-container>.connectBtn>span>span.btn-content {
    color: #000;
    font-weight: 500;
}

.connectBox>.connectBtnBox>.content-container>.title>.accent-text {
    background: linear-gradient(90deg, #E3A560, #8b7aff);
    -webkit-background-clip: text;
    background-clip: text;
}

#app>.devicePage {
    background: #161616;
    background-image: url(./bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#app>.devicePage>.navigation>.v-card>.v-card-item,
#app>.devicePage>.navigation>.config-card,
#app>.devicePage>.navigation>.menu-container>.v-card>.v-list,
.lightSttingPage>.v-window>.v-window__container>.v-window-item>.v-card {
    background: #232323;
}

.card-header>.keyboard-info>.name-row>.keyboard-name {
    color: #fff;
}

.card-content>.header>.section-title {
    color: #fff;
}

.v-card>.card-content>.config-grid>.config-item,
.menu-card>.menu-list>.v-list-item {
    background: rgba(255, 255, 255, 0.05);
}

.v-card>.card-content>.config-grid>.config-item>.config-content>.config-left>.config-text,
.menu-card>.menu-list>.v-list-item>.v-list-item__content>.v-list-item-title,
.lightSttingPage>.v-window>.v-window__container>.v-window-item>.v-card>div {
    color: #fff;
}

.v-card>.card-content>.config-grid>.is-active,
.menu-container>.menu-card>.menu-list>.is-active {
    background: #E3A560;
}

.v-card>.card-content>.config-grid>.is-active>.config-content>.config-left>.config-text,
.v-card>.card-content>.config-grid>.is-active>.config-content>.config-left>.config-number,
.menu-card>.menu-list>.is-active>.v-list-item__content>.v-list-item-title {
    color: #000;
}

.v-card>.card-content>.config-grid>.is-active>.config-content>.config-left>.config-number {
    border-color: #fff !important;
}

.lightSttingPage>.v-window>.v-window__container>.v-window-item>.v-card>div>.lightModeBox>div>div>.staticColorBtn_checked,
.lightSttingPage>.v-window>.v-window__container>.v-window-item>.v-card>div>.lightModeBox>div>div>.dynamicLightBtn_checked {
    border: 1px #E3A560 solid;
}

.deviceMainBox>.keyboardBox>.v-card {
    background: #232323;
}

.deviceMainBox>.keyboardBox>.v-card>.keyboard81 {
    /* background: rgba(192, 223, 22, 0.2); */
    background: url(./keyimg.png) no-repeat;
    background-size: 980px 413px;
    background-position: -16px;
}

.lightSttingPage>.v-window>.v-window__container>.v-window-item>.v-card>div>.lightModeBox>div>.v-btn-group,
.keyboardBox>.v-card>.fn-btn-box>.v-btn-group {
    border: 1px solid #fff;
}

.keyboardBox>.v-card>.fn-btn-box>.v-btn-group {
    color: #fff;
}

.lightSttingPage>.v-window>.v-window__container>.v-window-item>.v-card>div>.lightModeBox>div>.v-btn-group>.v-btn>span {
    color: #fff;
}

.v-slide-group>.v-slide-group__container>.v-slide-group__content {
    color: #fff;
}

.v-slide-group>.v-slide-group__container>.v-slide-group__content {
    color: #fff;
}

.v-window>.v-window__container>.v-window-item>.v-card {
    background-color: #232323;
}

.v-window>.v-window__container>.v-window-item>.v-card>div>h3,
.v-window>.v-window__container>.v-window-item>.v-card>div>.singleKeyTravelTip>span {
    color: #fff;
}

.deviceMainBox>div>.BtnList>button,
.deviceMainBox>div>.v-card {
    color: #fff;
    background: #232323;
}

.deviceMainBox>div>.BtnList>button,
.deviceMainBox>div>.v-card>.card-header>.title-section>.section-title {
    color: #fff;
}

.keysBox>.d-flex>.draggable {
    background: #232323;
    color: #fff;
    border: none;
}

.deviceMainBox>.advanceKeyPage>div>.v-theme--light>div,
.deviceMainBox>.advanceKeyPage>div>.v-theme--light>div {
    color: #fff;
}

.deviceMainBox>.advanceKeyPage>div>.v-card>div {
    background: #232323;
}

.keyboardBox>.v-card>.keyboard81>.key>.key-Cap {
    background: none;
    border-width: 1px 1px 1px 1px !important;
    border-color: transparent;
}

.v-overlay-container>.v-overlay>.v-overlay__content>.v-card {
    background: #232323;
    color: #fff;
}

.v-slider>.v-input__control>.v-slider__container>.v-slider-track>.bg-blue {
    background-color: #2E2E2E !important
}

.v-slider>.v-input__control>.v-slider__container>.v-slider-thumb>.text-blue {
    color: #E3A560 !important;
}

.v-slide-group__content>.v-btn>.v-btn__prepend {
    color: #E3A560;
}

.v-slide-group__content>.v-btn>.v-btn__content {
    color: #E3A560;
}

.v-window-item>.v-card>.content-wrapper {
    background: #232323;
    color: #fff;
}

.dead-space-setting>.setting-header>.description {
    color: #fff;
}

.dead-space-setting>.setting-header>.title-section>h3 {
    color: #fff;
}

.dead-space-setting>.setting-item>.setting-label>span {
    color: #fff;
}

.adjusting-page>.v-card>.instruction-header {
    background: #232323;
}

.title-section>.title-with-icon>.section-title,
.instruction-header>.title-section>.description {
    color: #fff;
}

.v-window-item>.adjusting-page>.chart-card {
    background: #232323;
}

.bg-blue,
.instruction-header>.actions>.bg-primary {
    background: #E3A560 !important;
}

.menu-item.is-active .menu-icon {
    color: #fff !important;
}

.n-tabs-rail>.n-tabs-tab-wrapper>.n-tabs-tab {
    color: #fff;
}

.foot>.lang-switch {
    background: #232323 !important;
}

.n-tabs>.n-tabs-nav>.n-tabs-rail {
    background: #232323;
}

.deviceMainBox>div>div>.keyboardInfo,
.deviceMainBox>div>div>.updateDescription {
    background: #232323;
    color: #fff;
}

.deviceMainBox>div>.UpdatePage>.v-card {
    background: #232323;
    color: #fff;
}

.macroListCard>.v-table.v-table--fixed-header>.v-table__wrapper>table>thead>tr>th {
    background: #232323;
    color: #fff;
}

.macroManageInlineBox>.macroListCard>.v-table {
    background: #232323;
    color: #fff;

}

.trHightLight {
    background: rgba(255, 255, 255, 0.05) !important;
}

.macroManageInlineBox>.macroCard>.v-table>.v-table__wrapper {
    background: #232323;
    color: #fff;
}

.macroCard>.v-table.v-table--fixed-header>.v-table__wrapper>table>thead>tr>th {
    background: #232323;
    color: #fff;
}

.DKS>div>.DKSBtnBox>.DKSBtn,
.MPTPage>div>.AMPTBtn>.MPTBtn,
.btnSetBox>.btnBox>.MTBtn,
.tgl_configBox>.btnSetBox>.TGLBtn,
.ENDPage>.configBox>.ENDBtn,
.keysBox_socd>.flex-wrap>.draggable,
.socdV4_configBox>div>div>div>.SOCDRedBtn,
.socdV4_configBox>div>div>div>.SOCDBtn {
    color: #232323;
    border: none;
}


.mainBox>.connectBox>.picBox {
    background-image: none;
}

.mainBox>.connectBox>.picBox>.overlay-pattern {
    background-image: none;
}

.mainBox>.connectBox>.connectBtnBox {
    position: static;
}

.connectBtnBox>.content-container>.title {
    display: none;
}

#app>.mainBox>.connectBox {
    background: none;
    background-image: url("./picBox.png");
    background-size: cover;
}

.v-window__container>.v-tabs-window-item>.switch-choose-card{
    background: #232323;
}