# wt-security/2.2.1/htdocs/scss/dark-theme.scss

WebTotem Security, version 2.2.1. 236 lines.

- Page: https://pluginprobe.com/plugins/wt-security/2.2.1/code/htdocs/scss/dark-theme.scss
- Raw: https://pluginprobe.com/plugins/wt-security/2.2.1/raw/htdocs/scss/dark-theme.scss
- Modified: 2020-09-10T12:50:18+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/wt-security/2.2.1/code/htdocs/scss/dark-theme.scss#L10-L20`.

```scss
@import "variables.scss";
.wtotem_theme—dark .card,
.wtotem_theme—dark .card:before,
.wtotem_theme—dark .wtotem_chart-first__btn_active {
    background: $c-card;
}

.wtotem_theme—dark .wtotem_content,
.wtotem_theme—dark .wtotem_footer,
.wtotem_theme—dark .wtotem_chart-first__right,
.wtotem_theme—dark .wtotem_control__block,
.wtotem_theme—dark .wtotem_state__select,
.wtotem_theme—dark .wtotem_unit__circle_loading {
    background: #191919;
}
.wtotem_theme—dark .wtotem_version__count {
    border: 1px solid $c-font;
}
.wtotem_theme—dark .wtotem_logo {
    background: url("../img/dr-logo.svg") no-repeat center center / cover;
}
.wtotem_theme—dark .wtotem_nav__link,
.wtotem_theme—dark .wtotem_nav__link_active,
.wtotem_theme—dark .wtotem_version__count,
.wtotem_theme—dark .title,
.wtotem_theme—dark .wtotem_title-info__title,
.wtotem_theme—dark .wtotem_overall__text,
.wtotem_theme—dark .wtotem_info__subtitle,
.wtotem_theme—dark .wtotem_info__info,
.wtotem_theme—dark .wtotem_numbers__figures,
.wtotem_theme—dark .wtotem_from__country,
.wtotem_theme—dark .wtotem_from__country span,
.wtotem_theme—dark .wtotem_data__th,
.wtotem_theme—dark .wtotem_antivirus__title,
.wtotem_theme—dark .wtotem_table__title,
.wtotem_theme—dark .wtotem_table__subject,
.wtotem_theme—dark .wtotem_table__text,
.wtotem_theme—dark .wtotem_table__perfomance,
.wtotem_theme—dark .wtotem_footer__text,
.wtotem_theme—dark .wtotem_footer__text,
.wtotem_theme—dark .wtotem_chart__btn,
.wtotem_theme—dark .wtotem_antivirus__item:last-child div,
.wtotem_theme—dark .wtotem_from__percent,
.wtotem_theme—dark .wtotem_chart-first__all,
.wtotem_theme—dark .wtotem_chart-first__hack p,
.wtotem_theme—dark .wtotem_chart-first__btn_active,
.wtotem_theme—dark .wtotem_chart__text,
.wtotem_theme—dark .wtotem_table__initial-value,
.wtotem_theme—dark .arrow-right,
.wtotem_theme—dark .wtotem_print__label,
.wtotem_theme—dark .wtotem_state__text,
.wtotem_theme—dark .wtotem_pagination__number,
.wtotem_theme—dark .wtotem_data__td,
.wtotem_theme—dark .wtotem_file-table__th,
.wtotem_theme—dark .wtotem_file-table,
.wtotem_theme—dark .wtotem_option__title,
.wtotem_theme—dark .wtotem_option__text,
.wtotem_theme—dark .wtotem_control__title,
.wtotem_theme—dark .wtotem_control__name,
.wtotem_theme—dark .onoff__label:after,
.wtotem_theme—dark .onoff__label:before,
.wtotem_theme—dark .wtotem_offer__title,
.wtotem_theme—dark .wtotem_offer__text,
.wtotem_theme—dark .wtotem_unit__expectation_loading,
.wtotem_theme—dark .wtotem_alert__text {
    color: $c-font;
}

.wtotem_theme—dark .wtotem_data__ip {
    color: #86939e;
}

.wtotem_theme—dark .wtotem_chart__btn {
    border: 1px solid $c-font;
}

.wtotem_theme—dark .wtotem_title-info__info {
    background: url("../img/dr-info.svg") no-repeat center center / cover;
}

.wtotem_theme—dark .wtotem_nav__link_active {
    color: $c-blue;
}

.wtotem_theme—dark .wtotem_info__item:first-child,
.wtotem_theme—dark .wtotem_numbers__item,
.wtotem_theme—dark .wtotem_antivirus__item,
.wtotem_theme—dark .wtotem_unit__block {
    border-right: 1px solid #3c3c3d;
}
.wtotem_theme—dark .wtotem_antivirus__item {
    &:last-child {
        border-right: none;
    }
}
.wtotem_theme—dark .wtotem_numbers__item:last-child {
    border-right: none;
}
.wtotem_theme—dark .wtotem_table__col {
    border-right: 1px solid #3c3c3d;
    border-bottom: 1px solid #3c3c3d;
}
.wtotem_theme—dark .wtotem_table__col:last-child {
    border-right: none;
}
.wtotem_theme—dark .wtotem_chart__line {
    background: #3c3c3d;
}

.wtotem_theme—dark .wtotem_table__th,
.wtotem_theme—dark .wtotem_table__td {
    border-bottom: 1px solid #3c3c3d;
}

.wtotem_theme—dark .wtotem_table__link:after {
    content: "";
    border: solid #fff;
    border-width: 0 1.5px 1.5px 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.wtotem_theme—dark .arrow-right:after {
    content: "";
    border: solid #f3f5f6;
    border-width: 0 1px 1px 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-left: 10px;
}
.wtotem_theme—dark .wtotem_footer__line,
.wtotem_theme—dark .wtotem_state__line {
    background: #2d2e2e;
}

.wtotem_theme—dark .wtotem_footer__app-store {
    width: 19px;
    height: 19px;
    background: url("../img/dr-app-store.svg") no-repeat center center / cover;
}

.wtotem_theme—dark .wtotem_footer__play-store {
    width: 17px;
    height: 19px;
    background: url("../img/dr-play-store.svg") no-repeat center center / cover;
}

.wtotem_theme—dark .wtotem_footer__logo {
    background: url("../img/dr-logo-footer.svg") no-repeat center center / cover;
}

.wtotem_theme—dark .line-chart__tooltip,
.wtotem_theme—dark .line-chart__tooltip::before {
    background: $c-blue;
}

.wtotem_theme—dark .wtotem_firewall__icon {
    background: url("../img/dr-shape.svg") no-repeat center center / cover;
}

.wtotem_theme—dark .wtotem_pagination__number_active {
    background: #5a5c5e;
}

.wtotem_pagination__number:hover {
    color: $c-titles;
    transition: all 0.2s ease;
}

.wtotem_theme—dark .onoff__label {
    background: #686868;
}
.wtotem_theme—dark .wtotem_print__img {
    background: url("../img/dr-print.svg") no-repeat center center / cover;
}

.wtotem_theme—dark .wtotem_control__trash {
    background: url("../img/dr-trash.svg") no-repeat center center / cover;
}

.wtotem_theme—dark .onoff__input:checked + label .onoff__circle {
    background: #4bc374;
}

.wtotem_theme—dark .onoff__circle {
    background: #ec6d62;
}

.wtotem_theme—dark .wtotem_alert__close:before,
.wtotem_theme—dark .wtotem_alert__close:after {
    background: #dadada;
}

.wtotem_info__item .arrow-right {
    color: $c-blue;
    &:after {
        content: "";
        border: solid $c-blue;
        border-width: 0 1px 1px 0;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        margin-left: 10px;
    }
}

/* 320-576px     Extra small */
@media screen and (max-width: 576px) {
    .wtotem_theme—dark .wtotem_info__item:first-child {
        border-right: none;
    }
    .wtotem_theme—dark .wtotem_antivirus__item {
        border-bottom: 1px solid #3c3c3d;
    }
    .wtotem_theme—dark .wtotem_numbers {
        &__item {
            &:last-child {
                border-right: 1px solid #3c3c3d;
            }
            &:nth-child(2) {
                border-right: none;
            }
        }
    }
    .wtotem_theme—dark .wtotem_antivirus__item {
        &:last-child {
            border-right: none;
            border-bottom: none;
        }
        &:nth-child(2) {
            border-right: none;
        }
        &:nth-child(3) {
            border-bottom: none;
        }
    }
}

```