{"version":3,"sources":["dark-theme-core.scss","dark-theme-core.css"],"names":[],"mappings":"AAwBA;EACI,0CAAA;ACvBJ;;AD0BA;EArBI,yBAAA;EACA,yBAAA;EAQA,yBAAA;ACRJ;ADyBI;EACI,wCAAA;ACvBR;AD0BI;EArBA,yBAAA;ACFJ;AD2BI;EACI,2DAAA;ACzBR;AD8BI;EAxCA,yBAAA;EACA,yBAAA;ACaJ;ADgCQ;EAjCJ,sBAAA;ACIJ;ADmCI;EA/CA,oCAAA;ACeJ;ADqCI;EA5CA,sBAAA;ACUJ;ADuCI;EAjDA,sBAAA;ACaJ;ADyCI;EACI,8CA1Ea;ACmCrB;AD0CI;EACI,qDA9Ea;ACsCrB;AD4CI;EA5EA,yBAAA;EACA,yBAAA;ACmCJ;AD2CQ;EACI,yBAAA;ACzCZ;AD4CQ;EA1EJ,yBAAA;ACiCJ;AD6CQ;EACI,yBA5FQ;ACiDpB;ADiDQ;EACI,uCAAA;EACA,8CAAA;AC/CZ;ADsDY;EAlGR,oCAAA;EAoGY,qBA9GE;AC0DlB;AD0DI;EACI,mDAAA;EACA,qBAtHU;EAuHV,2BAAA;ACxDR;AD0DQ;EA3GJ,yBAAA;ACoDJ;AD2DQ;EACI,oCAAA;ACzDZ;AD+DQ;EA1HJ,oCAAA;EAQA,sBAAA;ACuDJ;ADkEI;EACI,6BAAA;AChER;ADkEQ;EACI,8DAAA;AChEZ;ADsEQ;EAvIJ,yBAAA;ACoEJ;AD2EI;EACI,aAAA;ACzER;AD6EI;EApJA,yBAAA;AC0EJ;AD+EI;EACI,yDAAA;EACA,mBAAA;AC7ER;ADiFI;EACI,8DAAA;AC/ER;ADmFI;EACI,oCAAA;EACA,wCAAA;ACjFR;ADqFI;EACI,mDAAA;ACnFR;ADqFQ;EAzKJ,sBAAA;ACuFJ;ADsFQ;EAjLJ,yBAAA;AC8FJ;ADyFI;EAvLA,yBAAA;ACiGJ;AD2FI;EACI,uCAAA;EACA,oCAAA;ACzFR;AD2FQ;EAhMJ,yBAAA;EAkMQ,uCAAA;EACA,qBAjNM;EAkNN,UAAA;EACA,6BAAA;ACzFZ;AD8FI;EACI,2DAAA;AC5FR;ADgGI;EACI,YAAA;EACA,mBAAA;AC9FR","file":"dark-theme-core.css","sourcesContent":["// Default Colors and Mixins...\n$table-border-color: #55779a47;\n$primary-bg-dark: #283149;\n$secondary-bg-dark: #404B69;\n\n\n@mixin darkBackgroundColor() {\n    background-color: #283149;\n    color: #d7d7d7 !important;\n}\n\n@mixin darkItemBackground() {\n    background-color: #404B69 !important;\n}\n\n@mixin regularTextColor() {\n    color: #d7d7d7 !important;\n}\n\n@mixin headingLikeTextColor() {\n    color: #fff !important;\n}\n\n\nbody {\n    transition: background-color 200ms ease-in;\n}\n\nbody.dark-page {\n    //Overwrite General Colors\n    @include darkBackgroundColor;\n    @include regularTextColor;\n\n    .bg-gray-100 {\n        background-color: transparent !important;\n    }\n\n    .text-body {\n        @include regularTextColor;\n    }\n\n    .text-gradient.text-dark {\n        background-image: linear-gradient(310deg, #a8a8a8, #ffffff);\n    }\n\n\n    //Overwrite Plugin Button\n    .fixed-plugin .fixed-plugin-button {\n        @include darkBackgroundColor;\n    }\n\n    //Main logo text color\n    .sidenav-header {\n        .navbar-brand {\n            @include headingLikeTextColor;\n        }\n    }\n\n    //Overwrite Card Styles\n    .card, .card-header {\n        @include darkItemBackground;\n    }\n\n    //General heading color overwrite\n    h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1, {\n        @include headingLikeTextColor;\n    }\n\n    //General text overwrite\n    .text-dark {\n        @include headingLikeTextColor;\n    }\n\n    //General table styles\n    .table {\n        border-color: $table-border-color;\n    }\n\n    .table > :not(:last-child) > :last-child > * {\n        border-bottom-color: $table-border-color;\n    }\n\n    //Dropdown menus general styling\n    .dropdown-menu {\n        @include darkBackgroundColor;\n\n        &:before {\n            color: $primary-bg-dark !important;\n        }\n\n        a {\n            @include regularTextColor;\n        }\n\n        .dropdown-item:hover, .dropdown-item:focus {\n            background-color: $secondary-bg-dark;\n        }\n    }\n\n    //Search input\n    .input-group {\n        span, input {\n            background-color: rgba(40, 49, 73, 0.6);\n            border-color: rgba(40, 49, 73, 0.8) !important;\n        }\n    }\n\n    //Scrolling nav search box\n    .navbar-main:not(.bg-transparent) {\n        .input-group {\n            span, input {\n                @include darkItemBackground;\n                border-color: $primary-bg-dark;\n            }\n        }\n    }\n\n    //Main navigation links\n    .navbar-main.blur {\n        background-color: rgba($secondary-bg-dark, 0.5) !important;\n        border-color: $primary-bg-dark;\n        box-shadow: none !important;\n\n        .nav-link {\n            @include regularTextColor;\n        }\n\n        .sidenav-toggler-line.bg-dark {\n            background-color: #d7d7d7 !important;\n        }\n    }\n\n    //Side navigation active items\n    .sidenav {\n        .nav-link.active {\n            @include darkItemBackground;\n            @include headingLikeTextColor;\n        }\n    }\n\n    //List items general\n    .list-group-item {\n        background-color: transparent;\n\n        &.bg-gray-100 {\n            background-color: #f8f9fa0a !important;\n        }\n    }\n\n    //Social buttons\n    .btn-simple {\n        &.btn-facebook,\n        &.btn-instagram,\n        &.btn-twitter {\n            @include regularTextColor;\n        }\n    }\n\n    //Pills svg icon\n    svg.text-dark .color-background {\n        fill: #d7d7d7;\n    }\n\n    //Pills navigation\n    .nav.nav-pills .nav-link {\n        @include regularTextColor;\n    }\n\n    //Pills action\n    .moving-tab .nav-link.active {\n        box-shadow: 0 1px 5px 1px #374468e0;\n        background: #283149;\n    }\n\n    //General blur settings\n    .shadow-blur {\n        box-shadow: inset 0 0 2px rgb(254 254 254 / 82%) !important;\n    }\n\n    //Toggle switches\n    .form-switch .form-check-input:checked {\n        border-color: rgb(36 39 57 / 95%);\n        background-color: rgb(36 39 57 / 95%);\n    }\n\n    //Signup/Login pages navigation\n    .navbar.blur-rounded {\n        background-color: rgba($secondary-bg-dark, 0.8) !important;\n\n        .navbar-brand {\n            @include headingLikeTextColor;\n        }\n\n        .navbar-nav .nav-link {\n            @include regularTextColor;\n        }\n    }\n\n    //Input field labels\n    label, .form-label {\n        @include regularTextColor;\n    }\n\n    //Input fields\n    input {\n        background-color: rgba($primary-bg-dark, 0.6);\n        border-color: rgba($secondary-bg-dark, 0.6);\n\n        &.form-control:focus {\n            @include regularTextColor;\n            background-color: rgba($primary-bg-dark, 0.6);\n            border-color: $primary-bg-dark;\n            outline: 0;\n            box-shadow: 0 0 0 2px $primary-bg-dark;\n        }\n    }\n\n    //background of progress bar\n    .progress {\n        background-color: #273047ab !important;\n    }\n\n    //dark button styles{\n    .btn-outline-dark{\n        color: white;\n        border-color: white;\n    }\n}","body {\n  transition: background-color 200ms ease-in;\n}\n\nbody.dark-page {\n  background-color: #283149;\n  color: #d7d7d7 !important;\n  color: #d7d7d7 !important;\n}\nbody.dark-page .bg-gray-100 {\n  background-color: transparent !important;\n}\nbody.dark-page .text-body {\n  color: #d7d7d7 !important;\n}\nbody.dark-page .text-gradient.text-dark {\n  background-image: linear-gradient(310deg, #a8a8a8, #ffffff);\n}\nbody.dark-page .fixed-plugin .fixed-plugin-button {\n  background-color: #283149;\n  color: #d7d7d7 !important;\n}\nbody.dark-page .sidenav-header .navbar-brand {\n  color: #fff !important;\n}\nbody.dark-page .card, body.dark-page .card-header {\n  background-color: #404B69 !important;\n}\nbody.dark-page h6, body.dark-page .h6, body.dark-page h5, body.dark-page .h5, body.dark-page h4, body.dark-page .h4, body.dark-page h3, body.dark-page .h3, body.dark-page h2, body.dark-page .h2, body.dark-page h1, body.dark-page .h1 {\n  color: #fff !important;\n}\nbody.dark-page .text-dark {\n  color: #fff !important;\n}\nbody.dark-page .table {\n  border-color: rgba(85, 119, 154, 0.2784313725);\n}\nbody.dark-page .table > :not(:last-child) > :last-child > * {\n  border-bottom-color: rgba(85, 119, 154, 0.2784313725);\n}\nbody.dark-page .dropdown-menu {\n  background-color: #283149;\n  color: #d7d7d7 !important;\n}\nbody.dark-page .dropdown-menu:before {\n  color: #283149 !important;\n}\nbody.dark-page .dropdown-menu a {\n  color: #d7d7d7 !important;\n}\nbody.dark-page .dropdown-menu .dropdown-item:hover, body.dark-page .dropdown-menu .dropdown-item:focus {\n  background-color: #404B69;\n}\nbody.dark-page .input-group span, body.dark-page .input-group input {\n  background-color: rgba(40, 49, 73, 0.6);\n  border-color: rgba(40, 49, 73, 0.8) !important;\n}\nbody.dark-page .navbar-main:not(.bg-transparent) .input-group span, body.dark-page .navbar-main:not(.bg-transparent) .input-group input {\n  background-color: #404B69 !important;\n  border-color: #283149;\n}\nbody.dark-page .navbar-main.blur {\n  background-color: rgba(64, 75, 105, 0.5) !important;\n  border-color: #283149;\n  box-shadow: none !important;\n}\nbody.dark-page .navbar-main.blur .nav-link {\n  color: #d7d7d7 !important;\n}\nbody.dark-page .navbar-main.blur .sidenav-toggler-line.bg-dark {\n  background-color: #d7d7d7 !important;\n}\nbody.dark-page .sidenav .nav-link.active {\n  background-color: #404B69 !important;\n  color: #fff !important;\n}\nbody.dark-page .list-group-item {\n  background-color: transparent;\n}\nbody.dark-page .list-group-item.bg-gray-100 {\n  background-color: rgba(248, 249, 250, 0.0392156863) !important;\n}\nbody.dark-page .btn-simple.btn-facebook, body.dark-page .btn-simple.btn-instagram, body.dark-page .btn-simple.btn-twitter {\n  color: #d7d7d7 !important;\n}\nbody.dark-page svg.text-dark .color-background {\n  fill: #d7d7d7;\n}\nbody.dark-page .nav.nav-pills .nav-link {\n  color: #d7d7d7 !important;\n}\nbody.dark-page .moving-tab .nav-link.active {\n  box-shadow: 0 1px 5px 1px rgba(55, 68, 104, 0.8784313725);\n  background: #283149;\n}\nbody.dark-page .shadow-blur {\n  box-shadow: inset 0 0 2px rgba(254, 254, 254, 0.82) !important;\n}\nbody.dark-page .form-switch .form-check-input:checked {\n  border-color: rgba(36, 39, 57, 0.95);\n  background-color: rgba(36, 39, 57, 0.95);\n}\nbody.dark-page .navbar.blur-rounded {\n  background-color: rgba(64, 75, 105, 0.8) !important;\n}\nbody.dark-page .navbar.blur-rounded .navbar-brand {\n  color: #fff !important;\n}\nbody.dark-page .navbar.blur-rounded .navbar-nav .nav-link {\n  color: #d7d7d7 !important;\n}\nbody.dark-page label, body.dark-page .form-label {\n  color: #d7d7d7 !important;\n}\nbody.dark-page input {\n  background-color: rgba(40, 49, 73, 0.6);\n  border-color: rgba(64, 75, 105, 0.6);\n}\nbody.dark-page input.form-control:focus {\n  color: #d7d7d7 !important;\n  background-color: rgba(40, 49, 73, 0.6);\n  border-color: #283149;\n  outline: 0;\n  box-shadow: 0 0 0 2px #283149;\n}\nbody.dark-page .progress {\n  background-color: rgba(39, 48, 71, 0.6705882353) !important;\n}\nbody.dark-page .btn-outline-dark {\n  color: white;\n  border-color: white;\n}"]}