File: //home/arjun/projects/propbase/propbase_website/styles/dark-theme.scss
@import "partials/partials";
$black: #000;
$dark-border: #484848;
$dark-border-2:#4E4E4E;
$dark-border-3: #696969;
$dark-border-4: #2B2B2B;
$dark-block: #151618;
$dark-block-2: #2B2C2E;
$td-border: #191919;
.theme-dark{
background-color: $black;
color: $white;
.custom-scroll {
// &::-webkit-scrollbar-track {
// background: #232E33;
// }
// &::-webkit-scrollbar-thumb {
// background: #2966ff;
// }
// &::-webkit-scrollbar-thumb:hover {
// background: #608EFF;
// }
&::-webkit-scrollbar-track {
background: #151515;
}
&::-webkit-scrollbar-thumb {
background: #3A3A3A;
}
&::-webkit-scrollbar-thumb:hover {
background: #3A3A3A;
}
}
.img-light-theme{
display: none;
}
.img-dark-theme{
display: inline-block;
}
.nav-block{
border-right: solid 1px $dark-border;
border-top: solid 1px $dark-border;
}
// blach bg
.nav-block, .nav-block .navbar-collapse-block, .header-wrapper, .table-cover .custom-table, .table-sec,
.footer-sec, .header-wrapper .header-title-block .live-active, .body-content-outer, .table-pagination-cover,
.title-search-box .input-group, .title-search-box .input-group .form-control,
.filter-dropdown-group .filter-dropdown-menu, .filter-dropdown-menu .filter-form-content .custom-inp,
.custom-modal .modal-content, .body-wrapper .nav-block .nav-logo-wrapper,
.nav-block .navbar-collapse-block .wallet-btn-block-mob .wallet-btn-mob, .body-wrapper .content-block-outer,
.prop-info-details .tab-content-cover .tab-content-block, .tab-btn-block .tab-btn,
.prop-details-sec .prop-details-col-right .timeline-det-outer,
.prop-details-sec .prop-details-col-right .prop-details-content-cover, .dash-top .dash-cards .dash-items,
.dash-token .dash-token-area .dash-tokn-graph, .dash-token .dash-token-area .dash-pro-lst,
.dash-token .dash-token-area .dash-token-hlf, .profile-tab-cover .profile-tab-body-content
{
background-color: $black;
}
.body-wrapper .nav-block .nav-logo-wrapper {
border-color: $dark-border;
}
.nav-block .nav-logo-wrapper .nav-logo img, .header-wrapper .theme-toggle-btn-block .theme-toggle-btn img,
.login-cover .login-content-block .logo-block a img, .custom-input-group .input-group-text img
{
filter: grayscale(1) brightness(10);
}
.nav-block .nav-logo-wrapper .nav-toggle-btn{
background-color: $black;
border: solid 1px $dark-border;
}
.nav-block .nav-logo-wrapper .nav-toggle-btn .nav-line {
background-color: $white;
}
.nav-block .navbar-collapse-block .navbar-ul .nav-item .nav-link .nav-label{
color: $white;
}
// white img
.nav-block .navbar-collapse-block .navbar-ul .nav-item .nav-link img, .footer-sec .footer-nav-sec .f-logo-block img,
.footer-sec .footer-nav-sec .contact-info-block .contact-info-wrapper img,
.header-wrapper .wallet-btn-cover .wallet-btn-copy img, .filter-dropdown-group .filter-dropdown-btn img,
.prop-details-sec .prop-details-card .prop-img-block .prop-det-block .loc-wrapper .loc-det img,
.nav-block .navbar-collapse-block .wallet-btn-block-mob .wallet-btn-cover .copy-btn img,
.prop-info-details .tab-content-cover .info-card-cover .info-card-col .info-card .card-icon img,
.plan-content-block .plan-title-block .title-info-block .title-info-cover img,
.plan-content-block .plan-wrapper .plan-card .bottom-block .bottom-content-cover .info-wrapper img,
.plan-content-block .plan-wrapper .plan-card .data-block .data-ul ul li .info-icon,
.token-success .wall-bal img, .token-success .logout-modal-body .token-modal-info img {
filter: brightness(0) saturate(100%) invert(100%) sepia(8%) saturate(7400%) hue-rotate(182deg) brightness(124%) contrast(97%);
}
.nav-block .navbar-collapse-block .navbar-ul .nav-item .nav-link::after {
background-color: #0C121F;
}
.nav-block .navbar-collapse-block .navbar-ul .nav-item .nav-link.active .nav-label{
color: $primary-blue;
}
.nav-block .navbar-collapse-block .navbar-ul .nav-item .nav-link.active img {
filter: brightness(0) saturate(100%) invert(51%) sepia(78%) saturate(7453%) hue-rotate(221deg) brightness(105%) contrast(101%);
}
.header-wrapper{
border-bottom: solid 1px $dark-border;
}
.custom-table thead th, .custom-table tbody td{
color: $white;
}
.custom-table thead th {
background-color: $table-th;
}
.table-cover .custom-table tbody td{
border-color: $td-border;
}
.table-cover .custom-table thead th{
border-color: $td-border !important;
}
.table-sec{
border-color: $td-border;
}
.table-cover .custom-table .td-action-btn{
background-color: transparent;
}
.td-copy-btn img, .table-cover .custom-table .th-sort img{
filter: grayscale(1) brightness(10);
}
.footer-sec .footer-nav-sec .welcome-ltr, .footer-sec .footer-nav-sec .f-nav-title,
.footer-sec .footer-nav-sec .f-nav-ul .f-nav-link, .footer-sec .footer-nav-sec .contact-info-block .contact-info-wrapper .contact-link,
.footer-sec .footer-nav-sec .contact-info-block .contact-info-wrapper, .footer-sec .copy-right-sec p,
.header-wrapper .header-title-block .live-active, .header-wrapper .info-block, .table-pagination-cover .select-block,
.table-pagination-cover .select-block .pagination-select, .table-pagination-cover .entries-block,
.filter-dropdown-menu .filter-title h4, .inp-block .form-label,
.filter-dropdown-menu .filter-form-content .custom-inp, .view-tier-modal .info-block .info-label,
.view-tier-modal .info-block .info-det, .modal-title h2, .view-tier-modal .view-modal-body .modal-sub-title,
.logout-modal-body h2, .prop-details-sec .timeline-wrapper-cover .timeline-col .info-block .info-label,
.prop-info-details .prop-info-tab-wrapper .prop-info-tab-btn .txt-cnt, .tab-btn-block .tab-btn,
.plan-content-block .plan-title-block h2, .plan-content-block .plan-title-block p,
.plan-content-block .plan-title-block .title-info-block .title-info-cover,
.token-success .success-data-cover .card-row .card-label, .token-success .success-data-cover .card-row .card-data,
.success-modal .modal-body .modal-title h2, .success-modal .modal-body .modal-title h5,
.login-cover .login-content-block .welcome-title h2, .login-cover .login-content-block .welcome-title p,
.not-found-cover .not-found-block h2, .not-found-cover .not-found-block p,
.token-success .logout-modal-body p, .token-success .tokn-count-row .tokn-count-label,
.token-success .tokn-count-row .tokn-total, .token-success .wall-bal .bal-amt, .token-success .wall-bal .wal-bal-label
{
color: $white;
}
.footer-sec .copy-right-sec{
border-color: #2D2D2D;
}
.header-wrapper .header-title-block .live-active{
border-color: $dark-border-3;
}
.header-wrapper .wallet-btn-cover-web .wallet-btn-connected{
border-color: $dark-border-2;
background-color: $black;
color: $white;
}
.header-wrapper .wallet-btn-cover .wallet-btn-copy {
background-color: #282829;
}
.header-wrapper .right-block .buy-pros-dropdown {
.dropdown-menu {
border: solid 1px $dark-border;
background-color: $black;
.dropdown-item{
color: $white;
&:hover{
background-color: #131313;
}
}
}
}
.table-pagination-cover{
border-color: #3E3E3E;
}
.table-pagination-cover .select-block .pagination-select{
background-color: $black;
border-color: #333;
}
.table-pagination-cover .pagination-block .pagination .page-item .page-link{
background-color: $black;
color: $white;
border-color: #3E3E3E80;
img{
filter: grayscale(1) brightness(1);
}
&.active{
background-color: #2D2D2D;
border-color: #6F6F6F;
}
}
.table-pagination-cover .pagination-block .pagination .page-item .page-link-dots{
color: $white;
}
.custom-table .low-tier{
background-color: #1E0E0C;
td{
background-color: #1E0E0C;
}
}
.title-search-box .input-group{
border-color: $dark-border-3;
@include placeholder{
color: $white;
}
}
.title-search-box .input-group .form-control{
color: $white;
}
.filter-dropdown-group .filter-dropdown-btn{
background-color: $black !important;
color: $white;
border-color: $dark-border-3 !important;
}
.filter-dropdown-group .filter-dropdown-menu{
border: solid 1px $dark-border;
}
.filter-dropdown-menu .filter-form-content .custom-inp, .filter-dropdown-menu .filter-title,
.filter-dropdown-menu .filter-form-content .btn-block{
border-color: $dark-border;
}
.filter-dropdown-menu .filter-form-content .btn-block .btn.btn-reset{
border-color: $dark-border;
background: #0E0E0E;
color: $white;
}
.filter-dropdown-menu .filter-title .filter-close-btn img, .custom-modal .btn-close img{
filter: grayscale(1) brightness(4);
}
.inp-block .custom-selectbox{
background-image: url('../public/img/select-arrw-white.svg');
}
.view-tier-modal.custom-modal .btn-cover-modal .btn{
border: 1px solid #9EB3CD;
background-color: $black;
color: $white;
}
.inp-block .custom-inp{
background-color: $black;
border-color: $dark-border;
color: $white;
}
.btn-border{
border-color: #9EB3CD;
background-color: $black;
color: $white;
}
.custom-table tbody td, .header-wrapper .reg-props-btn{
background-color: $black;
}
.header-wrapper .reg-props-btn, .header-wrapper .wallet-btn{
background-color: $black;
}
.header-wrapper .wallet-btn, .nav-block .navbar-collapse-block .wallet-btn-block-mob .wallet-btn-mob {
border-color: #696969;
color: $white;
}
.wallet-btn-cover .wallet-btn-copy{
background-color: #282829;
}
.nav-block .navbar-collapse-block .wallet-btn-block-mob .reg-props-btn {
color: #2966FF;
border-color: #2966FF;
}
.prop-details-sec .timeline-wrapper-row .timeline-col .info-block{
color: #818181;
}
.prop-title{
border-color: #4E4E4E;
}
.prop-info-details .prop-info-tab-wrapper .prop-info-tab-btn{
background-color: $black;
color: $white;
&:hover{
opacity: 1;
}
}
.prop-info-details .tab-content-cover .tab-content-block .desc-title,
.prop-info-details .tab-content-cover .tab-content-block .desc-block p,
.prop-info-details .tab-content-cover .info-card-cover .info-card-col .info-card .card-det .card-info,
.prop-info-details .tab-content-cover .info-card-cover .info-card-col .info-card .card-det .card-title{
color: $white;
}
.prop-details-sec .prop-details-col-right .prop-details-content-cover .prop-banner-cover .im-col-sm .more-count{
background-color: rgba($color: #000000, $alpha: 0.70);
}
.sec-title .btn-back{
color: $white;
}
.tab-btn-block{
border-bottom: solid 1px rgba(57, 57, 57, 1);
}
.plan-content-block .plan-title-block .title-info-block .title-info-cover{
background-color: #121B32;
}
.plan-content-block .plan-wrapper .plan-card{
box-shadow: 0px 30px 55px 0px #1C498A33;
border: 1px solid #585858;
color: $white;
background-color: $black;
}
.plan-content-block .plan-wrapper .plan-card .plan-del-btn{
background-color: #310E0E;
}
.plan-content-block .plan-wrapper .plan-card .plan-title {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.plan-content-block .plan-wrapper .plan-card .data-block .plan-amnt p {
color: rgba(255, 255, 255, 0.7);
}
.plan-content-block .plan-wrapper .plan-card .bottom-block .bottom-content-cover {
border-top: 1px solid #1D1D1D;
}
.plan-content-block .plan-wrapper .plan-card .bottom-block .bottom-content-cover .btn-block .claim-desc {
background: linear-gradient(0deg, #112407, #112407), linear-gradient(0deg, #2C5B15, #2C5B15);
border: 1px solid #2C5B15;
color: #79EB42;
}
.plan-content-block .plan-wrapper .plan-card .bottom-block .bottom-content-cover .btn-block .withdraw-btn {
border: 1px solid #25365D;
background: linear-gradient(0deg, #071027, #071027), linear-gradient(0deg, #25365D, #25365D);
color: #fff;
}
.token-success .success-data-cover .success-card{
border-color: $dark-border-2;
}
.mem-purchase-success-modal .logout-modal-body .btn-cover .btn{
background-color: #0E0E0E;
}
.mem-purchase-success-modal .data-tnx-hash img{
background-color: #1A1A1B;
filter: grayscale(1) brightness(2);
}
.custom-table .low-tier td:first-child::before{
background-color: rgba(122, 15, 15, 1);
}
.title-search-box .btn{
filter: brightness(0) saturate(100%) invert(100%) sepia(8%) saturate(7400%) hue-rotate(182deg) brightness(124%) contrast(97%);
}
.table-cover .custom-table .td-action-btn{
.td-btn-dark{
display: block;
}
.td-btn-light{
display: none;
}
}
.prop-details-sec .prop-details-card .prop-img-block .prop-det-block .loc-wrapper .loc-det,
.prop-details-sec .prop-details-card .prop-img-block .prop-det-block .prop-name,
.prop-details-sec .prop-details-card .guarantee-sec .guarantee-wrapper .rental-det,
.prop-details-sec .prop-details-card .guarantee-sec .guarantee-wrapper .unit-wrapper .img-txt-label,
.prop-details-sec .prop-details-card .guarantee-sec .funding-amnt-block .price-wrapper p,
.prop-details-sec .prop-details-card .guarantee-sec .funding-amnt-block .price-wrapper h4,
.prop-details-sec .prop-details-card .det-3-col-sec .det-3-card .det p,
.prop-details-sec .prop-details-card .det-3-col-sec .det-3-card .det h4,
.prop-details-sec .prop-details-card .det-table-cover .det-table-col,
.prop-details-sec .prop-details-card .card-btm-block .btn-label,
.prop-details-sec .prop-details-card .card-btm-block .days-left,
.prop-details-sec .prop-details-card .guarantee-sec .guarantee-wrapper .rental-det,
.prop-details-sec .prop-details-card .guarantee-sec .funding-amnt-block .wrapper-block .num,
.sec-title-block .sec-title, .sm-content-wrap .t-body .tr .td:last-child, .sm-content-wrap .t-body .tr .td,
.sm-content-wrap .title-small, .sm-content-wrap article p, .sm-content-wrap ol.custom-marker li p,
.custom-modal .alocated-item{
color: $white;
}
.sm-content-wrap .t-body .tr .th{
color: $white !important;
}
.prop-details-sec .prop-details-card .card-btm-block .days-left{
border-color:#ACACAC;
}
.prop-details-sec .prop-details-card .det-table-cover {
border-bottom: 1px solid #292D32;
}
.prop-details-sec .prop-details-card {
border: 1px solid #484848;
}
.prop-details-sec .prop-details-card .det-table-cover .det-table-col {
border-color: #292D32;
}
.prop-details-sec .prop-details-card .guarantee-sec .funding-amnt-block {
border: 1px solid #0C15F945;
background-color: #2966FF17;
}
.prop-details-sec .prop-details-col-right .timeline-det-outer {
border-color: #484848;
}
.prop-details-sec .timeline-wrapper-cover .timeline-col .info-block .info-time {
color: #697F9B;
color: #9cb2ce;
}
.prop-details-sec .timeline-wrapper-cover .timeline-col .info-block .time-det {
border-color: #172F6F;
background: #0F1E46;
color: #2966FF;
}
.prop-details-sec .prop-details-col-right .prop-details-content-cover {
border: 1px solid #484848;
}
.prop-details-sec .prop-details-card .det-3-col-sec .det-3-card {
border-color: #484848;
}
.prop-details-sec .prop-details-card .det-3-col-sec {
border-color: #484848;
}
.prop-info-details .prop-info-tab-wrapper {
border-color:#484848;
}
.prop-info-details .tab-content-cover .tab-content-block {
border-color:#4E4E4E;
}
.info-card-cover .info-card-bottom-row::before {
background-color: #4E4E4E;
}
.prop-title .prop-loc {
background-color: #3F1B0C;
color: #fff;
}
.prop-details-sec .prop-details-card{
background-color: $black;
}
.prop-details-sec .prop-details-card .guarantee-sec .guarantee-wrapper .unit-wrapper .img-txt-label{
border-color: #292929;
}
.prop-details-sec .timeline-wrapper-cover .timeline-col .timeline-status {
background-color: #263761;
}
.prop-details-sec .timeline-wrapper-cover .timeline-col .status-block::after {
background-color: #1F2D50;
}
.prop-details-sec .timeline-wrapper-cover .timeline-col:last-child .timeline-status {
border: solid 1px #263761;
box-shadow: 0px 0px 0px 3px #000 inset;
background-color: #263761;
}
.prop-details-sec .timeline-wrapper-cover .timeline-col .info-block .time-det {
border: 1px solid #172F6F;
background: #0F1E46;
color: #2966FF;
}
.prop-details-sec .prop-details-col-right .prop-details-content-cover .prop-banner-cover .im-col-sm .more-count {
background-color: #4D5E73A6;
}
.prop-title .prop-loc img {
filter: grayscale(1) brightness(10);
}
.prop-details-sec .timeline-wrapper-cover .timeline-col .timeline-status{
border-color: $black;
}
.prop-details-sec .prop-details-card .prop-img-block::after{
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.prop-details-sec .prop-details-card .guarantee-sec .guarantee-wrapper .unit-wrapper .img-txt-label img{
filter: grayscale(1) brightness(10);
}
.prop-details-sec .prop-details-card .prop-img-block .projected-block .cr-label{
background-color: #0D010196;
color: $white;
}
.prop-details-sec .prop-details-card .card-btm-block .days-left img{
filter: none;
}
.sm-content-wrap .t-body .tr .td, .sm-content-wrap .t-body .tr{
border-color: $dark-border-2;
}
.sm-content-wrap .t-body .link{
color: $primary-blue;
}
.sm-content-wrap .tags-otr .tag {
border-color: $dark-border-2;
background-color: $black;
color: $white;
}
.sm-content-wrap ol.custom-marker li.active:before{
background-color: $black;
}
.sm-content-wrap ol.custom-marker li .line{
background-color: #1F2D50;
}
.sm-content-wrap ol.custom-marker.custom-marker li::before{
background-color: #263761;
}
.sm-content-wrap ol.custom-marker li.active:before {
background-color: #0dad4d;
border: 1px solid #0dad4d;
}
.sm-content-wrap ol.custom-marker li.active:after{
border-color: $white;
}
.header-wrapper .header-title-block .header-title{
color: $white;
}
.sm-content-wrap .t-body .tr .info-icon img{
filter: grayscale(1) brightness(10);
}
.sm-content-wrap .details-row .details-box{
border-color: #E3E4F300;
background-color: #1A1A1B;
span, strong{
color: $white;
}
}
footer{
border-top: solid 1px #484848;
}
.header-wrapper .right-block::before{
background-color: #484848;
}
.mint-max-group{
background-color: $black;
border-color: #484848;
}
.mint-max-group .mint-max-btn{
border-color: #484848;
color: $white;
background-color: $black;
}
input:-webkit-autofill{
-webkit-text-fill-color: $white !important;
}
.table-no-data{
background-color: $black;
p{
color: $white;
}
}
.filter-wrapper .filter-nav-btn-wrapper{
border-color: #292929;
}
.filter-wrapper .filter-nav-btn{
color: $white;
}
.filter-wrapper .filter-nav-btn.active{
color: $primary-blue;
}
.property-card-wrapper .property-card{
background-color: $black;
border-color: #4E4E4E;
}
.property-card-wrapper .property-card .bottom-details .price-wrapper{
border-color: #4E4E4E;
}
.property-card-wrapper .property-card .loc-wrapper .loc-det, .property-card-wrapper .property-card .prop-name,
.property-card-wrapper .property-card .rental-det, .property-card-wrapper .property-card .img-txt-label,
.property-card-wrapper .property-card .img-txt-label .num,
.property-card-wrapper .property-card .bottom-details .price-wrapper .price-block p,
.property-card-wrapper .property-card .bottom-details .price-wrapper .price-block h4,
.login-cover .rem-wrapper .rem-block .form-check .form-check-label,
.login-cover .rem-wrapper .forgt-block .forgt-link, .login-cover .signup-text-block p .text-link,
.login-cover .back-btn-block .back-home-btn, .step-cover .steps-label, .steps-inp-cover .verify-title p,
.steps-inp-cover .resend-block .resend-link, .verify-block h4, .verify-block p, .token-verify-cover .token-title p,
.token-verify-cover .token-steps-block .token-steps-card .step-label, .token-verify-cover .verify-btn-block .time,
.dash-top .dash-cards .dash-items .content .value-head, .dash-top .dash-cards .dash-items .content .value-head,
.dash-top .dash-cards .dash-items .content .value-amt, .title-sec .heading,
.dash-token .dash-token-area .dash-tokn-graph .graph-info .graph-amty .graph-amount,
.title-sec .btn-area .btn-view-all, .dash-token .dash-token-area .dash-pro-lst .dash-pro-list .pro-list .pro-info .heading,
.dash-token .dash-token-area .dash-pro-lst .dash-pro-list .pro-list .pro-info .unit-info .unit-txt,
.dash-token .dash-token-area .dash-pro-lst .dash-pro-list .pro-list .pro-info .unit-info .unit-value.hight,
.dash-token .dash-token-area .dash-pro-lst .dash-pro-list .pro-list .pro-info .unit-info .unit-value,
.dash-token .dash-token-area .dash-token-hlf .graph-info .graph-amty .graph-amount,
.dash-token .dash-token-area .dash-token-hlf .graph-info .graph-amty .graph-tag-name, .table-no-data-db p,
.table-area .table tr th, .table-area .table tr td, .filter-dropdown-menu .filter-form-content .price-range-block .price-title .value,
.filter-dropdown-menu .filter-form-content .price-range-block .price-title, .profile-tab-cover .user-tab-content .profile-top-block h4,
.profile-tab-cover .user-tab-content .profile-top-block p, .profile-tab-cover .acc-body-content .usr-inp-block .usr-inp-label
{
color: $white;
}
.property-card-wrapper .property-card .img-txt-label img,
.property-card-wrapper .property-card .loc-wrapper .loc-det img{
filter: brightness(0) saturate(100%) invert(100%) sepia(8%) saturate(7400%) hue-rotate(182deg) brightness(124%) contrast(97%);
}
.membership-tier-header .resource-acc-btn{
background-color: $black;
color: $white;
}
.membership-tier-header .rew-avail-block, .conect-wallet .wallet-title, .conect-wallet p{
color: $white;
}
.conect-wallet .walles-otr .wallet-btn:hover, .conect-wallet .walles-otr .wallet-btn{
background-color: transparent;
border-color: $dark-border-2;
color: $white;
&:hover, &.active{
background-color: #1B1B1B;
}
&.active{
border-color: #292D32;
}
}
.conect-wallet .walles-otr .wallet-btn .wallet-icon{
border-color: transparent;
}
.mem-purchase-success-modal .logout-modal-body .btn-cover .btn-blue{
background-color: $primary-blue;
}
.custom-modal .aptos-btn-cover .view-aptos-btn{
color: $white;
border-color: $dark-border !important;
}
.custom-modal .aptos-btn-cover .view-aptos-btn img, .login-cover .back-btn-block .back-home-btn img,
.dash-token .dash-token-area .dash-pro-lst .dash-pro-list .pro-list .pro-info .unit-info .icons img{
filter: grayscale(1) brightness(10);
}
.modal-backdrop.show{
background-color: #1D1D1D99;
opacity: 1;
}
.login-cover .login-content-block{
background-color: $black;
border-color: $black;
}
.custom-input-group{
background-color: $black;
border-color: $dark-border-2;
@include placeholder{
color: rgba($color: $white, $alpha: 0.7);
}
}
.custom-input-group .custom-grp-inp{
color: $white;
}
.custom-input-group .view-toggle-btn img{
filter: brightness(0) saturate(100%) invert(51%) sepia(32%) saturate(337%) hue-rotate(173deg) brightness(89%) contrast(93%);
}
.steps-inp-cover .verify-inp-wrapper .verify-inp{
background-color: $black;
border-color: $dark-border-2;
color: $white;
}
.step-cover .step-wrapper .step-block .setps{
border-color: #4E4E4E;
background-color: $black;
}
.login-full-bg::before{
background-color: #24294396;
}
.token-verify-cover{
background-color: $black;
border-color: $dark-border-2;
}
.token-verify-cover .token-steps-block .token-steps-card::after{
background-color: $dark-border-2;
}
.token-verify-cover .token-steps-block .token-steps-card .step-check{
border-color: $white;
}
.token-verify-cover .verify-btn-block .verify-btn{
background-color: #1A243D;
color: $white;
}
.dash-top .dash-cards .dash-items, .dash-token .dash-token-area .dash-tokn-graph,
.dash-token .dash-token-area .dash-pro-lst, .dash-token .dash-token-area .dash-token-hlf{
border-color: $dark-border-2;
}
.dash-token .dash-token-area .dash-tokn-graph .graph-info .graph-drop .form-control{
background-color: #151618;
color: $white;
border-color: #151618;
}
.dash-token .dash-token-area .dash-tokn-graph .graph-info .graph-drop .form-control{
background-image: url('../public/img/drp-arrow-white.svg');
}
.dash-token .dash-token-area .dash-pro-lst .dash-pro-list .pro-list{
border-color: #191919;
}
.table-area .table tr th{
background-color: $table-th;
border-color: #191919 !important;
}
.table-area .table tr td{
border-color: #191919;
}
.table-area{
border-color: #191919;
}
// Select
.react-custom-select .css-13cymwt-control,
.react-custom-select .css-t3ipsp-control{
background: $black;
border-color: $dark-border !important;
}
.react-custom-select .css-1jqq78o-placeholder{
color: $white;
}
.react-custom-select .css-1xc3v61-indicatorContainer{
svg{
fill: $white;
}
}
.react-custom-select {
.css-19bb58m, .css-1dimb5e-singleValue{
color: $white;
}
.css-1jj59y3-MenuList2{
background: $nav-dark !important;
}
.css-1nmdiq5-menu{
background: $nav-dark !important;
}
.css-d7l1ni-option{
background-color: $bg-dark-blue;
}
}
.login-cover .login-content-block .inp-cover .react-custom-select .css-13cymwt-control, .login-cover .login-content-block .inp-cover .react-custom-select .css-t3ipsp-control{
background-color:$black;
}
.react-custom-select .css-feonkk-Input2{
color: $white;
}
.login-cover .login-content-block .inp-cover .react-custom-select .css-1dimb5e-singleValue {
color: $white;
}
.ant-picker-custom-range .ant-picker-panel-container .ant-picker-panels{
&::-webkit-scrollbar-track {
background: #232E33;
}
&::-webkit-scrollbar-thumb {
background: #2966ff;
}
&::-webkit-scrollbar-thumb:hover {
background: #608EFF;
}
}
.ant-picker-dropdown .ant-picker-prev-icon::before,
.ant-picker-dropdown .ant-picker-next-icon::before,
.ant-picker-dropdown .ant-picker-super-prev-icon::before,
.ant-picker-dropdown .ant-picker-super-next-icon::before{
border-color: #fff;
}
.inp-block .ant-picker{
background-color: $black;
border-color: $dark-border-2 !important;
}
.ant-picker-dropdown .ant-picker-time-panel-column>li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
background-color: $primary-blue !important;
}
.ant-picker .ant-picker-input >input{
color: $white;
}
.filter-dropdown-menu .filter-form-content .price-range-block{
background-color: $black;
border-color: $dark-border-2;
}
.profile-tab-cover .profile-tab-btn-block .tab-btn{
color: $white;
}
.profile-tab-cover .profile-tab-body-content{
border-color: $dark-border-2;
}
.profile-tab-cover .user-tab-content .profile-top-block .usr-img-block .usr-img{
border-color: #1A1A1B;
}
.profile-tab-cover .user-tab-content .profile-top-block .kyc-block{
border-color: #191919;
background-color: #080D18;
}
.profile-tab-cover .user-tab-content .profile-top-block .kyc-block .veify-btn:hover{
background-color: transparent;
color: $white;
}
.profile-tab-cover .tab-title{
background-color: #1A1A1B;
border-color: #1A1A1B;
color: $white;
h4{
color: $white;
}
}
.profile-tab-cover .user-tab-content .tab-acc-block .acc-btn {
color: $white;
background-color: $black;
h5{
color: $white;
}
}
.profile-tab-cover .tab-block{
border-color: #1A1A1B;
}
.profile-tab-cover .acc-body-content .usr-inp-block{
@include placeholder{
color: rgba($color: #fff, $alpha: 0.7);
}
}
.profile-tab-cover .acc-body-content .usr-inp-block .user-inp{
color: $white;
background-color: $black;
border-color: $dark-block-2;
}
.profile-tab-cover .acc-body-content .usr-inp-block .user-mail-info{
background-color: #0D0D0D;
}
.profile-tab-cover .tab-acc-block .acc-btn .toggle-icon img{
filter: grayscale(1) brightness(1);
}
.profile-tab-cover .acc-body-content .btn-block .btn-border{
border-color: $dark-block-2 !important;
color: $white;
background-color: #0E0E0E;
}
.profile-tab-cover .user-tab-content .tab-acc-block .acc-btn h5 .title-icon img{
filter: grayscale(1) brightness(2);
}
.profile-tab-cover .acc-body-content .usr-inp-block .pswd-inp-cover{
border-color: $dark-block-2 !important;
color: $white;
background-color: #0E0E0E;
}
.prof-logout-block .prof-logout-btn{
background-color: #1A1A1B;
}
.fa2-block{
background-color: #1A1A1B;
border-color: $dark-block-2;
color: $white;
}
.ant-picker-dropdown .ant-picker-cell-disabled{
opacity: 0.3;
}
.ant-btn-primary:disabled{
opacity: 0.5;
}
.ant-btn-primary:disabled, .ant-btn{
color: $white;
}
.ant-picker-dropdown .ant-picker-time-panel-column>li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner {
opacity: 0.3;
}
.ant-picker-dropdown .ant-picker-header {
color: #fff !important;
}
.ant-picker-custom-range .ant-picker-panel-container .ant-picker-panels{
&::-webkit-scrollbar-track {
background: #232E33;
}
&::-webkit-scrollbar-thumb {
background: #2966ff;
}
&::-webkit-scrollbar-thumb:hover {
background: #608EFF;
}
}
.ant-picker-dropdown .ant-picker-prev-icon::before,
.ant-picker-dropdown .ant-picker-next-icon::before,
.ant-picker-dropdown .ant-picker-super-prev-icon::before,
.ant-picker-dropdown .ant-picker-super-next-icon::before{
border-color: #fff;
}
// Calendar
.ant-picker .ant-picker-input >input, .ant-picker .ant-picker-separator
{
color: $white;
}
.ant-picker-suffix .anticon svg{
color: $white;
}
.ant-picker-dropdown .ant-picker-panel-container{
background-color: $black;
border: solid 1px $dark-border;
}
.ant-picker-dropdown .ant-picker-header-view button{
color: $white;
}
.ant-picker-dropdown .ant-picker-content th, .ant-picker-dropdown .ant-picker-content td{
color: $white;
}
.ant-picker-dropdown .ant-picker-range-arrow::before{
background: $black;
}
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-in-range::before{
background: #131313;
}
.ant-picker-dropdown .ant-picker-header{
border-bottom-color: $dark-border;
}
.ant-picker .ant-picker-input {
@include placeholder{
color: $white;
}
}
.user-info-cover{
background-color: $black;
border-color: $dark-border-2;
}
.user-info-cover .user-info-wrapper .img-col .img-block .usr-img{
border-color: #1A1A1B;
}
.user-info-cover .user-info-wrapper .info-col .profile-label .prof-icon img{
filter: grayscale(1) brightness(5);
}
.user-info-cover .user-info-wrapper .info-col {
.profile-label, .prof-det{
color: $white;
}
}
.user-info-cover .user-info-wrapper .info-col .prof-edit-btn{
border-color: $primary-blue;
color: #fff;
background-color: $primary-blue;
img{
filter: grayscale(1) brightness(10);
}
}
.profile-tab-cover .tab-acc-block .accordion-item{
background-color: $black;
border-color: #1A1A1B !important;
}
.profile-tab-cover .tab-acc-block .acc-btn-label-bt-admn {
border-color: #1A1A1B !important;
}
.profile-tab-cover .tab-acc-block .accordion-item .accordion-collapse{
border-color: #1A1A1B !important;
}
.profile-tab-cover .tab-acc-block .acc-btn .label-det{
color: $white;
}
.form-switch-block{
.form-check-input{
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(0,0,0,1)'/></svg>");
background-color: #ccc ;
border-color: $dark-border-2;
}
.form-check-input:checked{
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(255,255,255,1)'/></svg>");
background-color: $primary-blue !important;
}
}
.login-cover .login-content-block.fa2-content-block .auth-inp-wrapper .auth-inp{
background-color: $black;
color: $white;
border-color: $dark-border-2;
outline: none;
}
.react-custom-select .css-1cfo1cf{
color: $white !important;
}
.table-area .table tr td{
background-color: $black;
}
.table-area .table tr td .table-value-view .main-value, .table-area .table tr td .table-value-view .tag-value{
color: $white;
}
input {
caret-color: $white !important;
}
.token-success .btn-cover .btn-border {
border-color: $dark-block-2 !important;
background-color: #0E0E0E;
color: $white;
}
.user-info-table-block{
border-color: $dark-border-2;
}
.react-custom-select-rect{
.css-13cymwt-control, .css-t3ipsp-control{
color: $white;
background-color: $black;
border-color: #2B2C2E;
}
.css-13cymwt-control, .css-t3ipsp-control{
border-color: #2B2C2E !important;
}
.css-1dimb5e-singleValue{
color: $white !important;
}
.css-1jj59y3-MenuList2{
background-color: $black;
.css-10wo9uf-option{
color:$white
}
}
.css-feonkk-Input2{
color: $white;
}
}
.react-loading-skeleton {
--base-color: #262525 !important;
--highlight-color: #262525 !important;
background-color: #212020 !important;
}
.user-refund-modal .prop-col-det-row .prop-op-sm-col .prop-op-val a{
color: $white;
}
.sm-content-wrap .t-body .btn-vw{
background-color: #1A1A1B;
color: $white;
img{
filter: grayscale(1) brightness(10);
}
}
.prop-title .prop-heading{
color: $white;
}
.profile-tab-cover .profile-tab-btn-block{
border-color: #4E4E4E;
}
.dash-claim-sec{
border-color: #4E4E4E;
background-color: #000;
}
.copy-btn-tb img{
filter: grayscale(1) brightness(10);
}
.user-refund-modal .prop-col-det-row .prop-op-sm-col {
.cnt{
color: #AFAFAF;
}
}
.progress-details-modal.progress {
background-color: #152650;
}
.tier-card-cover .tier-card-col .tier-card .btn-block .get-btn{
background-color: #1D1D1D;
border: solid 1px #1D1D1D;
}
.terms-modal .terms-modal-body {
h3, p{
color: #fff;
}
}
.connect-wallet-modal.connect-wallet-modal-mob .wallet-address-mob .wlt-label{
color: #fff;
}
.connect-wallet-modal.connect-wallet-modal-mob .wallet-address-mob .wallet-det{
background-color: $black;
border-color: $dark-border-2;
}
.connect-wallet-modal.connect-wallet-modal-mob .wallet-address-mob .wallet-det .ads-copy-btn{
background-color: $black;
border-color: #fff;
img{
filter: grayscale(1) brightness(4);
}
}
.dash-page-sec .dash-col-left .propery-item-cover .propery-item-wrapper .prop-det-col .prop-det-wrapper .prop-col-det-col .prop-label img{
filter: grayscale(1) brightness(4);
}
.otp-modal .opt-inp-cover .auth-inp-wrapper .auth-inp{
background-color: $black;
color: $white;
border-color: $dark-border-2;
outline: none;
}
.buy-btn-block-mob.sticky-top .time-line-sec{
@media ($sm-1199) {
background-color: #11151F;
}
}
.profile-select-block .dropdown-menu{
background-color: #000;
border-color: $dark-block-2;
}
.profile-select-block .dropdown-menu .prof-title-block .prof-det-block .uid-block .copy-btn img{
filter: grayscale(1) brightness(2);
}
.profile-select-block .dropdown-menu .prof-title-block .prof-det-block h4{
color: #fff;
}
.profile-select-block .dropdown-menu .prof-title-block .prof-avt-img img{
border-color: #383A3B;
}
.profile-select-block .dropdown-menu .tier-block{
background-color: #252525;
color: #fff;
border-color: #434343;
}
.profile-select-block .dropdown-menu .dropdown-item {
img{
filter: grayscale(1) brightness(5);
}
color: #fff;
&:hover{
background-color: #131313;
}
}
.profile-select-block .dropdown-menu .kyc-prof-block .kyc-link-item{
background-color: #251E0D;
border-color: #251E0D;
color: #FBCB5E;
}
.table-cover .custom-table .td-config-btn{
color: #fff;
border-color: #1A1A20;
background-color: #1A1A20;
}
.add-ancmt-modal .btn-cover .btn.btn-border {
background-color: #0F1420;
}
.add-ancmt-modal .schedule-inp-block .form-check-input {
border-color: #484848;
}
.add-ancmt-modal{
.modal-body{
color: #fff;
}
}
.add-ancmt-modal .btn-cover .btn.edit-btn{
color: #fff;
img{
filter: none;
}
}
.add-ancmt-modal .btn-cover {
border-color:#0D1426;
}
}