/*! Themestr.app `Darkster` Bootstrap 4.3.1 theme */ @use 'sass:map'; ///========================================== /// Theme variable overrides ///========================================== @import "./abstract"; // Fonts // @import url(https://fonts.googleapis.com/css?family=Comfortaa:200,300,400,700); /* cyrillic-ext */ @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 300; src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4QIFqPfE.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 300; src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4SYFqPfE.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 300; src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4ToFqPfE.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 300; src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4QoFqPfE.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 300; src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4Q4FqPfE.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 300; src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4TYFq.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 400; src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4QIFqPfE.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 400; src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4SYFqPfE.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 400; src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4ToFqPfE.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 400; src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4QoFqPfE.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 400; src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4Q4FqPfE.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 400; src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4TYFq.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 700; src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4QIFqPfE.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 700; src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4SYFqPfE.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 700; src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4ToFqPfE.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 700; src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4QoFqPfE.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 700; src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4Q4FqPfE.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 700; src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4TYFq.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } $headings-font-family: "Comfortaa"; // Colors $primary :#33A2FF; $secondary :#52B0FF; $success :#015668; $danger :#FF304F; $info :#0F81C7; $warning :#0DE2EA; $light :#D1CDC7; $dark :#2C2F31; $light-secondary: #B5AFA6; $dark-secondary: #383D3F; $gray-50 : #121212; // (+) $gray-100: #212529; $gray-150: #2E2E2E; // (+) $gray-175: #333333; // (+) $gray-200: #343A40; $gray-300: #495057; $gray-400: #6C757D; $gray-500: #ADB5BD; $gray-600: #CED4DA; $gray-700: #DEE2E6; $gray-800: #E9ECEF; $gray-900: #F8F9FA; // Palettes $theme-colors: map.merge( $theme-colors, ( 'primary': $primary, 'secondary': $secondary, 'success': $success, 'danger': $danger, 'info': $info, 'warning': $warning, 'light': $light, 'dark': $dark, ) ); $palette-semantic: $theme-colors; $palette-gray: ( '0': $white, '50': $gray-50, '100': $gray-100, '150': $gray-150, '175': $gray-175, '200': $gray-200, '300': $gray-300, '400': $gray-400, '500': $gray-500, '600': $gray-600, '700': $gray-700, '800': $gray-800, '900': $gray-900, '1000': $black ); $palette-pastel: ( 'green': $pastel-green, 'blue': $pastel-blue, 'yellow': $pastel-yellow, 'red': $pastel-red, 'orange': $pastel-orange, 'purple': $pastel-purple ); // Components $annotation-text-color: $gray-600; $annotation-field-base-alpha: 15%; // (overriding bootstrap "_variable.scss") $enable-shadows:true; $body-bg:#181A1B; $body-color:#cccccc; $link-color:#f0f0f0; $font-size-base:1.1rem; $list-group-bg:lighten($body-bg,5%); $card-border-color:rgba($black, 0.6); $card-cap-bg:lighten($gray-800, 10%); $card-bg:lighten($body-bg, 5%); $input-bg:$gray-300; $input-disabled-bg: $gray-100; // Misc... // $enable-shadows:true; // $body-bg:$black; // $body-color:#cccccc; // $link-color:#f0f0f0; // $link-hover-color:darken($link-color,20%); // $font-size-base:1.1rem; // $table-accent-bg: rgba($white,.05); // $table-hover-bg:rgba($white,.075); // $table-border-color:rgba($white, 0.3); // $table-dark-border-color: $table-border-color; // $table-dark-color:$white; // $input-bg:$gray-300; // $input-disabled-bg: #ccc; // $dropdown-bg:$gray-800; // $dropdown-divider-bg:rgba($black,.15); // $dropdown-link-color:$body-color; // $dropdown-link-hover-color:$white; // $dropdown-link-hover-bg:$body-bg; // $nav-tabs-border-color:rgba($white, 0.3); // $nav-tabs-link-hover-border-color:$nav-tabs-border-color; // $nav-tabs-link-active-bg:transparent; // $nav-tabs-link-active-border-color:$nav-tabs-border-color; // $navbar-dark-hover-color:$white; // $navbar-light-hover-color:$gray-800; // $navbar-light-active-color:$gray-800; // $pagination-color:$white; // $pagination-bg:transparent; // $pagination-border-color:rgba($black, 0.6); // $pagination-hover-color:$white; // $pagination-hover-bg:transparent; // $pagination-hover-border-color:rgba($black, 0.6); // $pagination-active-bg:transparent; // $pagination-active-border-color:rgba($black, 0.6); // $pagination-disabled-bg:transparent; // $pagination-disabled-border-color:rgba($black, 0.6); // $jumbotron-bg:darken($gray-900, 5%); // $card-border-color:rgba($black, 0.6); // $card-cap-bg:lighten($gray-800, 10%); // $card-bg:lighten($body-bg, 5%); // $modal-content-bg:lighten($body-bg,5%); // $modal-header-border-color:rgba(0,0,0,.2); // $progress-bg:darken($gray-900,5%); // $progress-bar-color:$gray-600; // $list-group-bg:lighten($body-bg,5%); // $list-group-border-color:rgba($black,0.6); // $list-group-hover-bg:lighten($body-bg,10%); // $list-group-active-color:$white; // $list-group-active-bg:$list-group-hover-bg; // $list-group-active-border-color:$list-group-border-color; // $list-group-disabled-color:$gray-800; // $list-group-disabled-bg:$black; // $list-group-action-color:$white; // $breadcrumb-active-color:$gray-500; ///========================================== /// Custom styles specific to the theme ///========================================== @import './_base'; .dropdown-menu { a { color: $light; } background-color: $body-bg; .dropdown-item:hover, .dropdown-item:focus { background-color: $dark-secondary; } .dropdown-divider { border-top: 1px solid $dark-secondary; } } .forest-layout { border-right: 2px solid $dark-secondary !important; &.bg-light, &__actions.bg-light { background-color: $dark !important; } &__action, &__top_action { .btn-light { color: $light; background-color: $dark; border-color: $dark-secondary; } } } .navbar-dark.bg-primary { background-color:#111111 !important; } .table { &.able { color:#ccccc5; } th, td { border-top: 1px solid $dark-secondary; } thead th { border-bottom: 2px solid $dark-secondary; } } .nav-tabs { border-bottom: 1px solid $dark-secondary; & .nav-link.active, & .nav-item.show .nav-link { background-color: $dark; color: $light-secondary; border-color: $dark-secondary; } } .nav.nav-tabs li a.nav-link.active:hover { color: $dark; } .form-control, .form-control:focus{ background-color: $body-bg; color: $gray-700; border-color: $dark-secondary; } .card-header, .card-footer { background-color: $dark; } .mainleaf { &__version-badge { background-color: $dark; border: 1px solid $dark-secondary; } }